/* ==========================================================================
   Strony treściowe — to, co zostało po przejściu stron na szablony motywu.

   14.09.2026 Kompas Jutra, Cyfrowy Uczeń, Dla szkoły, O nas, Kontakt, Pracownie
   językowe, Biurka i Serwis dostały własne szablony (program.css, firma.css,
   rozwiazanie.css). Łatki na ich dawny HTML z edytora zostały usunięte — pomiar
   pokrycia CSS na wszystkich stronach QA (1440 i 390 px) nie wykazał, żeby
   którakolwiek strona z nich korzystała. Zostały wyłącznie reguły w użyciu:
   nadtytuł `avm-school-hero__eyebrow` (szablon rozwiązania), zgranie bloków
   GreenShifta i formularze wstrzykiwane w treść.
   ========================================================================== */

/* ——— nagłówek strony działowej ——— */
.avm-school-hero{
  background:#fff;border-radius:var(--avm-radius);
  padding:38px;margin-bottom:16px;
}
/* Treść po lewej, jedno zdjęcie z wdrożenia po prawej. Wcześniej stały tu cztery
   przekolorowane rendery sal — sztuczne wizualizacje bez związku z realizacjami. */
.avm-school-hero__container{
  display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);
  gap:40px;align-items:center;
}
.avm-school-hero__eyebrow{
  display:inline-block;font-size:11.5px;font-weight:800;letter-spacing:.09em;
  text-transform:uppercase;color:var(--avm-ko);margin-bottom:12px;
}
.avm-school-hero__akcje{display:flex;gap:11px;flex-wrap:wrap;margin-top:24px}
.avm-school-hero__foto{margin:0}
.avm-school-hero__foto img{
  width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:14px;display:block;
}
.avm-school-hero__content h1,
.avm-school-hero__title{
  font-size:clamp(28px,3.6vw,40px);font-weight:800;line-height:1.15;
  margin:0 0 14px;letter-spacing:-.03em;
}
.avm-school-hero__content p,
.avm-school-hero__subtitle{
  font-size:16.5px;line-height:1.65;color:#374151;margin:0 0 20px;max-width:60ch;
}
.avm-school-hero__stats{display:flex;gap:30px;flex-wrap:wrap;margin-top:22px}
.avm-school-hero__stat{display:flex;flex-direction:column}
.avm-school-hero__stat strong,
.avm-school-hero__stat b,
.avm-school-hero__stat-number{
  font-size:27px;font-weight:800;letter-spacing:-.03em;line-height:1.1;color:var(--avm-ko);
}
.avm-school-hero__stat span,
.avm-school-hero__stat-label{margin-top:3px;font-size:13px;color:var(--avm-mut)}


/* ==========================================================================
   Strony budowane w GreenShifcie (Aktywna tablica, Laboratoria przyszłości,
   Mała szkoła, Strzelnice, Drukarki legitymacji, Laptop dla nauczyciela).

   Wtyczka generuje własne style per blok, z unikalnymi klasami `gspb_*-gsbp-<hash>` —
   nie da się ich przepisać i nie ma potrzeby, bo układ jest poprawny. Zgrywamy
   tylko to, co odstaje od reszty serwisu: przyciski, nagłówki i czarne akcenty.
   Celujemy wyłącznie w elementy wewnątrz treści strony, żeby nie ruszyć sklepu.
   ========================================================================== */

/* Nagłówki tą samą krojówką co reszta motywu. */
.avm-strona__tresc .gspb_heading{letter-spacing:-.02em;line-height:1.2}
.avm-strona__tresc .gspb_heading h1,
.avm-strona__tresc .gspb_heading h2{font-weight:800}
.avm-strona__tresc .gspb_heading h3,
.avm-strona__tresc .gspb_heading h4{font-weight:700}

/* Przyciski — kobalt zamiast czerni, wysokość i zaokrąglenie jak w sklepie. */
.avm-strona__tresc .gspb_button_wrapper > a,
.avm-strona__tresc .gspb-buttonbox,
.avm-strona__tresc .wp-block-button__link{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  min-height:46px;padding:0 22px;border-radius:9px !important;
  background:var(--avm-ko) !important;color:#fff !important;
  font-size:14.5px;font-weight:700;text-decoration:none;border:0 !important;
  transition:background .2s ease;
}
.avm-strona__tresc .gspb_button_wrapper > a:hover,
.avm-strona__tresc .gspb-buttonbox:hover,
.avm-strona__tresc .wp-block-button__link:hover{background:var(--avm-ko-d) !important}
.avm-strona__tresc .gspb-buttonbox-title,
.avm-strona__tresc .gspb-buttonbox-text{color:inherit}

/* Okrągłe znaczniki przy listach zalet — były czarne, mają być w kolorze marki. */
.avm-strona__tresc .gspb_container [class*="icon"] svg,
.avm-strona__tresc .gs-iconbefore svg,
.avm-strona__tresc .gs-iconafter svg{fill:currentColor}
.avm-strona__tresc .gspb_container [style*="background: #000000"],
.avm-strona__tresc .gspb_container [style*="background:#000000"],
.avm-strona__tresc .gspb_container [style*="background-color: #000000"],
.avm-strona__tresc .gspb_container [style*="background-color:#000000"]{
  background:var(--avm-ko) !important;
}

