/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
/* ============================================
   GRID LAYOUT - Responsywne kolumny
   ============================================ */

@media screen and (min-width: 768px) {
    .z-post-grid .elementor-container .elementor-column:nth-of-type(3n+1) .elementor-element-populated {
        padding: 0% 6% 0% 0%;
    }

    .z-post-grid .elementor-container .elementor-column:nth-of-type(3n+2) .elementor-element-populated {
        padding: 0% 3% 0% 3%;
    }

    .z-post-grid .elementor-container .elementor-column:nth-of-type(3n+3) .elementor-element-populated {
        padding: 0% 0% 0% 6%;
        margin: 0% 0% 0% 0%;
        --e-column-margin-right: 0%;
        --e-column-margin-left: 0%;
    }
}


/* ============================================
   POST GRID - Główny styl
   ============================================ */

.z-post-grid .elementor-element-17b4b08,
.z-post-grid .elementor-element-67762593 {
    margin-block-end: 20px !important;
}

.z-post-grid .elementor-element-17b4b08 .elementor-widget-container {
    margin: 1em 0em 0em 0em;
}

.z-post-grid .elementor-image-box-content {
    text-align: center;
}

.z-post-grid .elementor-button {
    background-color: #FFFFFF00;
    fill: var(--e-global-color-accent);
    color: var(--e-global-color-accent);
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    padding: 10px 16px 10px 16px;
}


/* ============================================
   POST GRID W STOPCE - Specjalne formatowanie
   ============================================ */

.z-footer-post-grid .z-post-grid .elementor-container {
    flex-wrap: wrap;
}

.z-footer-post-grid .z-post-grid .elementor-column {
    width: 100% !important;
}

.z-footer-post-grid .z-post-grid .elementor-element-populated {
    display: flex;
    padding: 0 !important;
    align-items: center;
}

.z-footer-post-grid .z-post-grid .elementor-widget-container {
    margin: 0 !important;
}

.z-footer-post-grid .z-post-grid .elementor-image-box-description,
.z-footer-post-grid .z-post-grid .elementor-widget-button {
    display: none;
}

.z-footer-post-grid .z-post-grid .elementor-image-box-title {
    color: #FFFFFF;
    font-size: 16px;
}

.z-footer-post-grid .z-post-grid .elementor-image-box-title a {
    color: #FFFFFF;
}

.z-footer-post-grid .z-post-grid .elementor-widget-image {
    width: 25%;
    margin-bottom: 0 !important;
}

.z-footer-post-grid .z-post-grid .elementor-widget-image-box {
    width: 75%;
    padding: 0 10px;
    margin-bottom: 0 !important;
}

.z-footer-post-grid .z-post-grid .elementor-widget-image-box .elementor-image-box-wrapper {
    text-align: left !important;
}


/* ============================================
   IMAGE BOX - Hover efekty
   ============================================ */

.elementor-widget-image-box .elementor-image-box-title a {
    transition: .3s all ease;
}

.elementor-widget-image-box .elementor-image-box-title a:hover {
    color: var(--e-global-color-accent);
}


/* ============================================
   ARCHIVE PAGE HEADER - Hero sekcja
   ============================================ */

.z-archive-page-header {
    background-image: url('/wp-content/uploads/komornikostroda_1920x1128.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 10em 0;
}

.z-archive-page-header .elementor-background-overlay {
    background-color: transparent;
    background-image: linear-gradient(50deg, var(--e-global-color-b513afb) 0%, #161D2DC4 100%);
    opacity: 0.9;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
    inset: 0;
    position: absolute;
}

.z-archive-page-header .elementor-heading-title {
    color: #FFFFFF;
}

@media screen and (max-width: 1023px) {
    .z-archive-page-header {
        padding: 6em 0;
    }
}


/* ============================================
   MAIN CONTENT - Padding dla głównej zawartości
   ============================================ */

body:not(.elementor-page) #content.site-main {
    padding: 10em 0;
}

@media screen and (max-width: 1023px) {
    body:not(.elementor-page) #content.site-main {
        padding: 6em 0;
    }
}


/* ============================================
   BREADCRUMBS - Nawigacja
   ============================================ */

body.archive .rank-math-breadcrumb a,
body.archive .rank-math-breadcrumb,
body.single .rank-math-breadcrumb a,
body.single .rank-math-breadcrumb {
    color: var(--e-global-color-text);
    font-size: 14px;
}

.rank-math-breadcrumb {
    font-size: var(--e-global-typography-f650f16-font-size);
    color: #FFFFFF;
}

.z-archive-page-header .rank-math-breadcrumb a,
.z-archive-page-header .rank-math-breadcrumb {
    font-size: var(--e-global-typography-f650f16-font-size) !important;
    color: #FFFFFF !important;
}

body.single-ka_auction .ka-breadcrumb-wrap {
    margin-bottom: 0;
}

.rank-math-breadcrumb a {
    color: var(--e-global-color-c0844db);
}


/* ============================================
   RESPONSYWNOŚĆ - Widoczność elementów
   ============================================ */

@media screen and (min-width: 768px) {
    .mobile-visible {
        display: none !important;
    }
}


/* ============================================
   LINKI - Globalne style
   ============================================ */

.comments-area a,
.page-content a {
    text-decoration: none;
}

.ka-gallery__thumb {
    box-shadow: none !important;
    padding: 0 !important;
}

.ka-gallery__thumb:hover {
    transform: none;
}

.ka-gallery__thumb:hover,
.ka-gallery__thumb.is-active {
    border-color: var(--e-global-color-accent) !important;
}

.ka-gallery__thumb,
.ka-gallery__nav {
    background: none !important;
    border-color: transparent !important;
}

.ka-gallery__nav {
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media screen and (min-width: 1024px) {
    .ka-post-title,
    .ka-title {
        font-size: 38px !important;
    }
}

.glightbox-clean .gslide-title {
    font-family: inherit;
}

.ka-badge:hover {
    color: #ffffff !important;
}

.ka-btn-doc {
    background-color: var(--e-global-color-accent) !important;
    color: #ffffff !important;
    border-radius: 0 !important;
    font-family: var(--e-global-typography-primary-font-family);
    font-weight: 400;
}

.ka-filter-pill:hover {
    color: inherit !important;
}

.ka-filter-pill.is-active:hover {
    color: #ffffff !important;
}

.ka-archive-count,
.ka-archive-title i {
    display: none;
}

.ka-card__badges,
.ka-card__date {
    justify-content: center;
}

.ka-card__title {
    text-align: center;
}

.ka-card {
    box-shadow: none;
    border-radius: 0;
}

.ka-card:hover {
    transform: none;
    box-shadow: none;
}

.ka-card__btn {
    fill: var(--e-global-color-accent);
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    padding: 10px 16px 10px 16px;
    font-family: var(----e-global-typography-primary-font-family);
    font-size: 18px;
    font-weight: 400;
    border-radius: 0px 0px 0px 0px;
    display: inline-block;
    text-align: center;
    transition: all .3s;
    line-height: 1;
    background: none;
    border-color: var(--e-global-color-accent);
    color: var(--e-global-color-accent) !important;
    align-self: center;
}

.ka-card__btn:hover {
    background: var(--e-global-color-accent);
    color: #ffffff !important;
}