/* INOX — poprawki kontrastu 1.0.0 (Claude, 2026-10-20)
   Problem: catalog-dark.css (inox-wala-m2-update, przełącznik „Ciemne tło”) wymusza jasne napisy
   (#e8eff5 / #addcef), a ux-light.css (ETAP 3) daje jasne tła treści. Tu przywracamy ciemny tekst
   TYLKO w jasnej części treści; ciemny nagłówek, menu i stopka zostają bez zmian. */
body.inox-quick-dark {
    --inox-fix-ink: #0b3446;
    --inox-fix-text: #172c3b;
    --inox-fix-muted: #52606d;
}

/* Nagłówki i tytuły w treści (np. „Dostępne warianty”, „Dobierz wkładki…”, „Wybierz podkategorię”). */
body.inox-quick-dark .site-main h1,
body.inox-quick-dark .site-main h2,
body.inox-quick-dark .site-main h3,
body.inox-quick-dark .site-main h4,
body.inox-quick-dark .site-main h5,
body.inox-quick-dark .site-main h6,
body.inox-quick-dark .site-main .entry-title,
body.inox-quick-dark .entry-hero .entry-title,
body.inox-quick-dark div.product .product_title,
body.inox-quick-dark div.product .price,
body.inox-quick-dark .site-main .inox-catalog-intro,
body.inox-quick-dark .site-main .inox-price-note,
body.inox-quick-dark .site-main .inox-price-net,
body.inox-quick-dark .site-main .product_meta {
    color: var(--inox-fix-ink) !important;
}

/* Okruszki nawigacji (Strona Główna / Sklep / …). */
body.inox-quick-dark #kadence-breadcrumbs,
body.inox-quick-dark #kadence-breadcrumbs span,
body.inox-quick-dark #kadence-breadcrumbs .kadence-bread-current {
    color: var(--inox-fix-muted) !important;
}
body.inox-quick-dark #kadence-breadcrumbs a,
body.inox-quick-dark #kadence-breadcrumbs a span {
    color: var(--inox-fix-ink) !important;
}

/* Linki tekstowe w treści (nie przyciski, nie kafelki — te mają własne kolory). */
body.inox-quick-dark .site-main .entry-content a:not(.button):not([class*="button"]):not([class*="btn"]),
body.inox-quick-dark .site-main .product_meta a,
body.inox-quick-dark .site-main .woocommerce-product-details__short-description a {
    color: var(--inox-fix-ink);
    text-decoration: underline;
}

/* Konfigurator wkładek i tabelka wariantów — nagłówki zawsze ciemne. */
body.inox-quick-dark .inox-e5-configurator h2,
body.inox-quick-dark .inox-e5-configurator h3,
body.inox-quick-dark .inox-product-variants > h2 {
    color: #172f3d !important;
}

/* Stopka: czarny tekst na ciemnym tle → jasny. */
body.inox-quick-dark .site-footer,
body.inox-quick-dark .site-footer p,
body.inox-quick-dark .site-footer .footer-html-inner,
body.inox-quick-dark .site-footer .site-info {
    color: #c9d6e0 !important;
}

/* „Kategoria: …” pod opisem produktu. */
body.inox-quick-dark div.product .product_meta,
body.inox-quick-dark div.product .product_meta .posted_in,
body.inox-quick-dark div.product .product_meta a {
    color: var(--inox-fix-ink) !important;
}

/* Nieaktywny „Skopiuj zestaw” w konfiguratorze — czytelniejszy. */
.inox-e5-configurator .ie5-copy:disabled {
    color: #e3ebef !important;
}

/* 1.1.0 — przyklejony wiersz nagłówka tabelki wariantów (Kod producenta / Rozmiar / Kolor / Cena).
   ux-light.css (ETAP 3) daje tabeli overflow:hidden !important, co wyłącza position:sticky.
   Zaokrąglenie rogów zapewnia już kontener .inox-variant-table-wrap (overflow:auto). */
