/**
* Theme Name:        avanam-cosmika
* Theme URI:         https://templatemela.com/
* Template:          avanam
* Author:            TemplateMela
* Author URI:        #
* Description:       This is a child theme of Avanam, generated by TemplateMela.
* Version:           1.0.0
* License:           GNU General Public License v3.0 (or later)
* License URI:       https://www.gnu.org/licenses/gpl-3.0.html
* Text Domain:       avanam-cosmika
* Requires at least: 6.2
* Tested up to:      6.6
* Requires PHP:      7.4
* Tags: translation-ready, two-columns, right-sidebar, left-sidebar, footer-widgets, blog, custom-logo, custom-background, custom-menu, rtl-language-support, editor-style, threaded-comments, custom-colors, featured-images, wide-blocks, full-width-template, theme-options, e-commerce

*/

/* ==========================================================================
   Własne modyfikacje (custom)
   ========================================================================== */

/* Ukrycie elementu "po zdjęciach" na stronie produktu */
.product-after-images-element {
    display: none !important;
}

/* Strona produktu: pojedyncza zakładka "Opis" jako statyczny nagłówek
   (bez wyglądu i zachowania przełącznika zakładek) */
.woocommerce-tabs .tabs.wc-tabs {
    margin: 0 0 1em !important;
    padding: 0 !important;
    border: 0 !important;
    text-align: left !important;
    justify-content: flex-start !important;
}
.woocommerce-tabs .tabs.wc-tabs li.description_tab {
    text-align: left !important;
    float: none !important;
}
.woocommerce-tabs .tabs.wc-tabs::before,
.woocommerce-tabs .tabs.wc-tabs::after {
    display: none !important;
}
.woocommerce-tabs .tabs.wc-tabs li {
    background: transparent !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
}
.woocommerce-tabs .tabs.wc-tabs li::before,
.woocommerce-tabs .tabs.wc-tabs li::after {
    display: none !important;
}
.woocommerce-tabs .tabs.wc-tabs li a {
    display: inline-block;
    padding: 0 !important;
    color: inherit !important;
    cursor: default !important;
    pointer-events: none;
    font-size: 1.5em;
    font-weight: 600;
    line-height: 1.3;
    text-decoration: none;
}

/* Mega menu: usunięcie układu grid z podmenu (poza wariantem 1-kolumnowym) */
.header-menu-container ul.menu > li.base-menu-mega-enabled:not(.base-menu-mega-columns-1) > ul.sub-menu {
    display: block !important;
}

/* Mega menu: ograniczenie szerokości rozwinięcia (element Elementora 229) */
.elementor.elementor-229 {
    max-width: 700px !important;
}

/* Checkout: mniejsza interlinia etykiety checkboxa (np. zgoda RODO) */
label.checkbox {
    line-height: 1.75 !important;
    margin-bottom: 15px !important;
}

/* Ukrycie bloku z ikonami metod płatności wszędzie poza stroną produktu
   (m.in. w koszyku i checkoucie) */
body:not(.single-product) .single-product-payments.payments-color-scheme-inherit {
    display: none !important;
}

/* Koszyk: ukrycie sekcji Elementora (checkout-cms-service / sticky) */
.elementor-element.elementor-element-1f9a9a2 {
    display: none !important;
}

/* Ukrycie szablonu Elementora 541 (blok w wysuwanym koszyku / nagłówku) */
.elementor.elementor-541 {
    display: none !important;
}

/* ==========================================================================
   Globalne zmniejszenie fontów o 2px (menu pozostaje bez zmian – ma własne
   jawne rozmiary, więc nie jest objęte tymi regułami)
   ========================================================================== */

/* Tekst bazowy: akapity, treść, przyciski, formularze, koszyk, checkout */
body {
    font-size: 14px !important; /* było 16px */
}

/* Nagłówki – tylko desktop, żeby nie zaburzać skalowania na mobile/tablet */
@media (min-width: 1025px) {
    h1 { font-size: 38px !important; } /* 40 → 38 */
    h2 { font-size: 26px !important; } /* 28 → 26 */
    h3 { font-size: 24px !important; } /* 26 → 24 */
    h4 { font-size: 22px !important; } /* 24 → 22 */
    h5 { font-size: 18px !important; } /* 20 → 18 */
    h6 { font-size: 16px !important; } /* 18 → 16 */
}
