/*
 * ssc-trial-silnik.css - oprawa stron lekcji próbnej na silniku stron (SP-M1, etap E3, 30.09.2026).
 *
 * Ładowany WYŁĄCZNIE, gdy kalendarz lub sekcja wyróżników lekcji próbnej jest rysowana przez
 * silnik stron (SSC_Trial_Highlights_Shortcode::enqueue_engine_assets). Na stronach Elementora
 * tego pliku nie ma. Klasy własne: ssc-tkal* (rama kalendarza), ssc-twyb* (wybór Dorośli/Dzieci);
 * reguły dla istniejących klas modułów zawsze zawężone do .ssc-tkal albo .ssc-trialx--silnik.
 *
 * Wartości przeniesione liczba po liczbie z makiety SP-M1 (oprawa.css):
 *   „Oprawa kalendarza" (.kal*)        -> .ssc-tkal*
 *   „Wybór Dorośli / Dzieci" (.wyb-dla*) -> .ssc-twyb*
 *   „przyciski na dole sekcji lekcji próbnej" (a.ssc-trialx__cta) -> w .ssc-trialx--silnik
 * Odstępstwa (każde opisane w raporcie E3):
 *   - karta kalendarza: overflow:clip zamiast hidden (hidden psuje przyklejony dolny pasek
 *     kalendarza na telefonie - sprawdzenie I-74),
 *   - przyklejone elementy liczone od wysokości nagłówka silnika i paska administratora,
 *   - pola formularzy w kalendarzu 16 px (zasada ZASADY-DLA-WYKONAWCY, iPhone nie przybliża),
 *   - przycisk „na górę" podnosi się nad dolny pasek kalendarza.
 */