body:not(.wp-admin) .inox-variant-table-wrap table.inox-variant-table,
body:not(.wp-admin) .inox-wx-table-wrap table {
    overflow: visible !important;
}
body:not(.wp-admin) .inox-variant-table-wrap table.inox-variant-table thead th,
body:not(.wp-admin) .inox-wx-table-wrap table thead th {
    position: sticky;
    top: 0;
    z-index: 3;
}

/* 1.1.0 — wyjątek: ciemna karta marki na stronie głównej (gradient #062838 → #4b5358) zostaje z jasnym tekstem. */
body.inox-quick-dark .site-main .inox-catalog-brand h1,
body.inox-quick-dark .site-main .inox-catalog-brand h2,
body.inox-quick-dark .site-main .inox-catalog-brand h3,
body.inox-quick-dark .site-main .inox-catalog-brand .entry-title {
    color: #ffffff !important;
}

/* 1.1.0 — „Moje konto”: ciemny pasek tytułu (gradient), a inox-ux.css wymusza ciemny tytuł → biały tytuł. */
html body.woocommerce-account .entry-hero h1,
html body.woocommerce-account .entry-hero .entry-title {
    color: #ffffff !important;
}

/* 1.2.0 — kafelki kategorii: nazwa i „Otwórz →” wycentrowane, bez podkreślenia
   (podkreślenie dodawała reguła linków w treści z 1.0.0 — kafelki są z niej wyłączone). */
