/* Generated file. Edit source files and run scripts/build-spj-front-css.sh. */

/* ===== SOURCE: spj-school-square-v1.css ===== */
/* ======================================================================
   SP Jaczów — szkolny wariant bez zaokrągleń v1.0

   Cel:
   - formalny, uporządkowany charakter szablonu szkoły,
   - prostokątne karty, przyciski, zdjęcia, panele i pola formularzy,
   - bez ingerencji we wspólny pakiet pp10-bundle.css,
   - zachowanie prawdziwych kół: kropek, znaczników, numerów kroków,
     ikon ostrzegawczych i dekoracyjnych motywów.

   Plik musi być ładowany jako OSTATNI arkusz stylów frontu.
   ====================================================================== */

body.sp11-site {
    --sp11-radius-sm: 0;
    --sp11-radius: 0;
    --sp11-radius-lg: 0;
    --spj-school-radius: 0;
}

/* ----------------------------------------------------------------------
   Podstawowe prostokątne komponenty interfejsu
   ---------------------------------------------------------------------- */
body.sp11-site :is(
    .sp11-skip-link,
    .sp11-topbar__badge,
    .sp11-brand__mark,
    .sp11-nav-toggle,
    .sp11-nav__link,
    .sp11-nav__button,
    .sp11-nav__submenu,
    .sp11-nav__submenu a,
    .sp11-btn,
    .sp11-hero__panel,
    .sp11-hero__visual,
    .sp11-hero__identity,
    .sp11-quick-card,
    .sp11-quick-card__icon,
    .sp11-alert,
    .sp11-news-card,
    .sp11-audience,
    .sp11-official-card,
    .sp11-social-link,
    .sp11-social-link img,
    .sp11-page-header,
    .sp11-content-card,
    .sp11-sidebar-card,
    .sp11-list-card,
    .sp11-article-card,
    .sp11-empty-state,
    .sp11-error-card,
    .sp11-filter,
    .sp11-filter input[type="search"],
    .sp11-sidebar-card a,
    .sp11-article-media,
    .sp11-article-nav a,
    .sp11-pagination a,
    .sp11-pagination span,
    .sp11-cookie-banner,
    .sp11-cookie-actions button,
    .metryczka,
    .sp11-audience__mark,
    .sp11-audience__action,
    .sp11-recruitment__panel,
    .sp11-recruitment__steps li,
    .spj-accessibility-notice
) {
     
}

/* Etykiety i metadane pozostają prostokątne, a nie w formie kapsułek. */
body.sp11-site :is(
    .sp11-meta,
    .sp11-tag,
    .spj-patron-accent__label,
    .spj-home-news-card__meta span
) {
   
}

/* Linki, którym starszy arkusz nadawał bardzo subtelne zaokrąglenie. */
body.sp11-site :is(
    .sp11-content a,
    .article-content a,
    .strona-content a,
    .sp11-text-link,
    .sp11-audience li a,
    .sp11-footer li a,
    .sp11-topbar__links a,
    .sp11-contact-band a:not(.sp11-social-link)
) {
    
}

/* ----------------------------------------------------------------------
   Pola formularzy frontowych
   Checkboxy i radio pozostają natywnymi kontrolkami systemowymi.
   ---------------------------------------------------------------------- */
body.sp11-site :is(
    input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
    select,
    textarea
) {
  
}

/* ----------------------------------------------------------------------
   Zdjęcia i treści artykułów / stron
   ---------------------------------------------------------------------- */
body.sp11-site :is(
    .sp11-content img,
    .strona-content--standard figure img,
    .strona-content--standard > img,
    .article-content--standard figure img,
    .article-content--standard > img,
    .article-content--standard p > img,
    .article-content--standard blockquote,
    .article-content--standard table,
    .sp11-content blockquote,
    .article-content blockquote,
    .strona-content blockquote
) {
     
}

/* ----------------------------------------------------------------------
   Hero SP Jaczów — zachowujemy ukośne cięcie zdjęcia, usuwamy promienie.
   Chroniony rozmiar nagłówka nie jest w tym pliku nadpisywany.
   ---------------------------------------------------------------------- */
body.sp11-site :is(
    .spj-home-hero__button,
    .spj-home-hero__photo-frame,
    .spj-home-hero__school-card,
    .spj-home-hero__school-logo,
    .spj-home-hero__features > ul
) {
     
}

/* ----------------------------------------------------------------------
   Strona główna: aktualności, ważne informacje i rekrutacja
   ---------------------------------------------------------------------- */
body.sp11-site :is(
    .spj-home-news__all,
    .spj-home-news-card,
    .spj-important-news .sp11-alert,
    .spj-important-news .sp11-alert > .sp11-text-link,
    .sp11-recruitment__panel
) {
     
}

/* ----------------------------------------------------------------------
   Programy, projekty i boczne panele
   ---------------------------------------------------------------------- */
body.sp11-site :is(
    .spj-projects-group,
    .spj-project-card,
    .spj-projects-sidebar,
    .spj-projects-sidebar__link,
    .spj-projects-sidebar__logo,
    .sp11-sidebar > .sp11-sidebar-card,
    .sp11-sidebar > .spj-projects-sidebar,
    .sp11-sidebar .sp11-sidebar-card,
    .sp11-sidebar .spj-projects-sidebar,
    .sp11-sidebar .sp11-sidebar-card a
) {
     
}

