/*
 * SP Jaczów — wyróżniona sekcja „Ważne informacje” v1.0
 * Zakres: wyłącznie strona główna i sekcja .spj-important-news.
 * Maksymalny pionowy padding sekcji: 70px.
 */

body.sp11-site .spj-important-news {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding-block: clamp(2.75rem, 5vw, 4.375rem) !important;
    color: #ffffff;
    background:
        radial-gradient(circle at 88% 8%, rgba(214, 166, 59, 0.22), transparent 24rem),
        linear-gradient(135deg, #10213a 0%, #17385a 68%, #10213a 100%);
    border-block: 1px solid rgba(214, 166, 59, 0.42);
}

body.sp11-site .spj-important-news::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0 0 auto;
    height: 0.35rem;
    background: linear-gradient(90deg, #d6a63b 0%, #f0c866 48%, #8b1e2d 100%);
}

body.sp11-site .spj-important-news::after {
    content: "";
    position: absolute;
    z-index: -1;
    top: -9rem;
    right: -8rem;
    width: 22rem;
    aspect-ratio: 1;
    border: 1px solid rgba(255, 255, 255, 0.11);
    border-radius: 50%;
    box-shadow:
        0 0 0 3.5rem rgba(255, 255, 255, 0.025),
        0 0 0 7rem rgba(214, 166, 59, 0.025);
    pointer-events: none;
}

body.sp11-site .spj-important-news > .sp11-container {
    position: relative;
    z-index: 1;
}

body.sp11-site .spj-important-news .sp11-section__head {
    display: block;
    margin: 0 0 clamp(1.35rem, 3vw, 2rem);
    padding: 0;
    color: #ffffff;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

body.sp11-site .spj-important-news .sp11-section__head > div {
    max-width: 54rem;
}

body.sp11-site .spj-important-news .sp11-eyebrow {
    color: #f0c866;
}

body.sp11-site .spj-important-news .sp11-eyebrow::before {
    background: #f0c866;
}

body.sp11-site .spj-important-news .sp11-section__head h2 {
    margin: 0.55rem 0 0;
    color: #ffffff;
}

body.sp11-site .spj-important-news__lead {
    max-width: 46rem;
    margin: 0.7rem 0 0;
    color: #e4ebf2;
    font-size: 1rem;
    line-height: 1.65;
}

body.sp11-site .spj-important-news .sp11-alert-grid {
    align-items: stretch;
    gap: clamp(1rem, 2vw, 1.25rem);
}

body.sp11-site .spj-important-news .sp11-alert-grid--single {
    grid-template-columns: minmax(0, 48rem);
}

body.sp11-site .spj-important-news .sp11-alert {
    position: relative;
    display: grid;
    grid-template-rows: auto auto 1fr;
    min-height: 10rem;
    padding: 1.35rem 1.35rem 1.25rem 4.9rem;
    overflow: hidden;
    color: #0b1f33;
    background: #fffdf9;
    border: 1px solid rgba(215, 224, 230, 0.95);
    border-radius: 1rem;
    box-shadow: 0 1rem 2.5rem rgba(4, 18, 34, 0.22);
    transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

body.sp11-site .spj-important-news .sp11-alert::before {
    content: "!";
    position: absolute;
    top: 1.25rem;
    left: 1.25rem;
    width: 2.55rem;
    height: 2.55rem;
    display: grid;
    place-items: center;
    color: #ffffff;
    background: #8b1e2d;
    border: 0.2rem solid #f0c866;
    border-radius: 50%;
    font-family: Georgia, "Times New Roman", ui-serif, serif;
    font-size: 1.45rem;
    font-weight: 700;
    line-height: 1;
    box-shadow: 0 0.45rem 1rem rgba(139, 30, 45, 0.2);
}

body.sp11-site .spj-important-news .sp11-alert::after {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 0.3rem;
    background: linear-gradient(90deg, #d6a63b 0%, #d6a63b 72%, #8b1e2d 100%);
}

body.sp11-site .spj-important-news .sp11-alert:hover {
    transform: translateY(-0.18rem);
    border-color: #c7d2dc;
    box-shadow: 0 1.2rem 2.8rem rgba(4, 18, 34, 0.28);
}

body.sp11-site .spj-important-news .sp11-alert:focus-within {
    outline: 0.2rem solid #ffbf47;
    outline-offset: 0.2rem;
}

body.sp11-site .spj-important-news .sp11-alert time {
    color: #4c5d70;
    font-weight: 700;
}

body.sp11-site .spj-important-news .sp11-alert h3 {
    margin: 0.35rem 0 0.8rem;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

body.sp11-site .spj-important-news .sp11-alert h3 a {
    color: #0b1f33;
}

body.sp11-site .spj-important-news .sp11-alert h3 a:hover,
body.sp11-site .spj-important-news .sp11-alert h3 a:focus-visible {
    color: #163a57;
}

body.sp11-site .spj-important-news .sp11-alert > .sp11-text-link {
    align-self: end;
    justify-self: start;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    min-height: 2.75rem;
    margin-top: 0.15rem;
    padding: 0.55rem 0.85rem;
    color: #ffffff;
    background: #163a57;
    border: 2px solid #163a57;
    border-radius: 0.65rem;
    font-weight: 700;
    text-decoration: none;
}

body.sp11-site .spj-important-news .sp11-alert > .sp11-text-link::after {
    content: "→";
    font-size: 1.1em;
    line-height: 1;
}

body.sp11-site .spj-important-news .sp11-alert > .sp11-text-link:hover {
    color: #0b1f33;
    background: #f0c866;
    border-color: #7a5600;
    text-decoration: none;
}

body.sp11-site .spj-important-news .sp11-alert > .sp11-text-link:focus-visible {
    outline: 0.2rem solid #ffbf47;
    outline-offset: 0.2rem;
}

@media (max-width: 48rem) {
    body.sp11-site .spj-important-news {
        padding-block: 2.5rem !important;
    }

    body.sp11-site .spj-important-news::after {
        top: -7rem;
        right: -11rem;
        width: 19rem;
    }

    body.sp11-site .spj-important-news .sp11-section__head {
        margin-bottom: 1.25rem;
    }

    body.sp11-site .spj-important-news .sp11-alert-grid,
    body.sp11-site .spj-important-news .sp11-alert-grid--single {
        grid-template-columns: 1fr;
    }

    body.sp11-site .spj-important-news .sp11-alert {
        min-height: 0;
        padding: 1.2rem 1rem 1.1rem 4.25rem;
        border-radius: 0.85rem;
    }

    body.sp11-site .spj-important-news .sp11-alert::before {
        top: 1.05rem;
        left: 0.95rem;
        width: 2.25rem;
        height: 2.25rem;
        border-width: 0.16rem;
        font-size: 1.25rem;
    }

    body.sp11-site .spj-important-news .sp11-alert > .sp11-text-link {
        min-height: 3rem;
    }
}

@media (max-width: 24rem) {
    body.sp11-site .spj-important-news {
        padding-block: 2rem !important;
    }

    body.sp11-site .spj-important-news .sp11-alert {
        padding-left: 1rem;
        padding-top: 4.2rem;
    }

    body.sp11-site .spj-important-news .sp11-alert::before {
        top: 1rem;
        left: 1rem;
    }
}

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

    body.sp11-site .spj-important-news .sp11-alert:hover {
        transform: none;
    }
}

@media (forced-colors: active) {
    body.sp11-site .spj-important-news {
        color: CanvasText;
        background: Canvas;
        border-block: 2px solid CanvasText;
    }

    body.sp11-site .spj-important-news::before,
    body.sp11-site .spj-important-news::after,
    body.sp11-site .spj-important-news .sp11-alert::after {
        display: none;
    }

    body.sp11-site .spj-important-news .sp11-section__head h2,
    body.sp11-site .spj-important-news .sp11-eyebrow,
    body.sp11-site .spj-important-news__lead {
        color: CanvasText;
    }

    body.sp11-site .spj-important-news .sp11-alert {
        color: CanvasText;
        background: Canvas;
        border: 2px solid CanvasText;
        box-shadow: none;
    }

    body.sp11-site .spj-important-news .sp11-alert::before {
        color: CanvasText;
        background: Canvas;
        border: 2px solid CanvasText;
        box-shadow: none;
    }

    body.sp11-site .spj-important-news .sp11-alert > .sp11-text-link {
        color: LinkText;
        background: Canvas;
        border: 2px solid LinkText;
    }
}

@media print {
    body.sp11-site .spj-important-news {
        padding-block: 1rem !important;
        color: #000000 !important;
        background: #ffffff !important;
        border-block: 1px solid #000000;
    }

    body.sp11-site .spj-important-news::before,
    body.sp11-site .spj-important-news::after,
    body.sp11-site .spj-important-news .sp11-alert::before,
    body.sp11-site .spj-important-news .sp11-alert::after {
        display: none !important;
    }

    body.sp11-site .spj-important-news .sp11-section__head h2,
    body.sp11-site .spj-important-news .sp11-eyebrow,
    body.sp11-site .spj-important-news__lead {
        color: #000000 !important;
    }

    body.sp11-site .spj-important-news .sp11-alert {
        padding: 0.8rem;
        color: #000000;
        background: #ffffff;
        border: 1px solid #000000;
        box-shadow: none;
        break-inside: avoid;
    }

    body.sp11-site .spj-important-news .sp11-alert > .sp11-text-link {
        min-height: 0;
        padding: 0;
        color: #000000;
        background: transparent;
        border: 0;
        text-decoration: underline;
    }
}