/* ═══ Rama kalendarza - ciągłość z paskiem tytułu, kalendarz w białej karcie ═══ */
.ssc-tkal{background:#D8E8F3;padding:6px 12px 40px;font-family:'Inter',sans-serif;color:#0E1626}
.ssc-tkal__in{max-width:1180px;margin:0 auto}
.ssc-tkal__nag{padding:18px 8px 16px;border-top:1px solid rgba(30,64,221,.14)}
.ssc-tkal__nad{display:inline-flex;flex-direction:column;gap:12px;font:700 11px/1 'Inter',sans-serif;letter-spacing:.19em;text-transform:uppercase;color:#1E40DD}
.ssc-tkal__nad::after{content:"";width:46px;height:2px;border-radius:2px;background:#1E40DD}
.ssc-tkal__t{margin:12px 0 0;font:italic 500 clamp(28px,7vw,40px)/1.1 'Playfair Display',Georgia,serif;letter-spacing:-.01em;color:#0E1626}
.ssc-tkal__t em{color:#1E40DD}
.ssc-tkal__fakty{display:flex;flex-wrap:wrap;gap:8px 16px;margin:12px 0 0;padding:0;list-style:none;font:500 14px/1.35 'Inter',sans-serif;color:#334155}
.ssc-tkal__fakty li{display:inline-flex;align-items:center;gap:7px;margin:0;padding:0}
.ssc-tkal__fakty .ti{font-size:18px;color:#1E40DD}
.ssc-tkal__siatka{display:grid;gap:14px}
.ssc-tkal__karta{background:#fff;border-radius:24px;padding:10px 0 12px;box-shadow:0 26px 60px -34px rgba(15,31,92,.45);overflow:visible;overflow:clip;min-width:0}
.ssc-tkal__bok{background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 26px 60px -34px rgba(15,31,92,.45)}
.ssc-tkal__foto{height:150px;background-size:cover;background-position:center}
.ssc-tkal__bok-in{padding:18px 18px 20px}
.ssc-tkal__bok h3{margin:0 0 12px;font:italic 500 22px/1.2 'Playfair Display',Georgia,serif;color:#0E1626}
.ssc-tkal__bok ol{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.ssc-tkal__bok li{display:flex;gap:12px;align-items:flex-start;margin:0;font:400 14.5px/1.5 'Inter',sans-serif;color:#334155}
.ssc-tkal__bok li b{flex:0 0 26px;width:26px;height:26px;border-radius:50%;background:#EAF7FA;color:#1E40DD;display:flex;align-items:center;justify-content:center;font:700 13px/1 'Inter',sans-serif}
.ssc-tkal__kontakt{display:inline-flex;align-items:center;gap:6px;margin-top:16px;font:600 14.5px/1 'Inter',sans-serif;color:#1E40DD;text-decoration:none}
.ssc-tkal__kontakt:hover{text-decoration:underline}
@media (min-width:900px){
  .ssc-tkal{padding:0 40px 56px}
  .ssc-tkal__nag{padding:26px 0 18px}
  .ssc-tkal__siatka{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:20px}
  .ssc-tkal__bok{position:sticky;top:calc(var(--sps-naglowek-h,76px) + 24px + var(--sps-ab,0px))}
  .ssc-tkal__karta{padding:14px 0 16px}
}
/* telefon: nad kalendarzem tylko dwie krótkie informacje - kalendarz zaczyna się wysoko */
@media (max-width:899px){
  .ssc-tkal__nad,.ssc-tkal__t{display:none}
  .ssc-tkal__nag{padding:12px 8px 10px}
  .ssc-tkal__fakty{margin:0;gap:6px 14px;font-size:13px}
  .ssc-tkal__fakty .ti{font-size:16px}
}

/* ═══ I-74: nagłówek silnika, pasek kalendarza i kroki kalendarza nigdy się nie zasłaniają ═══ */
/* po przejściu do kotwicy kalendarza jego góra stoi pod nagłówkiem, nie za nim */
.ssc-tkal #sscIndividualPublicCalendarApp,
.ssc-tkal #sscGroupTrialPublicCalendarApp{scroll-margin-top:calc(var(--sps-naglowek-h,64px) + 24px + var(--sps-ab,0px))}
/* komputer: przyklejona karta godzin kalendarza indywidualnego pod nagłówkiem silnika (moduł ma top:16px) */
@media (min-width:901px){
  .ssc-tkal .ssc-ipc-times-card{top:calc(var(--sps-naglowek-h,76px) + 24px + var(--sps-ab,0px)) !important}
}
/* telefon: przycisk „na górę" nad dolnym paskiem kalendarza, gdy pasek stoi na dole ekranu (ssc-trial-silnik.js) */
@media (max-width:900px){
  body.ssc-tkal-pasek-on button.ssc-to-top,
  body.sps-strona.ssc-tkal-pasek-on button.ssc-to-top{bottom:calc(var(--ssc-tkal-pasek-h,64px) + 12px + env(safe-area-inset-bottom))}
}

/* ═══ Pola formularzy w kalendarzach: 16 px (moduł ma 13 px - iPhone przybliżał stronę) ═══ */
.ssc-tkal #sscIndividualPublicCalendarApp input,
.ssc-tkal #sscIndividualPublicCalendarApp select,
.ssc-tkal #sscIndividualPublicCalendarApp textarea,
.ssc-tkal #sscGroupTrialPublicCalendarApp input,
.ssc-tkal #sscGroupTrialPublicCalendarApp select,
.ssc-tkal #sscGroupTrialPublicCalendarApp textarea{font-size:16px !important}
.ssc-tkal .ssc-phone-prefix{font-size:16px}

/* ═══ Przyciski na dole sekcji lekcji próbnej - pigułki jak w całej oprawie ═══ */
.ssc-trialx--silnik .ssc-trialx__close-act{display:flex!important;flex-wrap:wrap!important;gap:10px!important}
.ssc-trialx--silnik a.ssc-trialx__cta{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;min-height:50px!important;padding:15px 24px!important;border-radius:999px!important;font:700 15px/1 'Inter',-apple-system,sans-serif!important;text-decoration:none!important;letter-spacing:0!important;box-shadow:none!important;white-space:nowrap!important;transition:transform .25s cubic-bezier(.2,.7,.2,1),background .2s!important}
.ssc-trialx--silnik a.ssc-trialx__cta svg{width:18px;height:18px;fill:none;transition:transform .25s}
.ssc-trialx--silnik a.ssc-trialx__cta:hover{transform:translateY(-2px)}
.ssc-trialx--silnik a.ssc-trialx__cta:hover svg{transform:translateY(-3px)}
.ssc-trialx--silnik a.ssc-trialx__cta--light{background:#1E40DD!important;color:#fff!important;border:0!important;box-shadow:0 18px 40px -18px rgba(30,64,221,.6)!important}
.ssc-trialx--silnik a.ssc-trialx__cta--light:hover{background:#1733B4!important}
.ssc-trialx--silnik a.ssc-trialx__cta--ghost{background:#fff!important;color:#0E1626!important;border:1.5px solid #CBD5E1!important}
@media (max-width:520px){.ssc-trialx--silnik a.ssc-trialx__cta{flex:1 1 100%!important}}

/* ═══ Wybór „Dorośli / Dzieci" - duże karty w stylu strony ═══ */
.ssc-trialg__switchbar.ssc-twyb{padding:44px 0 28px!important;background:#D8E8F3!important;border:0!important}
.ssc-twyb__nag{text-align:center;max-width:640px;margin:0 auto}
.ssc-twyb__nad{display:inline-flex;flex-direction:column;align-items:center;gap:14px;font:700 11px/1 'Inter',sans-serif;letter-spacing:.19em;text-transform:uppercase;color:#1E40DD}
.ssc-twyb__nad::after{content:"";width:46px;height:2px;border-radius:2px;background:#1E40DD}
.ssc-twyb__t{margin:14px 0 0!important;font:italic 500 clamp(30px,7.6vw,46px)/1.1 'Playfair Display',Georgia,serif!important;color:#0E1626!important;letter-spacing:-.01em}
.ssc-twyb__t em{color:#1E40DD}
.ssc-twyb__lead{margin:10px 0 0!important;font:400 16px/1.55 'Inter',sans-serif!important;color:#475569!important}
.ssc-trialg__switch.ssc-twyb__karty{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;max-width:760px;margin:22px auto 0!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important}
@media (min-width:700px){.ssc-trialg__switch.ssc-twyb__karty{grid-template-columns:1fr 1fr!important}}
.ssc-twyb__karty button[data-trialg-tab]{display:flex!important;align-items:center!important;gap:14px!important;width:100%!important;min-height:84px!important;padding:16px 18px!important;border-radius:20px!important;border:2px solid #fff!important;background:#fff!important;color:#0E1626!important;text-align:left!important;cursor:pointer;box-shadow:0 18px 40px -26px rgba(15,31,92,.45)!important;transition:transform .25s cubic-bezier(.2,.7,.2,1),border-color .2s,box-shadow .25s!important;font-family:'Inter',sans-serif!important}
.ssc-twyb__karty button[data-trialg-tab]:hover{transform:translateY(-2px);border-color:#1E40DD!important}
.ssc-twyb__ik{flex:0 0 52px;width:52px;height:52px;border-radius:16px;background:#EAF7FA;color:#1E40DD;display:flex;align-items:center;justify-content:center}
.ssc-twyb__ik svg{width:26px!important;height:26px!important;fill:none}
.ssc-twyb__tx{display:flex;flex-direction:column;gap:4px;flex:1 1 auto}
.ssc-twyb__tx b{font:700 19px/1.15 'Inter',sans-serif}
.ssc-twyb__tx small{font:400 14px/1.4 'Inter',sans-serif;color:#5A6678}
.ssc-twyb__str{flex:0 0 38px;width:38px;height:38px;border-radius:50%;background:#1E40DD;color:#fff;display:flex;align-items:center;justify-content:center;transition:transform .25s cubic-bezier(.2,.7,.2,1)}
.ssc-twyb__str svg{width:18px;height:18px;fill:none}
/* wybrana karta: tło i kolor tekstu wymuszone silniejszą regułą - moduł nadaje wybranej zakładce biały tekst (reguła o większej wadze), w makiecie napis „Dorośli"/„Dzieci" znikał na jasnym tle (kontrast) */
.ssc-twyb__karty button[aria-selected="true"],
.ssc-trialg--silnik .ssc-trialg__switch.ssc-twyb__karty button[aria-selected="true"]{border-color:#1E40DD!important;background:#F4F7FF!important;color:#0E1626!important}
.ssc-twyb__karty button[aria-selected="true"] .ssc-twyb__ik{background:#1E40DD;color:#fff}
.ssc-twyb__karty button[aria-selected="true"] .ssc-twyb__str{transform:rotate(90deg)}
/* dopóki nic nie wybrano - karty delikatnie „zapraszają" do kliknięcia (tylko cień, bez przesuwania układu) */
.ssc-trialg--silnik:not(.ssc-trialg--wybrano) .ssc-twyb__karty button[data-trialg-tab]{animation:ssc-twyb-zapros 2.4s ease-in-out infinite}
.ssc-trialg--silnik:not(.ssc-trialg--wybrano) .ssc-twyb__karty button[data-trialg-tab]:nth-child(2){animation-delay:1.2s}
@keyframes ssc-twyb-zapros{0%,100%{box-shadow:0 18px 40px -26px rgba(15,31,92,.45),0 0 0 0 rgba(30,64,221,0)}50%{box-shadow:0 18px 40px -26px rgba(15,31,92,.45),0 0 0 6px rgba(30,64,221,.14)}}
/* opisy odsłaniają się płynnie pod kartami; ekran zostaje w miejscu (bez przewijania) */
.ssc-trialg__panel--odsl{animation:ssc-twyb-odsl .6s cubic-bezier(.2,.7,.2,1) both}
@keyframes ssc-twyb-odsl{from{opacity:0;transform:translate3d(0,18px,0)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){
  .ssc-twyb__karty button{animation:none!important}
  .ssc-trialg__panel--odsl{animation:none}
}