/* =========================================================================
 * Zakładka „Producent i bezpieczeństwo" — art. 19 GPSR
 *
 * Arkusz treści zakładki z `inc/producent.php`. Pudełko zakładek i ich
 * nagłówki rysuje `produkt.css` — tutaj jest wyłącznie wnętrze.
 *
 * ⚠︎ BEZ CANVASU: obowiązek jest z rozporządzenia, nie z rundy projektowej.
 * Wartości przepisane z sąsiedztwa — ta sama powierzchnia i ta sama skala
 * typograficzna, co pozostałe zakładki karty produktu.
 * ====================================================================== */

.szewko-producent {
  display: grid;
  gap: var(--space-md);
}

/* ⚠︎ TU NIE MA `gap` I NIE MA `margin: 0` NA AKAPITACH — to jest decyzja,
   nie przeoczenie. Pierwsza wersja miała `display: grid; gap: 2px`, żeby trzy
   wiersze czytały się jak jeden blok adresowy. Nie działało: `produkt.css`
   nakłada na akapity w pudełku zakładek własne `margin-bottom: 18px` o wyższej
   specyficzności i wygrywa. Reguła istniała, nie robiła nic i **kłamała
   o tym, co widać na ekranie**.

   Właściciel rozstrzygnął 11.08.2026: zostaje **rytm zakładek**, czyli te
   18 px. Zakładka producenta wygląda przez to tak samo jak „Dane techniczne"
   i „Wysyłka i zwroty" obok — a arkusz przestał opisywać układ, którego nie
   ma. Gdyby kiedyś miał wrócić ciasny blok adresowy, trzeba **podbić
   specyficzność**, a nie dopisać `gap` drugi raz.

   Selektora `.szewko-producent__blok` nie ma tu wcale — pusta reguła byłaby
   tym samym kłamstwem w łagodniejszej formie. */

.szewko-producent__tytul {
  margin: 0 0 6px;

  /* Rozstrzelony wersalik na szczeblu `mikro` — Literata ma wysokość x 51,
     więc 12 px ekwiwalentu to 12 px `font-size` (`TYPOGRAFIA.md` §T4).
     Niżej nie schodzić: to jest podłoga skali, nie sugestia. */
  font-family: var(--font-ui);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--color-camel-brown);
}

.szewko-producent__nazwa {
  font-family: var(--font-body);
  font-size: 16px;
  font-weight: 600;
  color: var(--color-dark-mahogany);
}

.szewko-producent__wiersz {
  font-family: var(--font-body);
  font-size: 16px;

  /* `line-height` zostaje, bo TA deklaracja działa — nadpisuje wartość
     odziedziczoną, a nie konkuruje z regułą o wyższej specyficzności.
     Zdjęte zostały wyłącznie `margin`, które przegrywały. */
  line-height: 1.6;
  color: var(--color-dark-mahogany);

  & a {
    color: var(--color-desert-rust);
    text-decoration: underline;
    text-underline-offset: 3px;

    /* Adres e-mail producenta bywa długi, a zakładka na 390 px ma ~350 px
       światła. Bez tego łamania wyjeżdża poza pudełko — ta sama pułapka,
       co przy adresie UOKiK w regulaminie. */
    word-break: break-word;

    &:hover,
    &:focus-visible {
      color: var(--color-terracotta);
    }
  }
}

/* Ostrzeżenia dostają lewą kreskę, a nie czerwone tło: to jest informacja
   wymagana przepisem, nie komunikat o błędzie. Terakota na pergaminie w roli
   samej kreski nie niesie treści, więc nie ma tu problemu kontrastu. */
.szewko-producent__blok--ostrzezenie {
  padding-left: 14px;
  border-left: 2px solid var(--color-terracotta);
}