/* Sklep WooCommerce – boczny odstęp tylko na tablecie i telefonie. */
@media (max-width: 921px) {
    body.woocommerce-shop .site-content > .ast-container {
        padding-left: 24px;
        padding-right: 24px;
    }
}

@media (max-width: 544px) {
    body.woocommerce-shop .site-content > .ast-container {
        padding-left: 16px;
        padding-right: 16px;
    }
}
/* Wszystkie strony korzystają z globalnego tła motywu. */
body.page {
    background-image: none !important;
    background-color: #f8f7f3 !important;
}

/* Czytelne odsunięcie tytułów stron od lewej krawędzi. */
body.page .entry-title {
    padding-left: 24px;
    padding-right: 24px;
    box-sizing: border-box;
}

@media (max-width: 767px) {
    body.page .entry-title {
        padding-left: 16px;
        padding-right: 16px;
    }
}

/* Wspólny biały blok wewnętrzny, zgodny z Blogiem Babciowym. */
body.page .site-main {
    width: 100%;
    max-width: 1240px;
    margin-left: auto;
    margin-right: auto;
}

body.page article.ast-article-single {
    background-color: #ffffff !important;
    padding: 54px !important;
    box-sizing: border-box;
}

@media (max-width: 767px) {
    body.page article.ast-article-single {
        padding: 24px 16px !important;
    }
}


/* Wspólne żółte podświetlenie wszystkich pozycji menu. */
#ast-desktop-header .main-header-menu .menu-link:hover,
#ast-desktop-header .main-header-menu .menu-link:focus,
.ast-header-break-point .main-header-menu .menu-link:hover,
.ast-header-break-point .main-header-menu .menu-link:focus {
    color: #f4c542 !important;
}

#ast-desktop-header .main-header-menu .menu-item:hover > .menu-link .ast-icon,
#ast-desktop-header .main-header-menu .menu-link:focus .ast-icon,
.ast-header-break-point .main-header-menu .menu-item:hover > .menu-link .ast-icon {
    color: #f4c542 !important;
    fill: #f4c542 !important;
}


/* Ujednolicone główne tytuły stron i archiwów. */
h1.entry-title,
h1.page-title,
.woocommerce-products-header h1.woocommerce-products-header__title {
    font-size: 48px !important;
    line-height: 1.25 !important;
}

@media (max-width: 921px) {
    h1.entry-title,
    h1.page-title,
    .woocommerce-products-header h1.woocommerce-products-header__title {
        font-size: 40px !important;
    }
}

@media (max-width: 544px) {
    h1.entry-title,
    h1.page-title,
    .woocommerce-products-header h1.woocommerce-products-header__title {
        font-size: 30px !important;
    }
}


/* Media Kit – wspólna hierarchia typografii portalu. */
body.page-id-3239 h1 {
    font-size: 48px !important;
    line-height: 1.25 !important;
    font-weight: 400 !important;
}

body.page-id-3239 h2 {
    font-size: 34px !important;
    line-height: 1.3 !important;
    font-weight: 500 !important;
}

body.page-id-3239 h3 {
    font-size: 24px !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
}

@media (max-width: 921px) {
    body.page-id-3239 h1 { font-size: 40px !important; }
    body.page-id-3239 h2 { font-size: 30px !important; }
}

@media (max-width: 544px) {
    body.page-id-3239 h1 { font-size: 30px !important; }
    body.page-id-3239 h2 { font-size: 26px !important; }
    body.page-id-3239 h3 { font-size: 21px !important; }
}


/* Home – główny slogan jest H1, ale zachowuje proporcje projektu. */
body.home h1.elementor-heading-title {
    font-size: 24px !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
}

@media (max-width: 921px) {
    body.home h1.elementor-heading-title { font-size: 22px !important; }
}

@media (max-width: 544px) {
    body.home h1.elementor-heading-title { font-size: 20px !important; }
}

        padding-right: 16px;
    }
}

/* Wspólny biały blok wewnętrzny, zgodny z Blogiem Babciowym. */
body.page .site-main {
    width: 100%;
    max-width: 1240px;
    margin-left: auto;
    margin-right: auto;
}

body.page article.ast-article-single {
    background-color: #ffffff !important;
    padding: 54px !important;
    box-sizing: border-box;
}

@media (max-width: 767px) {
    body.page article.ast-article-single {
        padding: 24px 16px !important;
    }
}


/* Wspólne żółte podświetlenie wszystkich pozycji menu. */
#ast-desktop-header .main-header-menu .menu-link:hover,
#ast-desktop-header .main-header-menu .menu-link:focus,
.ast-header-break-point .main-header-menu .menu-link:hover,
.ast-header-break-point .main-header-menu .menu-link:focus {
    color: #f4c542 !important;
}

#ast-desktop-header .main-header-menu .menu-item:hover > .menu-link .ast-icon,
#ast-desktop-header .main-header-menu .menu-link:focus .ast-icon,
.ast-header-break-point .main-header-menu .menu-item:hover > .menu-link .ast-icon {
    color: #f4c542 !important;
    fill: #f4c542 !important;
}


/* Ujednolicone główne tytuły stron i archiwów. */
h1.entry-title,
h1.page-title,
.woocommerce-products-header h1.woocommerce-products-header__title {
    font-size: 48px !important;
    line-height: 1.25 !important;
}