/* Akordeony (Kontakt, FAQ na podstronach) w wyglądzie pytań z landingów. */
.avm-strona__tresc .gs-accordion-item{
  border:1px solid var(--avm-lin);border-radius:12px;
  background:#fff;margin-bottom:10px;overflow:hidden;
}
.avm-strona__tresc .gs-accordion-item__title,
.avm-strona__tresc .gs-accordion-item__heading{
  font-size:15.5px !important;font-weight:700 !important;color:var(--avm-tx) !important;
  padding:15px 18px;cursor:pointer;
}
.avm-strona__tresc .gs-accordion-item__content{padding:0 18px 16px}
.avm-strona__tresc .gs-accordion-item__text{font-size:15px;line-height:1.65;color:#374151}

/* Zdjęcia w treści — jednolite zaokrąglenie. */
.avm-strona__tresc .gspb_container img,
.avm-strona__tresc figure img{border-radius:12px}

/* Wiersz GreenShifta dostaje szerokość `var(--theme-container-width, 1200px)` —
   zmienną definiował Blocksy, a bez niej zostaje sztywne 1200 px. Na telefonie
   formularz na /kontakt/ wystawał przez to na 1228 px i strona jeździła w bok.
   Wiersz ma wypełniać kolumnę treści, której szerokość pilnuje już motyw. */
.avm-strona__tresc .gspb_row > .gspb_row__content{width:100% !important;max-width:100% !important}

/* Odstępy między sekcjami zgodne z rytmem reszty serwisu. */
.avm-strona__tresc > .gspb_container{margin-bottom:22px}
.avm-strona__tresc > .gspb_container:last-child{margin-bottom:0}

/* Przyciski motywu wstawione w treść strony: arkusz treści maluje każdy <a>
   na kobalt, więc `.avm-btn--ko` dostawał niebieski tekst na niebieskim tle
   i wyglądał na pusty prostokąt. Przywracamy kolory z definicji przycisku. */
.avm-strona__tresc .avm-btn{text-decoration:none}
.avm-strona__tresc .avm-btn--ko{color:#fff}
.avm-strona__tresc .avm-btn--ko:hover{color:#fff}
.avm-strona__tresc .avm-btn--obrys{color:var(--avm-tx)}
.avm-strona__tresc .avm-btn--obrys:hover{color:#fff}
.avm-strona__tresc .avm-btn--zo{color:#3a2a00}

/* Bloki Gutenberga z klasą `has-link-color` narzucają kolor odnośnika CAŁEJ swojej
   zawartości — akapity i listy wewnątrz wychodziły niebieskie, choć nie są linkami.
   Przywracamy kolor tekstu tam, gdzie autor nie ustawił własnego (klasa `has-…`
   albo styl inline), więc świadome wyróżnienia zostają nietknięte. */
.avm-strona__tresc p:not([class*="has-"]):not([style*="color"]),
.avm-strona__tresc li:not([class*="has-"]):not([style*="color"]),
.avm-strona__tresc td:not([class*="has-"]):not([style*="color"]){
  color:#374151;
}
.avm-strona__tresc h1:not([class*="has-"]):not([style*="color"]),
.avm-strona__tresc h2:not([class*="has-"]):not([style*="color"]),
.avm-strona__tresc h3:not([class*="has-"]):not([style*="color"]),
.avm-strona__tresc h4:not([class*="has-"]):not([style*="color"]),
.avm-strona__tresc h5:not([class*="has-"]):not([style*="color"]){
  color:var(--avm-tx);
}
/* Ciemne sekcje zachowują swoje jasne kolory. */
.avm-strona__tresc .avm-cta-simple p,
.avm-strona__tresc .avm-cta-simple li,
.avm-strona__tresc .avm-cta-simple h2{color:inherit}

/* ——— formularze wstrzykiwane w treść (serwis, biurka, pracownie) ——— */
.avm-strona__tresc .av-form,
.avm-strona__tresc .avm-form{max-width:none}
.avm-strona__tresc .av-form__field,
.avm-strona__tresc .av-form label{display:block;margin-bottom:16px}
.avm-strona__tresc .av-form label > span,
.avm-strona__tresc .av-form__label{
  display:block;margin-bottom:6px;font-size:13.5px;font-weight:600;color:var(--avm-tx);
}
.avm-strona__tresc .av-form input[type="text"],
.avm-strona__tresc .av-form input[type="email"],
.avm-strona__tresc .av-form input[type="tel"],
.avm-strona__tresc .av-form input[type="date"],
.avm-strona__tresc .av-form select,
.avm-strona__tresc .av-form textarea{
  width:100%;padding:12px 14px;font-size:14.5px;
  border:1px solid var(--avm-lin);border-radius:9px;background:#fff;outline:0;
}
.avm-strona__tresc .av-form input:focus,
.avm-strona__tresc .av-form select:focus,
.avm-strona__tresc .av-form textarea:focus{
  border-color:var(--avm-ko);box-shadow:0 0 0 3px rgba(37,99,235,.16);
}
.avm-strona__tresc .av-form textarea{min-height:120px;resize:vertical}
/* Selektor z nazwą elementu i !important — paleta wchodzi w button[type=submit]. */
.avm-strona__tresc .av-form button.av-btn,
.avm-strona__tresc .av-form button[type="submit"],
.avm-strona__tresc button.av-btn{
  min-height:50px;padding:0 28px;border:0 !important;cursor:pointer;border-radius:9px !important;
  background:var(--avm-ko) !important;color:#fff !important;
  font-size:15.5px !important;font-weight:700 !important;
}
.avm-strona__tresc .av-form button.av-btn:hover,
.avm-strona__tresc button.av-btn:hover{background:var(--avm-ko-d) !important}

/* Formularz serwisowy otwiera się własnym nagłówkiem powtarzającym tytuł strony
   („Serwis / Reklamacje" dwa razy pod sobą). Tytuł zostaje w nagłówku strony,
   nagłówek formularza chowamy — ale tylko w wariancie serwisowym, bo formularze
   na innych stronach (biurka, pracownie) mają własne, sensowne tytuły. */
.avm-strona__tresc .av-form--service > h3:first-child{display:none}
.avm-strona__tresc .av-form--service > .av-form__lead{margin-top:0}