body.inox-quick-dark .site-main .entry-content a.inox-category-card,
.inox-category-card,
.inox-category-card h2 {
    text-decoration: none !important;
}
.inox-category-card h2 {
    text-align: center !important;
    padding: 0 16px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.inox-category-card .inox-category-link {
    text-align: center !important;
    margin: 0 16px !important;
}

/* 1.2.0 — strona główna: tytuł „KATALOG I CENNIK INOXOKUCIA” większy, pogrubiony, w ramce. */
body.home .entry-hero .entry-header { text-align: center; }
body.home .entry-hero h1.entry-title {
    display: inline-block;
    margin: 0 auto !important;
    padding: 16px 38px !important;
    border: 3px solid #0b3446;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 8px 24px #0b344618, inset 0 0 0 6px #fff, inset 0 0 0 7px #d6e2ea;
    font-size: clamp(24px, 4vw, 46px) !important;
    font-weight: 800 !important;
    letter-spacing: .07em !important;
    line-height: 1.15 !important;
    color: #0b3446 !important;
}
@media (max-width: 560px) {
    body.home .entry-hero h1.entry-title { padding: 12px 18px !important; letter-spacing: .04em !important; }
}

/* ==========================================================================
   1.3.0 — STRONA GŁÓWNA: dwa banery jednej wysokości obok siebie, kafelki od razu widoczne
   Kolejność: [karta INOXOKUCIA | baner konfiguratora] → wyszukiwarka → kafelki kategorii.
   ========================================================================== */
body.home .entry-hero { display: none !important; }               /* pas z tytułem w ramce — usunięty */
body.home .content-area { margin-top: 22px !important; }
body.home article.entry { padding-top: 0 !important; }
body.home article .entry-content {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 22px;
    row-gap: 16px;
    align-items: stretch;
}
body.home article .entry-content > * { grid-column: 1 / -1; margin-top: 0 !important; margin-bottom: 0 !important; }

/* Karta INOXOKUCIA (lewa) */
body.home article .entry-content > .inox-catalog-brand {
    grid-column: 1; grid-row: 1; order: -2;
    height: 100%; box-sizing: border-box; align-items: center;
    padding: 26px 30px !important; gap: 26px !important;
    grid-template-columns: 150px minmax(0, 1fr) !important;
}
body.home .inox-catalog-brand img { width: 150px !important; height: auto !important; max-height: 190px; object-fit: contain; }
body.home .inox-catalog-brand h1 { font-size: clamp(30px, 3vw, 44px) !important; margin: 8px 0 !important; letter-spacing: .06em !important; line-height: 1.05 !important; }
body.home .inox-catalog-brand p { font-size: 14px !important; line-height: 1.45 !important; margin: 0 !important; }
body.home .inox-catalog-brand .inox-brand-kicker { font-size: 12px !important; letter-spacing: .16em !important; color: #c9e7f3 !important; }

/* Baner konfiguratora (prawa) — wersja kompaktowa */
body.home article .entry-content > .inox-cfg-hero {
    grid-column: 2; grid-row: 1; order: -1;
    height: 100%; min-height: 0 !important; margin: 0 !important;
    padding: 26px 30px !important; grid-template-columns: 1fr !important; gap: 10px !important;
}
body.home .inox-cfg-hero__text { gap: 9px !important; position: relative; z-index: 2; max-width: 64%; }
body.home .inox-cfg-hero__title { font-size: clamp(22px, 2.1vw, 30px) !important; }
body.home .inox-cfg-hero__sub { font-size: 14px !important; line-height: 1.45 !important; }
body.home .inox-cfg-hero__points { display: none !important; }
body.home .inox-cfg-hero__cta { font-size: 17px !important; padding: 13px 24px !important; margin-top: 4px !important; }
/* 1.4.0 — oba banery: to samo tło, te same kroje i grubości; bez żółtego „Nowość” */
body.home .inox-cfg-hero__badge { display: none !important; }
body.home article .entry-content > .inox-catalog-brand,
body.home article .entry-content > a.inox-cfg-hero {
    background: linear-gradient(135deg, #062838, #4b5358) !important;
    border: 0 !important; border-radius: 12px !important;
    box-shadow: 0 10px 28px rgba(6, 40, 56, .18) !important;
}
body.home a.inox-cfg-hero::before, body.home a.inox-cfg-hero::after { display: none !important; }
body.home .inox-cfg-hero__text::before {
    content: "Konfigurator zestawu"; display: block; margin: 0 0 8px;
    font-size: 12px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; color: #c9e7f3;
}
body.home .inox-cfg-hero__title { font-weight: 700 !important; letter-spacing: 0 !important; color: #fff !important; }
body.home .inox-cfg-hero__sub { font-size: 14px !important; font-weight: 400 !important; color: #fff !important; opacity: .92; }
body.home .inox-cfg-hero__cta { font-weight: 700 !important; }
body.home .inox-cfg-hero__img { position: absolute !important; right: 18px; top: 50%; transform: translateY(-50%); width: 34%; height: 200px !important; z-index: 1; }
body.home .inox-cfg-hero__img img { width: 78% !important; max-height: 120px !important; padding: 8px !important; }
body.home .inox-cfg-hero__img img:nth-child(1) { left: 0; top: 6px; }
body.home .inox-cfg-hero__img img:nth-child(2) { right: 0; top: 34px; }
body.home .inox-cfg-hero__img img:nth-child(3) { left: 10%; bottom: 0; }

/* Wyszukiwarka pod banerami */
body.home article .entry-content > .inox-catalog-intro { justify-self: center; margin-top: 6px !important; }
body.home article .entry-content > .inox-catalog-search { width: 100% !important; max-width: 820px !important; justify-self: center; }

@media (max-width: 1100px) {
    body.home .inox-cfg-hero__text { max-width: none; }
    body.home .inox-cfg-hero__img { display: none !important; }
}
@media (max-width: 860px) {
    body.home article .entry-content { grid-template-columns: 1fr; }
    body.home article .entry-content > .inox-catalog-brand,
    body.home article .entry-content > .inox-cfg-hero { grid-column: 1; grid-row: auto; }
    body.home article .entry-content > .inox-catalog-brand { grid-template-columns: 78px minmax(0, 1fr) !important; gap: 16px !important; padding: 18px !important; }
    body.home article .entry-content > .inox-cfg-hero { padding: 22px !important; }
    body.home .inox-catalog-brand img { width: 78px !important; max-height: 100px; }
    body.home .inox-catalog-brand h1 { font-size: 28px !important; letter-spacing: .04em !important; }
    body.home .inox-catalog-brand .inox-brand-kicker { font-size: 10px !important; letter-spacing: .12em !important; }
    body.home .inox-catalog-brand p { font-size: 13px !important; }
}

/* „Zalogowano: … · Wyloguj” — mały napis w górnym pasku (zamiast sekcji na stronie głównej) */
.inox-user-mini { display: flex !important; align-items: center; gap: 8px; margin-right: 14px !important; padding-right: 14px; border-right: 1px solid #ffffff33; font-size: 12px; line-height: 1.2; }
.inox-user-mini__who { max-width: 280px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #b9cbd6 !important; }
.inox-user-mini__who strong { color: #e3edf2; font-weight: 600; }
.main-navigation .primary-menu-container > ul > li.inox-user-mini > a.inox-user-mini__out,
.inox-user-mini a.inox-user-mini__out { padding: 4px 10px !important; border: 1px solid #ffffff55; border-radius: 20px; font-size: 12px !important; font-weight: 600; color: #fff !important; line-height: 1.2; text-decoration: none !important; }
.inox-user-mini a.inox-user-mini__out:hover { background: #ffffff1a; }
#mobile-drawer .inox-user-mini { margin: 0 0 10px !important; padding: 0 0 10px; border-right: 0; border-bottom: 1px solid #ffffff33; flex-wrap: wrap; }

/* 1.4.0 — zdjęcie produktu: kwadratowe pole z zaokrąglonymi rogami, zdjęcie na środku, bez pustego pasa pod spodem */
body.single-product div.product div.images .woocommerce-product-gallery__image {
    aspect-ratio: 1 / 1; box-sizing: border-box; overflow: hidden;
    background: #fff !important; border: 1px solid #dce5eb; border-radius: 14px;
    box-shadow: 0 4px 18px rgba(11, 52, 70, .07);
}
body.single-product div.product div.images .woocommerce-product-gallery__image > a {
    display: flex !important; align-items: center; justify-content: center; width: 100%; height: 100%;
}
body.single-product div.product div.images .woocommerce-product-gallery__image img {
    width: 100% !important; height: 100% !important; max-height: none !important; box-sizing: border-box !important;
    object-fit: contain !important; object-position: center !important; padding: 4% !important;
}
body.single-product div.product div.images .flex-viewport { border-radius: 14px; }
body.single-product div.product div.images .flex-control-thumbs { display: flex; gap: 8px; margin-top: 10px !important; }
body.single-product div.product div.images .flex-control-thumbs li { width: calc(25% - 6px) !important; padding: 0 !important; }
body.single-product div.product div.images .flex-control-thumbs img {
    aspect-ratio: 1 / 1; height: auto !important; box-sizing: border-box; padding: 6%;
    object-fit: contain !important; background: #fff; border: 1px solid #dce5eb; border-radius: 9px;
}
body.single-product div.product div.images .woocommerce-product-gallery__trigger { top: 14px !important; right: 14px !important; }

/* 1.5.0 — opis w ramce „Dane produktu” */
.single-product .inox-product-details .inox-details-desc { margin: 4px 0 14px !important; padding: 0 0 12px; border-bottom: 1px solid #e3eaef; color: #172c3b !important; font-size: 15px; line-height: 1.5; }
.single-product .inox-product-details .inox-details-desc p { margin: 0 0 8px !important; color: #172c3b !important; }
.single-product .inox-product-details .inox-details-desc p:last-child { margin-bottom: 0 !important; }
.single-product .inox-product-details .inox-details-desc ul { margin: 6px 0 0 18px !important; padding: 0 !important; }
.single-product .inox-product-details .inox-details-desc li { margin: 0 0 4px; color: #172c3b !important; }
.single-product .inox-product-details .inox-product-documents { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.single-product .inox-product-details.inox-details-auto { margin: 12px 0 16px; padding: 18px 20px; background: #fff; border: 1px solid #dce5eb; border-radius: 14px; }