/* ----------------------------------------------------------------------
   Cookie banner i Accessibility Tools
   Ostatni arkusz musi przebić istniejące reguły z !important.
   ---------------------------------------------------------------------- */
body.sp11-site #cookie-banner,
body.sp11-site #cookie-banner button,
body.sp11-site #cookie-banner input[type="submit"],
body.sp11-site #aiq-bar,
body.sp11-site #aiq-bar #aiq-opts-btn,
body.sp11-site #aiq-panel,
body.sp11-site #aiq-panel button,
body.sp11-site .atools-launcher,
body.sp11-site :is(
    #accessibility-tools-v1,
    #accessibility-tools
) :is(
    .accessibility-toggle,
    .accessibility-tools__trigger,
    .accessibility-tools-v1__trigger,
    [data-accessibility-trigger],
    .accessibility-panel,
    .accessibility-tools__panel,
    .accessibility-tools-v1__panel,
    [data-accessibility-panel],
    [role="dialog"],
    button,
    fieldset
) {
     
}

/* ----------------------------------------------------------------------
   Elementy celowo pozostawione okrągłe:
   - ikonka wykrzyknika w ważnych informacjach,
   - numery kroków rekrutacji,
   - kropki list i wskaźniki statusów,
   - dekoracyjne koła i kreski.
   Nie dodajemy globalnego selektora * { border-radius: 0 }, aby ich nie uszkodzić.
   ---------------------------------------------------------------------- */

@media (forced-colors: active) {
    body.sp11-site :is(
        .sp11-btn,
        .sp11-nav-toggle,
        .sp11-nav__submenu,
        .spj-home-hero__button,
        .spj-home-hero__school-card,
        .spj-home-news-card,
        .sp11-alert
    ) {
         
    }
}

@media print {
    body.sp11-site :is(
        .sp11-content img,
        .strona-content--standard figure img,
        .strona-content--standard > img,
        .article-content--standard figure img,
        .article-content--standard > img,
        .article-content--standard p > img,
        .metryczka
    ) {
         
    }
}


/* ===== SOURCE: spj-wcag-front-fixes-v1.css ===== */
/*
 * SP Jaczów — końcowe poprawki frontu WCAG 2.2 AA
 * Wersja: 1.0.0
 *
 * Arkusz jest celowo ładowany jako ostatni. Nie zmienia chronionego układu hero,
 * typografii ani kolorystyki placówki. Ujednolica wyłącznie stany interaktywne
 * i zachowanie przy zwiększonych odstępach tekstu.
 */

/*
 * Dwukolorowy wskaźnik fokusu:
 * - biała warstwa pozostaje widoczna na ciemnych powierzchniach,
 * - granatowa warstwa pozostaje widoczna na jasnych powierzchniach.
 */
body.sp11-site :where(
    a[href],
    button:not([disabled]),
    input:not([disabled]),
    select:not([disabled]),
    textarea:not([disabled]),
    summary,
    [tabindex]:not([tabindex="-1"])
):focus-visible {
    outline: 2px solid #ffffff !important;
    outline-offset: 2px !important;
    box-shadow: 0 0 0 5px #0b1f33 !important;
}

/* Link pomijający musi pozostać czytelny również po wejściu fokusu. */
body.sp11-site .sp11-skip-link:focus-visible {
    color: #ffffff !important;
    background: #0b1f33 !important;
    outline-color: #ffffff !important;
    box-shadow: 0 0 0 5px #8b1e2d !important;
}

/* Zapobiega ucinaniu długich adresów, tytułów i nazw przy reflow/zoomie. */
body.sp11-site :where(
    .sp11-content,
    .article-content,
    .strona-content,
    .sp11-page-main,
    .sp11-news-list__content,
    .spj-page-list__content,
    .spj-home-hero__content,
    .spj-home-hero__school-name
) {
    min-width: 0;
    overflow-wrap: anywhere;
}

/* Tytuł hero zachowuje zaakceptowany rozmiar, ale nie może zostać ucięty
 * po wymuszeniu odstępów tekstu przez użytkownika. */
body.sp11-site .spj-home-hero__title {
    height: auto;
    overflow: visible;
}

/* Natywny suwak otrzymuje większy obszar obsługi bez zmiany jego wartości. */
body.sp11-site .atools-range-wrap input[type="range"] {
    min-height: 2.75rem;
}


/* Minimalny obszar obsługi 24×24 px dla drobnych linków nawigacyjnych. */
body.sp11-site :where(
    .sp11-topbar__links a,
    .sp11-breadcrumb a,
    .sp11-footer li a
) {
    display: inline-flex;
    min-height: 1.5rem;
    align-items: center;
}

/* Cele kotwic i główna treść nie powinny znaleźć się pod przyklejonym nagłówkiem. */
body.sp11-site :where(#main, [id]) {
    scroll-margin-block-start: 8rem;
}

@media (forced-colors: active) {
    body.sp11-site :where(
        a[href],
        button:not([disabled]),
        input:not([disabled]),
        select:not([disabled]),
        textarea:not([disabled]),
        summary,
        [tabindex]:not([tabindex="-1"])
    ):focus-visible {
        outline: 3px solid Highlight !important;
        outline-offset: 3px !important;
        box-shadow: none !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.sp11-site :where(a, button, input, select, textarea, summary) {
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
    }
}

@media print {
    body.sp11-site :where(a, button, input, select, textarea, summary):focus-visible {
        outline: 0 !important;
        box-shadow: none !important;
    }
}