/**
 * GPSR Module - Front-end Styles
*/

.wh-gpsr-container {
    /* ------------------------------------------------------------------
       TOKENY MODULU.

       WCZESNIEJ modul trzymal tu wlasne zmienne --gpsr-brown i --gpsr-gray
       w GLOBALNYM :root, z kolorami wpisanymi na sztywno. Trzy problemy:
       zly prefiks (konwencja to --wh-*), zasmiecanie korzenia dokumentu
       przez jeden modul, a przede wszystkim --gpsr-brown: #40362E to byl
       po prostu kolor tekstu branzy Fashion wklejony na sztywno. Po
       nalozeniu innej branzy moduł zostawalby brazowa wyspa na obcym tle.

       Teraz oba wyprowadzone z tokenow brandu, z fallbackiem = dotychczasowa
       wartosc. Standard: CLAUDE.md 5a.
       ------------------------------------------------------------------ */

    /* Tekst wyrozniony: tytul sekcji, nazwa podmiotu, ikony kontaktu.
       #40362E to DOKLADNIE --wh-color-text-primary Fashion (kontrast 11.76),
       wiec podpiecie niczego nie zmienia tam, gdzie brand juz jest. */
    --wh-gpsr-text-strong: var(--wh-color-text-primary, #40362E);

    /* Tekst drugorzedny: adres i linki kontaktowe.
       ⚠️ DOSTEPNOSC: dotychczasowe #908981 daje na bialym kontrast 3.45,
       czyli PONIZEJ progu AA (4.5). --wh-color-text-muted (#6B6259) daje 5.97.
       Podpiecie pod token brandu naprawia to na kazdym sklepie z branza;
       fallback zostawiamy stary, zeby sklep BEZ brandu wygladal jak dotad
       (gorzej, ale bez niespodzianki przy tej migracji). */
    --wh-gpsr-text-soft: var(--wh-color-text-muted, #908981);

    /* Separator sekcji. */
    --wh-gpsr-border: var(--wh-color-border-subtle, #dee2e6);

    margin: max(10px, 1em) 0;
}

/* Sections */
.wh-gpsr-section {
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid var(--wh-gpsr-border, #dee2e6);
}

.wh-gpsr-section:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.wh-gpsr-section-title {
    margin: 0 0 10px;
    padding: 0;
    font-size: var(--wh-font-size-body, 14px);
    font-weight: var(--wh-font-weight-semibold, 600);
    color: var(--wh-gpsr-text-strong, #40362E);
    letter-spacing: 0.5px;
}

/* RP badge */
.wh-gpsr-rp-badge {
    font-size: var(--wh-font-size-small, 12px);
    font-weight: var(--wh-font-weight-regular, 400);
    text-transform: none;
    letter-spacing: 0;
}

/* Data */
.wh-gpsr-data {
    font-size: var(--wh-font-size-body, 14px);
    line-height: 1.6;
}

.wh-gpsr-name {
    margin: 0 0 5px;
}

.wh-gpsr-name strong {
    color: var(--wh-gpsr-text-strong, #40362E);
}

.wh-gpsr-address {
    margin: 0 0 10px;
    color: var(--wh-gpsr-text-soft, #908981);
}

/* Contact list */
.wh-gpsr-contact {
    list-style: none;
    margin: 0;
    padding: 0;
}

.wh-gpsr-contact li {
    display: flex;
    align-items: center;
    margin-bottom: max(5px, 0.3rem);
}

.wh-gpsr-contact li:last-child {
    margin-bottom: 0;
}

/* Contact icons */
.wh-gpsr-icon {
    width: 20px;
    height: 20px;
    min-width: 20px;
    margin-right: 8px;
    color: var(--wh-gpsr-text-strong, #40362E);
}

.wh-gpsr-contact a {
    color: var(--wh-gpsr-text-soft, #908981);
    font-weight: var(--wh-font-weight-medium, 500);
    text-decoration: none;
}

.wh-gpsr-contact a:hover {
    text-decoration: underline;
}

/* Product extra content tab */
.gpsr-tab .wh-gpsr-container {
    margin: 0;
    background: transparent;
    border: none;
    padding: 0;
}

/* Responsive */
@media (max-width: 767px) {
    .wh-gpsr-container {
        padding: 10px;
    }
    
    .wh-gpsr-section-title {
        font-size: var(--wh-font-size-small, 12px);
    }
    
    .wh-gpsr-data {
        font-size: var(--wh-font-size-small, 12px);
    }
}

/* Print styles
   ⚠️ TU HARDCODY SA CELOWE i nie migrujemy ich na tokeny: wydruk ma byc
   czytelny na papierze i tani w tuszu niezaleznie od tego, jaka branze ma
   sklep. Kolor brandu na wydruku to koszt bez wartosci dla klienta, a przy
   ciemnych branzach wrecz szkoda (zalane tlo). To ta sama kategoria wyjatku
   co czysta geometria — nie jest to dlug do splacenia. */
@media print {
    .wh-gpsr-container {
        background: none;
        border: 1px solid #ccc;
    }
    
    .wh-gpsr-contact a {
        color: #000;
    }
}