@media (max-width: 921px) {
    h1.entry-title,
    h1.page-title,
    .woocommerce-products-header h1.woocommerce-products-header__title {
        font-size: 40px !important;
    }
}

@media (max-width: 544px) {
    h1.entry-title,
    h1.page-title,
    .woocommerce-products-header h1.woocommerce-products-header__title {
        font-size: 30px !important;
    }
}


/* Media Kit – wspólna hierarchia typografii portalu. */
body.page-id-3239 h1 {
    font-size: 48px !important;
    line-height: 1.25 !important;
    font-weight: 400 !important;
}

body.page-id-3239 h2 {
    font-size: 34px !important;
    line-height: 1.3 !important;
    font-weight: 500 !important;
}

body.page-id-3239 h3 {
    font-size: 24px !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
}

@media (max-width: 921px) {
    body.page-id-3239 h1 { font-size: 40px !important; }
    body.page-id-3239 h2 { font-size: 30px !important; }
}

@media (max-width: 544px) {
    body.page-id-3239 h1 { font-size: 30px !important; }
    body.page-id-3239 h2 { font-size: 26px !important; }
    body.page-id-3239 h3 { font-size: 21px !important; }
}


/* Home – główny slogan jest H1, ale zachowuje proporcje projektu. */
body.home h1.elementor-heading-title {
    font-size: 24px !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
}

@media (max-width: 921px) {
    body.home h1.elementor-heading-title { font-size: 22px !important; }
}

@media (max-width: 544px) {
    body.home h1.elementor-heading-title { font-size: 20px !important; }
}


/* Globalne tytuły stron i zwarte odstępy – 2026-08-17. */
body .site-content main h1,body.home .site-content main h1.elementor-heading-title{font-size:24px!important;line-height:1.3!important;margin-top:0!important;margin-bottom:16px!important}
body.home .elementor-element-d19b2e6 .elementor-widget-container{margin-top:32px!important}
body.page:not(.home) .site-main>article.ast-article-single{padding-top:24px!important;padding-bottom:24px!important}
body.tax-product_cat .content-area{margin-top:24px!important;margin-bottom:24px!important}
body.tax-product_cat .ast-woocommerce-container{padding-top:20px!important;padding-bottom:20px!important}
@media(max-width:921px){body .site-content main h1,body.home .site-content main h1.elementor-heading-title{font-size:22px!important}body.page:not(.home) .site-main>article.ast-article-single{padding-top:20px!important;padding-bottom:20px!important}}
@media(max-width:544px){body .site-content main h1,body.home .site-content main h1.elementor-heading-title{font-size:20px!important;margin-bottom:12px!important}body.home .elementor-element-d19b2e6 .elementor-widget-container{margin-top:20px!important}body.page:not(.home) .site-main>article.ast-article-single{padding-top:16px!important;padding-bottom:16px!important}body.tax-product_cat .content-area{margin-top:16px!important;margin-bottom:16px!important}body.tax-product_cat .ast-woocommerce-container{padding-top:16px!important;padding-bottom:16px!important}}

/* Tytuły archiwów WooCommerce – zgodne z portalem. */
body.woocommerce.archive .site-content h1.woocommerce-products-header__title,body.post-type-archive-product .site-content h1.woocommerce-products-header__title{font-size:24px!important;line-height:1.3!important;margin-bottom:16px!important}
@media(max-width:921px){body.woocommerce.archive .site-content h1.woocommerce-products-header__title,body.post-type-archive-product .site-content h1.woocommerce-products-header__title{font-size:22px!important}}
@media(max-width:544px){body.woocommerce.archive .site-content h1.woocommerce-products-header__title,body.post-type-archive-product .site-content h1.woocommerce-products-header__title{font-size:20px!important;margin-bottom:12px!important}}

/* Responsywny odstęp między nagłówkiem witryny a tytułem – 2026-08-17. */
body.home .site-content{padding-top:72px!important}
body.page:not(.home) .site-main>article.ast-article-single{padding-top:32px!important}
body.post-type-archive-product .ast-woocommerce-container{padding-top:32px!important}
@media(max-width:921px){body.home .site-content{padding-top:100px!important}body.page:not(.home) .site-main>article.ast-article-single{padding-top:28px!important}body.post-type-archive-product .ast-woocommerce-container{padding-top:28px!important}}
@media(max-width:544px){body.home .site-content{padding-top:136px!important}body.page:not(.home) .site-main>article.ast-article-single{padding-top:24px!important}body.post-type-archive-product .ast-woocommerce-container{padding-top:24px!important}}

/* Accueil – zwarty odstęp między tytułem a drzewem. */
body.home .elementor-element-d19b2e6{height:auto!important;min-height:0!important}
body.home .elementor-element-48356d5>.elementor-widget-container{margin-top:12px!important}
@media(max-width:921px){body.home .elementor-element-48356d5>.elementor-widget-container{margin-top:8px!important}}
@media(max-width:544px){body.home .elementor-element-48356d5>.elementor-widget-container{margin-top:4px!important}}

/* Accueil – redukcja pustej wysokości sekcji tytułu. */
body.home .elementor-element-d19b2e6{margin-bottom:-30px!important}
@media(max-width:921px){body.home .elementor-element-d19b2e6{margin-bottom:-34px!important}}
@media(max-width:544px){body.home .elementor-element-d19b2e6{margin-bottom:-38px!important}}