/*
Theme Name: Julia Różyczka (GeneratePress Child)
Theme URI: https://juliarozyczka.pl
Description: Motyw potomny GeneratePress dla sklepu Julia Różyczka. Cała logika sklepu i style znajdują się tutaj, dzięki czemu aktualizacje motywu rodzica niczego nie nadpisują.
Author: Julia Różyczka
Template: generatepress
Version: 1.1.0
Text Domain: generatepress-child
*/

/* =====================================================
   ZMIENNE MOTYWU
===================================================== */
:root {
    --bg: #0d0d0d;
    --surface: #161616;
    --surface-2: #1d1d1d;
    --border: #2b2b2b;
    --text: #ededed;
    --muted: #9a9a9a;
    --red: #E8000E;
    --red-dark: #c0000b;
    --radius: 8px;
}

/* =====================================================
   PODSTAWA — CIEMNY MOTYW
===================================================== */
body,
.site,
#page {
    background-color: var(--bg) !important;
    color: var(--text);
}
body { font-size: 17px; line-height: 1.65; }

/* Rezerwuje miejsce na pasek przewijania zawsze - strony krótkie i długie
   centrują się identycznie (koniec ~7px skoku między podstronami) */
html { scrollbar-gutter: stable; }

/* Sticky footer - stopka zawsze przypięta do dołu okna przy krótkiej treści */
body { display: flex; flex-direction: column; min-height: 100vh; }
#page { flex: 1 0 auto; }
.site-footer { flex-shrink: 0; }
/* W układzie flex auto-marginesy .grid-container kurczyłyby kontener do szerokości
   treści - wymuszamy pełną szerokość, by max-width + centrowanie działały jak zwykle */
body > #masthead, body > #page, body > .site-footer { width: 100%; }
.admin-bar { min-height: calc(100vh - 32px); }
@media (max-width: 782px) {
    .admin-bar { min-height: calc(100vh - 46px); }
}
/* Na mobile stopka nie chowa się za dolną nawigacją */
@media (max-width: 768px) {
    .site-footer { padding-bottom: calc(64px + env(safe-area-inset-bottom)); }
}

.site-content,
.content-area,
#content,
.inside-article,
.entry-content,
.page-header { background: transparent !important; }

/* =========================================================
   UJEDNOLICONE PADDINGI BOCZNE - 32px desktop / 16px mobile
   Jeden gutter na .grid-container (nagłówek, treść, stopka);
   wewnętrzny box treści nie dubluje już bocznego paddingu.
   ========================================================= */
.grid-container { padding-left: 32px; padding-right: 32px; }
.separate-containers .inside-article,
.separate-containers .page-header,
.separate-containers .comments-area,
.separate-containers .paging-navigation { padding-left: 0; padding-right: 0; }
@media (max-width: 768px) {
    .grid-container { padding-left: 16px; padding-right: 16px; }
}

