/*
Theme Name:   Antoni
Theme URI:    https://antoni.com.pl
Description:  Motyw potomny Divi dla Fundacji im. Swietego Antoniego z Padwy. Miejsce na wlasne style, skrypty i zasoby.
Author:       Fundacja im. Swietego Antoniego z Padwy
Template:     Divi
Version:      1.0.0
Text Domain:  antoni
*/

/* ------------------------------------------------------------------
   Tokeny marki.
   Zrodlem prawdy pozostaje Divi Design System - ponizsze zmienne sa
   odpowiednikiem tamtych wartosci na potrzeby wlasnego CSS.
   ------------------------------------------------------------------ */
:root {
  --antoni-brown:      #432918; /* gcid-primary-color  */
  --antoni-brass:      #a8804a; /* gcid-secondary-color */
  --antoni-cream:      #faf6f0; /* Tlo Jasne  */
  --antoni-espresso:   #2a1a0f; /* Tlo Ciemne */
  --antoni-muted:      #8a7566; /* Tekst Drugorzedny */
  --antoni-rule:       #e6dcd0; /* Linia */

  --antoni-measure:    62ch;    /* komfortowa dlugosc wiersza */
  --antoni-ease:       cubic-bezier(0.32, 0.72, 0, 1);
}

/* Ikony Lucide osadzone inline - cienka kreska, kolor dziedziczony. */
.antoni-icon {
  width: 1.5rem;
  height: 1.5rem;
  stroke-width: 1.25;
  stroke: currentColor;
  fill: none;
  vertical-align: middle;
}

/* Miara tekstu - stosowac na akapitach w sekcjach typograficznych. */
.antoni-measure { max-width: var(--antoni-measure); }

/* Szanuj ustawienie systemowe ograniczajace ruch. */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* ------------------------------------------------------------------
   Stopka.
   Globalny kolor linku (#432918) na ciemnym tle stopki jest nieczytelny,
   dlatego linki w stopce przechodza na mosiadz: 4,67:1 wzgledem #2a1a0f,
   czyli WCAG AA dla tekstu czytanego.
   ------------------------------------------------------------------ */
#stopka a {
  color: var(--antoni-brass);
  text-decoration: none;
  border-bottom: 1px solid rgba(168, 128, 74, 0.45);
  transition: color 0.4s var(--antoni-ease),
              border-color 0.4s var(--antoni-ease);
}

#stopka a:hover {
  color: var(--antoni-cream);
  border-bottom-color: var(--antoni-cream);
}

#stopka a:focus-visible {
  color: var(--antoni-cream);
  outline: 2px solid var(--antoni-cream);
  outline-offset: 3px;
  border-bottom-color: transparent;
}

/* Naglowki kolumn w stopce - pelna jasnosc, lekka spacja. */
#stopka strong {
  color: var(--antoni-cream);
  font-weight: 600;
  letter-spacing: 0.04em;
}

/* ------------------------------------------------------------------
   Nagłówek — rozmiar logo.
   Divi przyjmuje logo.decoration.sizing.width w markupie, ale go NIE emituje
   do CSS, więc kontener logo zapada się do zera. Do tego Divi wymusza
   .et_pb_menu__logo img[src$=".svg"] { width:100% !important }, czyli obrazek
   bierze szerokosc z kontenera. Szerokość nadajemy więc kontenerowi tutaj.
   ------------------------------------------------------------------ */
#naglowek .et_pb_menu__logo {
  width: 210px;
  max-width: 45vw;
}

#naglowek .et_pb_menu__logo img {
  width: 100%;
  height: auto;
  display: block;
}

@media (max-width: 767px) {
  #naglowek .et_pb_menu__logo { width: 150px; }
}

/* ------------------------------------------------------------------
   Baner zgody na pliki cookie (Pressidium).
   Wtyczka deklaruje zmienne na .pressidium-cc-theme; nadpisujemy je
   selektorem o wyzszej specyficznosci (body.…), zeby kolejnosc arkuszy
   nie miala znaczenia.

   Kontrasty wzgledem tla #faf6f0:
     tekst #432918            12,4:1  (AAA)
     przycisk glowny: #faf6f0 na #432918  12,4:1  (AAA)
     przycisk drugorzedny: #432918 na #e6dcd0  9,9:1  (AAA)
   ------------------------------------------------------------------ */
body.pressidium-cc-theme {
  --cc-bg: var(--antoni-cream);
  --cc-text: var(--antoni-brown);

  --cc-btn-primary-bg: var(--antoni-brown);
  --cc-btn-primary-text: var(--antoni-cream);
  --cc-btn-primary-hover-bg: var(--antoni-espresso);
  --cc-btn-primary-hover-text: var(--antoni-cream);

  --cc-btn-secondary-bg: var(--antoni-rule);
  --cc-btn-secondary-text: var(--antoni-brown);
  --cc-btn-secondary-hover-bg: #dccfc0;
  --cc-btn-secondary-hover-text: var(--antoni-brown);

  --cc-toggle-bg-off: var(--antoni-muted);
  --cc-toggle-bg-on: var(--antoni-brass);
  --cc-toggle-bg-readonly: var(--antoni-rule);
  --cc-toggle-knob-bg: var(--antoni-cream);
  --cc-toggle-knob-icon-color: var(--antoni-brown);

  --cc-cookie-category-block-bg: #f2ece4;
  --cc-cookie-category-block-bg-hover: var(--antoni-rule);
  --cc-cookie-table-border: var(--antoni-rule);
  --cc-section-border: var(--antoni-rule);
  --cc-block-text: var(--antoni-brown);

  --cc-overlay-bg: rgba(42, 26, 15, 0.6);
  --cc-webkit-scrollbar-bg: var(--antoni-rule);
  --cc-webkit-scrollbar-bg-hover: var(--antoni-brass);

  --cc-btn-floating-bg: var(--antoni-brown);
  --cc-btn-floating-icon: var(--antoni-cream);
  --cc-btn-floating-hover-bg: var(--antoni-espresso);
  --cc-btn-floating-hover-icon: var(--antoni-cream);
}

/* Typografia i ksztalt.
   UWAGA: wtyczka uzywa znacznikowania cookieconsent v2 (#cc_div, #cm, #c-ttl,
   .c-bn), NIE v3 (#cc-main .cm). Selektory v3 nie trafiaja w nic. */
#cc_div #cm,
#cc_div #s-inr {
  font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
  border: 1px solid var(--antoni-rule);
  border-radius: 6px;
  box-shadow: 0 18px 48px -24px rgba(42, 26, 15, 0.35);
}

#cc_div #c-ttl,
#cc_div #s-ttl {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-weight: 600;
  font-size: 1.4rem;
  letter-spacing: 0.01em;
}

#cc_div #c-txt,
#cc_div .p {
  font-size: 14px;
  line-height: 1.65;
}

#cc_div .c-bn {
  border-radius: 999px;
  font-weight: 600;
  letter-spacing: 0.01em;
  transition: background-color 0.4s var(--antoni-ease),
              color 0.4s var(--antoni-ease);
}

#cc_div .cc-link {
  color: var(--antoni-brass);
  text-underline-offset: 3px;
}