/* ======================================================================
   SP Jaczów — Hero + szybkie kafle v1.6.4
   Mocniejsze, szkolne akcenty kolorystyczne z wysokim kontrastem.
   Warstwa override — nie nadpisuje istniejącego spj-home-light-v1.css.
   ====================================================================== */

/* Hero — zaakceptowane mocniejsze tło */
body.sp11-site .spj-platinum-hero {
    padding: clamp(1.25rem, 2.5vw, 2rem) 0;
}

body.sp11-site .spj-platinum-hero::before {
    content: "";
    position: absolute;
    inset: -0.35rem 0 -0.15rem;
    z-index: 0;
    pointer-events: none;
    background:
        radial-gradient(
            circle at 0% 3%,
            rgb(111 159 232 / 28%),
            #a7e7ff36 13rem
        ),
        linear-gradient(
            90deg,
            #ffffff 0%,
            #def0ff 68%,
            #fff1d2 100%
        );
}

/* Szybkie kafle — identyczny rytm góra/dół */
body.sp11-site .spj-hero-values {
    padding: clamp(1.15rem, 2.5vw, 2rem) 0;
}

body.sp11-site .spj-hero-values__item,
body.sp11-site .spj-hero-values__item:first-child {
    --spj-quick-card-bg: #e5eeff;
    --spj-quick-card-border: #b9cdf2;
    --spj-quick-card-accent: #315fb8;
    --spj-quick-icon-bg: #cfdefc;
    --spj-quick-icon-color: #294f9f;

    color: #142f4d;
    background: var(--spj-quick-card-bg) !important;
    border: 1px solid var(--spj-quick-card-border) !important;
    border-top: 3px solid var(--spj-quick-card-accent) !important;
    box-shadow: 0 0.35rem 1rem rgba(31, 79, 152, 0.08);
    transition:
        transform 160ms ease,
        box-shadow 160ms ease,
        border-color 160ms ease;
}

/* 1. Plan lekcji — niebieski */
body.sp11-site .spj-hero-values__item:nth-child(1) {
    --spj-quick-card-bg: #e5eeff;
    --spj-quick-card-border: #b9cdf2;
    --spj-quick-card-accent: #315fb8;
    --spj-quick-icon-bg: #cfdefc;
    --spj-quick-icon-color: #294f9f;
}

/* 2. Stołówka — zielony */
body.sp11-site .spj-hero-values__item:nth-child(2) {
    --spj-quick-card-bg: #e5f2df;
    --spj-quick-card-border: #b5d1a9;
    --spj-quick-card-accent: #4d853e;
    --spj-quick-icon-bg: #d0e6c6;
    --spj-quick-icon-color: #2f6734;
}

/* 3. Wydarzenia — błękit */
body.sp11-site .spj-hero-values__item:nth-child(3) {
    --spj-quick-card-bg: #def0f8;
    --spj-quick-card-border: #a8d1e2;
    --spj-quick-card-accent: #2f84aa;
    --spj-quick-icon-bg: #c8e5f1;
    --spj-quick-icon-color: #205f82;
}

/* 4. Samorząd uczniowski — fiolet */
body.sp11-site .spj-hero-values__item:nth-child(4) {
    --spj-quick-card-bg: #ece4fa;
    --spj-quick-card-border: #c3b4eb;
    --spj-quick-card-accent: #7659c0;
    --spj-quick-icon-bg: #d9cdf3;
    --spj-quick-icon-color: #5c419e;
}

/* 5. Kontakt — złoty */
body.sp11-site .spj-hero-values__item:nth-child(5) {
    --spj-quick-card-bg: #fff0c9;
    --spj-quick-card-border: #e3c777;
    --spj-quick-card-accent: #b38316;
    --spj-quick-icon-bg: #ffe2a0;
    --spj-quick-icon-color: #725100;
}

body.sp11-site .spj-hero-values__item .spj-hero-values__icon {
    color: var(--spj-quick-icon-color) !important;
    background: var(--spj-quick-icon-bg) !important;
    border: 1px solid color-mix(in srgb, var(--spj-quick-card-accent) 32%, transparent);
}

body.sp11-site .spj-hero-values__copy,
body.sp11-site .spj-hero-values__copy strong {
    color: #142f4d !important;
}

body.sp11-site .spj-hero-values__arrow {
    color: var(--spj-quick-card-accent) !important;
}

body.sp11-site .spj-hero-values__item:hover,
body.sp11-site .spj-hero-values__item:focus-visible {
    color: #142f4d;
    border-color: var(--spj-quick-card-accent) !important;
    border-top-color: var(--spj-quick-card-accent) !important;
    box-shadow: 0 0.7rem 1.55rem rgba(31, 79, 152, 0.14);
    transform: translateY(-2px);
}

body.sp11-site .spj-hero-values__item:focus-visible {
    outline: 3px solid #153f73;
    outline-offset: 3px;
}

/* Nagłówek skondensowany — wysokość wynika z zawartości */
@media (min-width: 67.5rem) {
    body.sp11-site .sp11-site-header.is-condensed .sp11-nav__list {
        min-height: 0 !important;
    }
}

@media (max-width: 36rem) {
    body.sp11-site .spj-platinum-hero {
        padding: 0.75rem 0;
    }

    body.sp11-site .spj-hero-values {
        padding: 0.75rem 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.sp11-site .spj-hero-values__item {
        transition: none;
    }

    body.sp11-site .spj-hero-values__item:hover,
    body.sp11-site .spj-hero-values__item:focus-visible {
        transform: none;
    }
}

@media (forced-colors: active) {
    body.sp11-site .spj-platinum-hero::before {
        display: none;
    }

    body.sp11-site .spj-hero-values__item,
    body.sp11-site .spj-hero-values__item .spj-hero-values__icon {
        color: CanvasText !important;
        background: Canvas !important;
        border-color: CanvasText !important;
        box-shadow: none !important;
    }
}

@media print {
    body.sp11-site .spj-platinum-hero::before {
        display: none;
    }

    body.sp11-site .spj-hero-values__item {
        color: #000 !important;
        background: #fff !important;
        border-color: #bbb !important;
        box-shadow: none !important;
    }
}