h1, h2, h3, h4, h5, h6 { color: #fff; }

/* Typografia premium — elegancki serif na markę i nagłówki */
.main-title, .site-title,
.rh-hero h1, .rozyczka-home h2, .rozyczka-home h3,
.entry-title, .page-title,
.single-product .product_title,
.woocommerce .cart_totals h2,
.woocommerce-account h2,
h1.entry-title, h2 {
    font-family: 'Playfair Display', Georgia, 'Times New Roman', serif;
    letter-spacing: .01em;
}
.main-title, .site-title { font-weight: 700 !important; }
.rh-hero h1 { font-weight: 600; }

a { color: #fff; text-decoration: none; }
a:hover { color: var(--red); }

/* Linki w treści: bez podkreślenia, akcent kolorem; podkreślenie tylko na hover */
.entry-content a:not(.button):not(.btn-kup) { color: var(--red); text-decoration: none; }
.entry-content a:not(.button):not(.btn-kup):hover { text-decoration: underline; }

hr, .entry-content hr { border-color: var(--border); }

/* Pola formularzy */
input[type=text], input[type=email], input[type=password], input[type=tel],
input[type=number], input[type=search], input[type=url], textarea, select,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.select2-container .select2-selection {
    background: var(--surface-2) !important;
    border: 1px solid var(--border) !important;
    color: var(--text) !important;
    border-radius: 6px !important;
}
::placeholder { color: #777; }

/* =====================================================
   NAGŁÓWEK + NAWIGACJA (desktop)
===================================================== */
.site-header,
.main-navigation,
.main-navigation .main-nav ul {
    background-color: #000 !important;
}
.site-header { border-bottom: 1px solid var(--border); }
.main-title a, .site-title a, .site-description { color: #fff !important; }
.main-navigation .main-nav ul li a {
    color: #e8e8e8 !important;
    text-transform: uppercase;
    letter-spacing: .03em;
    font-size: .9rem;
    font-weight: 600;
}
.main-navigation .main-nav ul li a:hover,
.main-navigation .main-nav ul li.current-menu-item a {
    color: var(--red) !important;
}
/* Hamburger + rozwijane menu mobilne */
.main-navigation .menu-toggle { color: #fff !important; }
@media (max-width: 768px) {
    .main-navigation ul { background: #000 !important; }
    .main-navigation .main-nav ul li a { border-bottom: 1px solid var(--border); }
}

/* =====================================================
   STOPKA
===================================================== */
.site-footer, .site-info, #colophon {
    background-color: #000 !important;
    color: var(--muted);
    border-top: 1px solid var(--border);
}
.site-info a { color: var(--muted); }
.site-info a:hover { color: var(--red); }
.rh-footer { text-align: center; }
.rh-footer__legal { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 10px; margin: 0 0 8px; }
.rh-footer__legal a { color: #cfcfcf; text-transform: uppercase; letter-spacing: .04em; font-size: .8rem; }
.rh-footer__legal a:hover { color: var(--red); }
.rh-footer__legal span { color: #555; }
.rh-footer__age { color: var(--red) !important; font-weight: 600; }
.rh-footer__copy { color: var(--muted); font-size: .82rem; margin: 0; }

/* =====================================================
   PRZYCISKI (wspólne) — klasyczne + bloki + custom
===================================================== */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce .button.alt,
.wc-block-components-button,
.wp-block-button__link,
.btn-kup,
.rh-btn {
    background-color: var(--red) !important;
    color: #fff !important;
    border-radius: 6px !important;
    font-weight: 700 !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
    padding: 13px 24px !important;
    border: none !important;
    text-decoration: none !important;
    display: inline-block !important;
    line-height: 1.25 !important;
    transition: background-color .15s ease;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce .button.alt:hover,
.wc-block-components-button:hover,
.btn-kup:hover,
.rh-btn:hover { background-color: var(--red-dark) !important; color: #fff !important; }

/* =====================================================
   WOOCOMMERCE — wspólne
===================================================== */
.woocommerce-breadcrumb,
.woocommerce-result-count,
.woocommerce-ordering { display: none; }

.woocommerce .price,
.woocommerce ul.products li.product .price,
.wc-block-components-product-price {
    color: var(--red) !important;
    font-weight: 700 !important;
}
.woocommerce del { color: var(--muted) !important; opacity: 1; }

/* Badge promocji */
.woocommerce span.onsale,
.wc-block-components-product-sale-badge {
    background: var(--red) !important;
    color: #fff !important;
    border-radius: 4px !important;
    min-height: auto !important;
    min-width: auto !important;
    padding: 4px 10px !important;
    line-height: 1.4 !important;
    font-weight: 700;
    text-transform: uppercase;
    font-size: .72rem;
}

/* =====================================================
   WOOCOMMERCE — siatka sklepu
===================================================== */
.woocommerce ul.products {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 22px !important;
    margin: 0 !important;
}
.woocommerce ul.products::before,
.woocommerce ul.products::after { display: none !important; }
.woocommerce ul.products li.product {
    width: auto !important;
    margin: 0 !important;
    float: none !important;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    padding: 14px !important;
    display: flex;
    flex-direction: column;
    transition: border-color .15s ease, transform .15s ease;
}
.woocommerce ul.products li.product:hover { border-color: var(--red); transform: translateY(-3px); }
.woocommerce ul.products li.product a img { border-radius: 6px; margin-bottom: 12px; }
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    color: #fff !important;
    font-size: 1.02rem !important;
    font-weight: 600;
    padding: 0 !important;
}
.woocommerce ul.products li.product .price { margin: 6px 0 14px; }
.woocommerce ul.products li.product .button { margin-top: auto; width: 100%; text-align: center; }

/* =====================================================
   WOOCOMMERCE — pojedynczy produkt
===================================================== */
.single-product div.product .product_title { font-size: 2rem; }
.single-product div.product p.price { font-size: 1.6rem; }
.woocommerce-tabs .tabs li,
.woocommerce div.product .woocommerce-tabs ul.tabs li {
    background: var(--surface) !important;
    border-color: var(--border) !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active { background: var(--surface-2) !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs li a { color: var(--text) !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs::before { border-color: var(--border); }
.woocommerce-tabs .panel { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); padding: 22px; }
.woocommerce div.product form.cart .quantity .qty {
    background: var(--surface-2) !important; color: #fff !important; border: 1px solid var(--border) !important;
}
.related.products > h2, .up-sells > h2 { color: #fff; }
/* Opis produktu poza zakładkami */
.rh-product-opis { clear: both; width: 100%; margin-top: 30px; padding-top: 26px; border-top: 1px solid var(--border); }
.rh-product-opis h2 { font-size: 1.5rem; margin: 0 0 16px; }
.rh-product-opis ul { margin: 0; padding-left: 1.2em; }
.rh-product-opis li { margin: 8px 0; color: #cfcfcf; }
.rh-product-opis p { color: #cfcfcf; }

/* =====================================================
   WOOCOMMERCE — koszyk / checkout / konto (klasyczne)
===================================================== */
.woocommerce table.shop_table,
.woocommerce table.shop_table td,
.woocommerce table.shop_table th { background: var(--surface) !important; border-color: var(--border) !important; color: var(--text); }
.woocommerce .cart_totals h2,
.woocommerce-checkout h3,
.woocommerce-account .woocommerce h2 { color: #fff; }
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-checkout #order_review,
.woocommerce-checkout #customer_details {
    background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); padding: 18px;
}
.woocommerce-info, .woocommerce-message, .woocommerce-error {
    background: var(--surface-2) !important; color: var(--text) !important; border-top: 3px solid var(--red);
}
.woocommerce-info::before, .woocommerce-message::before { color: var(--red); }
/* Menu konta */
.woocommerce-account .woocommerce { display: flex; gap: 32px; align-items: flex-start; }
.woocommerce-MyAccount-navigation { width: 26%; }
.woocommerce-MyAccount-content { width: 74%; }
.woocommerce-MyAccount-navigation ul { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); list-style: none; margin: 0; padding: 6px; }
.woocommerce-MyAccount-navigation ul li { margin: 0; }
.woocommerce-MyAccount-navigation ul li a {
    display: block; color: var(--text) !important; text-decoration: none;
    padding: 12px 16px; border-radius: 6px; font-weight: 600; font-size: .95rem;
    transition: background-color .15s ease, color .15s ease;
}
.woocommerce-MyAccount-navigation ul li a:hover { background: var(--surface-2); color: #fff !important; }
.woocommerce-MyAccount-navigation ul li.is-active a { background: var(--red); color: #fff !important; }
.woocommerce-checkout .woocommerce-billing-fields h3 { display: none; }

/* Zgoda na natychmiastowy dostęp (treści cyfrowe) — checkbox nad „Zamawiam i płacę" */
.woocommerce-checkout p.rh-consent {
    background: var(--surface); border: 1px solid var(--border);
    border-radius: var(--radius); padding: 14px 16px; margin: 0 0 18px;
    display: flex; gap: 10px; align-items: flex-start;
    font-size: .82rem; line-height: 1.5; color: var(--muted);
}
.woocommerce-checkout p.rh-consent input[type="checkbox"] {
    margin: 2px 0 0; width: 18px; height: 18px; flex: 0 0 auto; accent-color: var(--red);
}
.woocommerce-checkout p.rh-consent .required { color: var(--red); }

/* Pulpit konta — kafelki */
.rh-account-hi { color: var(--muted); font-size: 1.05rem; margin: 0 0 24px; }
.rh-account-hi strong { color: #fff; }
.rh-account-cards { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
.rh-account-card {
    display: block; background: var(--surface); border: 1px solid var(--border);
    border-radius: var(--radius); padding: 24px 22px; text-decoration: none; color: #fff;
    transition: border-color .15s ease, transform .15s ease;
}
.rh-account-card:hover { border-color: var(--red); transform: translateY(-3px); color: #fff; }
.rh-account-card svg { width: 30px; height: 30px; stroke: var(--red); display: block; margin-bottom: 14px; }
.rh-account-card span { display: block; font-size: 1.1rem; font-weight: 700; margin-bottom: 4px; }
.rh-account-card small { color: var(--muted); font-size: .85rem; }
@media (max-width: 768px) {
    .woocommerce-account .woocommerce { flex-direction: column; }
    .woocommerce-MyAccount-navigation, .woocommerce-MyAccount-content { width: 100%; }
    .rh-account-cards { grid-template-columns: 1fr 1fr; gap: 12px; }
    .rh-account-card { padding: 18px 16px; }
}
@media (max-width: 420px) {
    .rh-account-cards { grid-template-columns: 1fr; }
}

/* =====================================================
   TREŚCI ODBLOKOWANE / ZABLOKOWANE + WIDEO
===================================================== */
.tresc-zablokowana {
    text-align: center; padding: 56px 24px; background: var(--surface);
    border: 1px solid var(--border); border-radius: var(--radius); margin: 24px 0;
}
.tresc-zablokowana p { color: #fff; margin-bottom: 22px; font-size: 1.1rem; }
.video-embed { position: relative; width: 100%; aspect-ratio: 16 / 9; background: #000; border-radius: var(--radius); overflow: hidden; }
.video-embed iframe, .video-embed video { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.video-embed__placeholder { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; text-align: center; padding: 24px; color: var(--muted); }

/* Lista zakupionych treści */
.moje-tresci-lista { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 18px; margin: 24px 0; }
.moje-tresci-item { display: block; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); overflow: hidden; text-decoration: none; transition: border-color .15s ease; }
.moje-tresci-item img { display: block; width: 100%; height: auto; }
.moje-tresci-item span { display: block; padding: 14px; color: #fff; font-weight: 600; }
.moje-tresci-item:hover { border-color: var(--red); }

/* =====================================================
   STRONA GŁÓWNA
===================================================== */
.rozyczka-home { color: var(--text); }

/* Front pełnej szerokości: kontener NIE ogranicza strony głównej - sekcje (z tłami)
   sięgają krawędzi ekranu, a gutter jest WEWNĄTRZ sekcji na .rh-wrap. */
.home #page,
.home #content,
.home .site-content,
.home .content-area,
.home .site-main,
.home .inside-article,
.home .entry-content,
.home article.page,
.home .rozyczka-home {
    max-width: none; width: 100%; margin: 0; padding-left: 0; padding-right: 0;
}
.home .inside-article { padding-top: 0; padding-bottom: 0; }

.rozyczka-home .rh-wrap { max-width: 1100px; margin: 0 auto; padding: 0 32px; }
.rozyczka-home section { padding: 72px 0; }
.rozyczka-home h2 { font-size: 2rem; text-align: center; margin: 0 0 8px; text-transform: uppercase; letter-spacing: .04em; }
.rozyczka-home .rh-sub { text-align: center; color: var(--muted); margin: 0 0 44px; }

.rh-hero { background: linear-gradient(rgba(0,0,0,.55), rgba(0,0,0,.85)), radial-gradient(circle at 50% 0%, #2a0008, #0d0d0d 70%); text-align: center; padding: 120px 32px; }
.rh-eyebrow { display: inline-block; color: var(--red); font-size: .8rem; font-weight: 700; letter-spacing: .22em; text-transform: uppercase; margin-bottom: 18px; }
.rh-hero h1 { font-size: 3.4rem; margin: 0 0 16px; letter-spacing: .02em; }
.rh-hero p { font-size: 1.2rem; color: #ddd; max-width: 640px; margin: 0 auto 34px; line-height: 1.7; }

/* Sekcja "Poznaj mnie" */
.rh-about { border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); background: #0a0a0a; }
.rh-about__inner { display: grid; grid-template-columns: 320px 1fr; gap: 48px; align-items: center; }
.rh-about__photo { aspect-ratio: 4 / 5; border-radius: var(--radius); border: 1px solid var(--border); background: radial-gradient(circle at 50% 30%, #3a0010, #120207 75%); display: flex; align-items: center; justify-content: center; }
.rh-about__photo span { font-family: 'Playfair Display', serif; font-size: 4rem; font-weight: 700; color: var(--red); letter-spacing: .05em; }
.rh-about__text h2 { text-align: left; }
.rh-about__text p { color: #cfcfcf; line-height: 1.8; margin: 0 0 16px; }
.rh-link { display: inline-block; margin-top: 6px; color: var(--red); font-weight: 700; text-transform: uppercase; letter-spacing: .04em; font-size: .9rem; text-decoration: none; border-bottom: 2px solid var(--red); padding-bottom: 3px; }
.rh-link:hover { color: #fff; border-color: #fff; }
@media (max-width: 768px) {
    .rh-about__inner { grid-template-columns: 1fr; gap: 28px; }
    .rh-about__photo { max-width: 240px; margin: 0 auto; }
    .rh-about__text h2 { text-align: center; }
    .rh-eyebrow { font-size: .72rem; letter-spacing: .18em; }
}

.rh-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.rh-step { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); padding: 34px 24px; text-align: center; }
.rh-step .rh-num { display: inline-flex; align-items: center; justify-content: center; width: 46px; height: 46px; border-radius: 50%; background: var(--red); font-weight: 700; font-size: 1.2rem; margin-bottom: 18px; color: #fff; }
.rh-step h3 { margin: 0 0 8px; }
.rh-step p { color: var(--muted); margin: 0; }

.rh-cats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.rh-cat { display: block; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); padding: 38px 20px; text-align: center; text-decoration: none; color: #fff; transition: border-color .15s ease, transform .15s ease; }
.rh-cat:hover { border-color: var(--red); color: #fff; transform: translateY(-3px); }
.rh-cat svg { width: 40px; height: 40px; stroke: var(--red); margin-bottom: 14px; }
.rh-cat span { display: block; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; }

.rh-cta { background: radial-gradient(circle at 50% 100%, #2a0008, #0d0d0d 70%); text-align: center; }
.rh-cta h2 { margin-bottom: 26px; }

/* Polecane treści na froncie — równy rząd 4 (desktop) */
@media (min-width: 881px) {
    .rozyczka-home .woocommerce ul.products,
    .rozyczka-home ul.products { grid-template-columns: repeat(4, 1fr) !important; }
}

/* =====================================================
   BRAMKA WIEKU 18+
===================================================== */
#age-gate { position: fixed; inset: 0; z-index: 100000; background: rgba(0,0,0,.97); display: flex; align-items: center; justify-content: center; padding: 20px; }
.age-gate__box { max-width: 440px; width: 100%; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); padding: 40px 30px; text-align: center; }
.age-gate__box h2 { color: var(--red); margin-top: 0; text-transform: uppercase; letter-spacing: .03em; }
.age-gate__box p { color: var(--muted); }
.age-gate__check { display: flex; gap: 10px; align-items: flex-start; text-align: left; margin: 24px 0; cursor: pointer; color: #fff; }
.age-gate__check input { margin-top: 3px; width: 18px; height: 18px; accent-color: var(--red); }
#age-gate-enter { background: var(--red); color: #fff; border: none; border-radius: 6px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; padding: 15px 28px; cursor: pointer; width: 100%; }
#age-gate-enter:disabled { opacity: .35; cursor: not-allowed; }
.age-gate__leave { display: inline-block; margin-top: 16px; color: #777; font-size: .9rem; text-decoration: none; }
.age-gate__leave:hover { color: #aaa; }
html.age-gate-locked { overflow: hidden; }

/* =====================================================
   NAWIGACJA MOBILNA (dolny pasek)
===================================================== */
#mobile-bottom-nav { display: none; }
@media (max-width: 768px) {
    #mobile-bottom-nav {
        position: fixed; bottom: 0; left: 0; right: 0;
        background: #000; border-top: 1px solid var(--border);
        display: flex; justify-content: space-around;
        padding: 9px 0 calc(9px + env(safe-area-inset-bottom));
        z-index: 99999;
    }
    #mobile-bottom-nav a { position: relative; color: #fff; text-decoration: none; font-size: 11px; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 4px; }
    #mobile-bottom-nav a svg { width: 22px; height: 22px; }
    #mobile-bottom-nav a:hover { color: var(--red); }
    #mobile-bottom-nav a.is-current { color: var(--red); }
    #mobile-bottom-nav a.is-current svg { stroke: var(--red); }
    .rh-cart-count {
        position: absolute; top: -5px; left: 50%; margin-left: 5px;
        min-width: 17px; height: 17px; padding: 0 4px; box-sizing: border-box;
        background: var(--red); color: #fff; border-radius: 999px;
        font-size: 10px; font-weight: 700; line-height: 17px; text-align: center;
    }
    .rh-cart-count.is-empty { display: none; }
    body { padding-bottom: 76px; }
}

/* =====================================================
   COOKIE BANNER (GDPR) — ciemny motyw marki
   (!important nadpisuje style inline wtyczki)
===================================================== */
#gdpr-cookie-consent-bar {
    background: var(--surface) !important;
    border: 1px solid var(--border) !important;
    border-radius: var(--radius) !important;
    box-shadow: 0 12px 34px rgba(0,0,0,.6) !important;
    max-width: 430px !important;
    color: var(--text) !important;
    backdrop-filter: none !important;
}
#gdpr-cookie-consent-bar .gdpr-notice-content-body,
#gdpr-cookie-consent-bar .gdpr_messagebar_detail,
#gdpr-cookie-consent-bar .gdpr-bar-text,
#gdpr-cookie-consent-bar p,
#gdpr-cookie-consent-bar span { color: var(--text) !important; }

#gdpr-cookie-consent-bar { box-sizing: border-box !important; }
/* Rząd przycisków — zawijanie, bez wymuszonych szerokości wtyczki */
#gdpr-cookie-consent-bar .group-description-buttons,
#gdpr-cookie-consent-bar .cookie_notice_buttons {
    flex-wrap: wrap !important;
    gap: 10px !important;
    width: 100% !important;
}
#gdpr-cookie-consent-bar .gdpr_action_button.btn {
    border-radius: 6px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: .03em !important;
    font-size: .76rem !important;
    padding: 11px 14px !important;
    border: 1px solid transparent !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    white-space: normal !important;
    transition: background-color .15s ease, color .15s ease, border-color .15s ease;
}
/* Odrzuć + Ustawienia dzielą górny rząd, Akceptuję na pełną szerokość poniżej */
#cookie_action_reject,
#cookie_action_settings { flex: 1 1 0 !important; }
#cookie_action_accept_all { flex: 1 1 100% !important; order: 3; }
/* Akceptuję wszystkie — czerwony filled */
#cookie_action_accept_all {
    background: var(--red) !important;
    border-color: var(--red) !important;
    color: #fff !important;
}
#cookie_action_accept_all:hover { background: var(--red-dark) !important; border-color: var(--red-dark) !important; color: #fff !important; }
/* Odrzuć / Ustawienia — ghost */
#cookie_action_reject,
#cookie_action_settings {
    background: transparent !important;
    border-color: var(--border) !important;
    color: var(--text) !important;
}
#cookie_action_reject:hover,
#cookie_action_settings:hover { border-color: var(--red) !important; color: var(--red) !important; }
/* Link "Więcej" */
#gdpr-cookie-consent-bar a:not(.gdpr_action_button) { color: var(--muted) !important; text-decoration: none; }
#gdpr-cookie-consent-bar a:not(.gdpr_action_button):hover { color: var(--red) !important; }

/* Pływająca ikonka "Cookie Settings" — ukryta na stałe (baner tylko za 1. razem) */
#gdpr-cookie-consent-show-again,
.gdpr_messagebar_detail.wt-cli-cookie-bar-container ~ #gdpr-cookie-consent-show-again { display: none !important; }

/* Modal ustawień cookies */
.gdprmodal-content,
#gdpr-gdprmodal .gdprmodal-dialog { background: var(--surface) !important; color: var(--text) !important; border: 1px solid var(--border) !important; border-radius: var(--radius) !important; }
#gdpr-gdprmodal .gdprmodal-header,
#gdpr-gdprmodal .gdprmodal-body,
#gdpr-gdprmodal .gdprmodal-footer { background: var(--surface) !important; color: var(--text) !important; border-color: var(--border) !important; }
#gdpr-gdprmodal h1, #gdpr-gdprmodal h2, #gdpr-gdprmodal h3, #gdpr-gdprmodal h4, #gdpr-gdprmodal label { color: #fff !important; }

@media (max-width: 768px) {
    #gdpr-cookie-consent-bar { left: 10px !important; right: 10px !important; bottom: 86px !important; max-width: none !important; }
}

/* =====================================================
   RESPONSYWNOŚĆ
===================================================== */
@media (max-width: 880px) {
    .woocommerce ul.products { grid-template-columns: repeat(2, 1fr) !important; gap: 14px !important; }
    .rh-cats { grid-template-columns: repeat(2, 1fr); }
    .rh-steps { grid-template-columns: 1fr; }
}
@media (max-width: 768px) {
    body { font-size: 16px; }
    .rozyczka-home .rh-wrap { padding: 0 16px; }
    .rh-hero { padding: 84px 16px; }
    .rh-hero h1 { font-size: 2.2rem; }
    .rh-hero p { font-size: 1.05rem; }
    .rozyczka-home section { padding: 52px 0; }
    .rozyczka-home h2 { font-size: 1.6rem; }
    .single-product div.product .product_title { font-size: 1.5rem; }

    /* Mniejsze przyciski, bez łamania na 3 linie */
    .woocommerce a.button,
    .woocommerce button.button,
    .woocommerce input.button,
    .woocommerce .button.alt,
    .btn-kup {
        padding: 11px 12px !important;
        font-size: .8rem !important;
        letter-spacing: .02em !important;
    }
    .woocommerce ul.products li.product .woocommerce-loop-product__title { font-size: .95rem !important; }
}
@media (max-width: 380px) {
    .woocommerce ul.products { grid-template-columns: 1fr !important; }
}

/* =====================================================
   KOSZYK / CHECKOUT — utwardzenie mobile
===================================================== */
@media (max-width: 768px) {
    /* Checkout: kolumny na pełną szerokość, jedna pod drugą */
    .woocommerce-checkout .col2-set,
    .woocommerce-checkout .col2-set .col-1,
    .woocommerce-checkout .col2-set .col-2,
    .woocommerce-checkout #customer_details,
    .woocommerce-checkout #order_review { width: 100% !important; float: none !important; }
    .woocommerce-checkout #customer_details { margin-bottom: 18px; }
    #customer_details, #order_review, .cart_totals { padding: 16px !important; }

    /* Pola formularza: jedna kolumna */
    .woocommerce form .form-row-first,
    .woocommerce form .form-row-last,
    .woocommerce-page form .form-row-first,
    .woocommerce-page form .form-row-last { width: 100% !important; float: none !important; margin: 0 0 14px !important; }
    .woocommerce form .form-row { padding: 3px 0; }

    /* Przyciski akcji na pełną szerokość */
    #place_order,
    .woocommerce .wc-proceed-to-checkout .checkout-button,
    .woocommerce-cart .wc-proceed-to-checkout .button { width: 100% !important; text-align: center; }

    /* Koszyk: kupon i akcje w pionie */
    .woocommerce .coupon { display: flex !important; flex-wrap: wrap; gap: 10px; width: 100%; float: none !important; }
    .woocommerce .coupon .input-text { flex: 1 1 100%; width: 100% !important; margin: 0 !important; }
    .woocommerce .coupon .button { flex: 1 1 100%; width: 100% !important; }
    .woocommerce td.actions .button { width: 100% !important; margin-top: 8px; }
    .woocommerce-cart-form, .cart-collaterals, .cart_totals { width: 100% !important; float: none !important; }

    /* Tabela koszyka: czytelne wiersze etykieta → wartość */
    .woocommerce table.shop_table_responsive tr td { text-align: right; }
    .woocommerce table.shop_table_responsive tr td::before { font-weight: 700 !important; color: var(--text) !important; }
}