/* 4.2.69 — pastelowe kafle strony głównej i przyciski zgodne z akcentem. */
.school-home{background:#fbf7ec;color:#24312f;padding-bottom:0}
.school-home .site-shell{width:min(1240px,calc(100% - 40px));margin-inline:auto}
.school-home-links{position:relative;z-index:3;padding:44px 0 18px;background:#fbf7ec}
.school-home-links__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.school-home-tile{--tile-accent:#4a6c4d;--tile-bg:#f7fbf7;display:flex;min-height:230px;flex-direction:column;align-items:center;padding:34px 20px 18px;border:1px solid color-mix(in srgb,var(--tile-accent) 20%,#fff);border-radius:18px;background:var(--tile-bg);color:#263a34;text-align:center;text-decoration:none;box-shadow:0 7px 20px rgba(36,49,47,.055);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.school-home-tile--e-diary{--tile-accent:#4a6c4d;--tile-bg:linear-gradient(160deg,#fbfdff 0%,#eef6ff 100%)}
.school-home-tile--latest-notice{--tile-accent:#4a6c4d;--tile-bg:linear-gradient(160deg,#fffdfd 0%,#fff0ef 100%)}
.school-home-tile--recruitment-school{--tile-accent:#4a6c4d;--tile-bg:linear-gradient(160deg,#fcfffc 0%,#eef8ed 100%)}
.school-home-tile--recruitment-preschool{--tile-accent:#4a6c4d;--tile-bg:linear-gradient(160deg,#fffefa 0%,#fff7e8 100%)}
.school-home-tile:hover,.school-home-tile:focus-visible{transform:translateY(-3px);border-color:color-mix(in srgb,var(--tile-accent) 34%,#fff);text-decoration:none;box-shadow:0 13px 28px rgba(36,49,47,.095)}
.school-home-tile__body{display:flex;width:100%;height:100%;flex-direction:column;align-items:center;justify-content:flex-start}
.school-home-tile__badge{display:none}
.school-home-links .school-home-tile__title{display:flex;min-height:64px;align-items:center;justify-content:center;margin-top:2px;color:var(--tile-accent);font-family:"Baloo 2",var(--font-heading);font-size:clamp(1.7rem,1.8vw,2.05rem);font-weight:700;line-height:1.12;letter-spacing:-.01em;text-wrap:balance}
.school-home-tile__vulcan-logo{display:flex;min-height:88px;align-items:center;justify-content:center;width:100%;margin:0 0 4px}
.school-home-tile__vulcan-logo img{display:block;width:min(100%,190px);height:auto;object-fit:contain}
.school-home-tile__desc{max-width:230px;margin:10px auto 16px;color:#45534f;font-family:var(--font-body);font-size:.94rem;font-weight:600;line-height:1.6}
.school-home-tile__action{display:inline-flex;width:min(100%,220px);min-height:46px;align-items:center;justify-content:center;gap:10px;margin-top:auto;padding:0 18px;border:1.5px solid var(--tile-accent)!important;border-radius:999px;background:rgba(255,255,255,.58)!important;color:var(--tile-accent)!important;font-family:var(--font-ui);font-size:.96rem;font-weight:800;line-height:1;white-space:nowrap;box-shadow:none;transition:background-color .18s ease,transform .18s ease,box-shadow .18s ease,color .18s ease}
.school-home-tile__action>span{white-space:nowrap}
.school-home-tile:hover .school-home-tile__action,.school-home-tile:focus-visible .school-home-tile__action{background:color-mix(in srgb,var(--tile-accent) 9%,#fff)!important;color:color-mix(in srgb,var(--tile-accent) 88%,#17382d)!important;transform:translateY(-1px);box-shadow:0 6px 14px color-mix(in srgb,var(--tile-accent) 15%,transparent)}
.school-home-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px}.school-home-section-heading h2{position:relative;margin:0;color:#24483c;font-size:clamp(1.8rem,3vw,2.35rem)}.school-home-section-heading h2::after{content:"";display:block;width:min(300px,70%);height:18px;margin:8px auto 0;background:url("https://spmalaslonca.pl/wp-content/uploads/2026/08/kreska.png") center/100% 100% no-repeat}.school-home-section-heading>a,.school-home-outline-button{display:inline-flex;min-height:42px;align-items:center;justify-content:center;padding:8px 18px;border:1px solid #cda840;border-radius:999px;color:#315f45;font-weight:800;text-decoration:none}.school-home-useful,.school-home-documents,.school-home-gallery{padding:42px 0}.school-home-useful{padding-top:24px}.school-home-useful__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.school-home-useful__item{display:flex;min-height:74px;align-items:center;gap:13px;padding:14px 16px;border:1px solid rgba(49,95,69,.08);border-radius:13px;background:rgba(255,255,255,.62);color:#29483e;font-weight:800;text-decoration:none;box-shadow:0 8px 18px rgba(36,49,47,.045)}.school-home-useful__item:hover{transform:translateY(-2px);text-decoration:none}.school-home-useful__item img,.school-home-useful__symbol{display:grid;width:34px;height:34px;flex:0 0 34px;place-items:center;object-fit:contain;color:#315f45;font-size:1.5rem}.school-home-centered-action{text-align:center;margin:24px 0 0}.school-home-documents__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.school-home-document{display:flex;min-height:78px;align-items:center;gap:13px;padding:13px 15px;border:1px solid rgba(49,95,69,.08);border-radius:13px;background:#fffdf7;color:#29483e;text-decoration:none;box-shadow:0 8px 18px rgba(36,49,47,.05)}.school-home-document__icon{display:grid;width:36px;height:42px;place-items:center;border:1px solid #d6cdaa;border-radius:5px;color:#315f45;font-size:1.4rem}.school-home-document strong,.school-home-document small{display:block}.school-home-document small{margin-top:3px;color:#73817c;font-size:.75rem}.school-home-gallery{padding-top:25px}.school-home-gallery__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.school-home-gallery__grid a{display:block;overflow:hidden;border-radius:12px;aspect-ratio:4/3}.school-home-gallery__grid img{width:100%;height:100%;object-fit:cover;transition:transform .2s ease}.school-home-gallery__grid a:hover img{transform:scale(1.045)}.school-home-contact{margin-top:26px;padding:20px 0;border-top:1px solid rgba(49,95,69,.12);background:#fffaf0}.school-home-contact__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.school-home-contact__grid>div{display:flex;align-items:center;justify-content:center;gap:10px;color:#40514c;font-size:.9rem}.school-home-contact__grid span{color:#315f45;font-size:1.35rem}.school-home-contact a{color:inherit;text-decoration:none}@media(max-width:1050px){
    .school-home-patronage .site-shell{
        width:min(92vw,1180px);
    }

.school-home-links{padding-top:34px}.school-home-links__grid{grid-template-columns:repeat(2,1fr)}.school-home-useful__grid,.school-home-documents__grid{grid-template-columns:repeat(3,1fr)}.school-home-gallery__grid{grid-template-columns:repeat(3,1fr)}.school-home-contact__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.school-home-links{padding-top:26px}.school-home .site-shell{width:calc(100% - 28px)}.school-home-links__grid,.school-home-useful__grid,.school-home-documents__grid,.school-home-gallery__grid,.school-home-contact__grid{grid-template-columns:1fr}.school-home-tile{min-height:210px}.school-home-section-heading{align-items:flex-start;flex-direction:column}.school-home-contact__grid>div{justify-content:flex-start}}

/* 4.2.73 — „Co nowego w szkole?”: zdjęcie nad większym tytułem i uporządkowana hierarchia karty. */
.school-home-news {
    padding: 48px 0 48px;
    background: #fbf7ec;
}

.school-home-news .school-home-section-heading {
    justify-content: center;
    text-align: center;
}

.school-home-news .school-home-section-heading h2 {
    color: #17483d;
    font-family: "Baloo 2", var(--font-heading);
    font-size: clamp(2.55rem, 4.1vw, 4rem);
    font-weight: 600;
    line-height: 1.04;
    letter-spacing: -.018em;
    text-wrap: balance;
}

.school-home-news .school-home-news__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: stretch;
    gap: 20px;
}

.school-home-news .post-card {
    display: flex;
    min-width: 0;
    height: 100%;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid rgba(36, 49, 47, .10);
    border-radius: 18px;
    background: linear-gradient(160deg, #fbfdff 0%, #eef6ff 100%);
    text-align: center;
    box-shadow: 0 9px 24px rgba(36, 49, 47, .08);
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.school-home-news .post-card:nth-child(2) {
    background: linear-gradient(160deg, #fffefa 0%, #fff7e8 100%);
}

.school-home-news .post-card:nth-child(3) {
    background: linear-gradient(160deg, #fcfbff 0%, #f3effb 100%);
}

.school-home-news .post-card:nth-child(4) {
    background: linear-gradient(160deg, #fffdfd 0%, #fff2ef 100%);
}

.school-home-news .post-card:hover,
.school-home-news .post-card:focus-within {
    transform: translateY(-4px);
    border-color: rgba(49, 95, 69, .20);
    box-shadow: 0 16px 34px rgba(36, 49, 47, .13);
}

.school-home-news .post-card__heading {
    display: flex;
    min-height: 90px;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 2px 0 10px;
}

.school-home-news .post-card__title {
    width: 100%;
    margin: 0;
    color: #17483d;
    font-family: "Baloo 2", var(--font-heading);
    font-size: clamp(1.24rem, 1.32vw, 1.5rem);
    font-weight: 700;
    line-height: 1.12;
    letter-spacing: -.01em;
    text-align: center;
    text-wrap: pretty;
}

.school-home-news .post-card__title a {
    color: inherit;
    text-decoration: none;
}

.school-home-news .post-card__title::after{
    content:"";
    display:block;
    width:82px;
    height:10px;
    margin:8px auto 0;
    background:url("https://spmalaslonca.pl/wp-content/uploads/2026/08/kreska.png") center/100% 100% no-repeat;
}

.school-home-news .post-card__image {
    display: block;
    width: 100%;
    margin: 0;
    overflow: hidden;
    border-radius: 0;
    aspect-ratio: 16 / 10;
    background: #eee;
}

.school-home-news .post-card__image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .22s ease;
}

.school-home-news .post-card:hover .post-card__image img,
.school-home-news .post-card:focus-within .post-card__image img {
    transform: scale(1.035);
}

.school-home-news .post-card__body {
    display: flex;
    min-width: 0;
    min-height: 220px;
    flex: 1;
    flex-direction: column;
    align-items: center;
    padding: 16px 11px 18px;
    text-align: center;
}

.school-home-news .post-card__date {
    position: relative;
    margin: 0 auto 9px;
    padding-left: 20px;
    color: #667873;
    font-size: .79rem;
    font-weight: 700;
}

.school-home-news .post-card__date::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 12px;
    height: 11px;
    transform: translateY(-50%);
    border: 1.5px solid #557167;
    border-radius: 3px;
    background:
        linear-gradient(#557167, #557167) 2px 3px / 9px 1px no-repeat,
        linear-gradient(#557167, #557167) 3px 0 / 1.5px 4px no-repeat,
        linear-gradient(#557167, #557167) 8px 0 / 1.5px 4px no-repeat;
}

.school-home-news .post-card__body > p {
    min-height: 0;
    margin: 0 0 18px;
    color: #334a43;
    font-size: .88rem;
    line-height: 1.55;
    text-align: center;
}

.school-home-news .read-more {
    display: inline-flex;
    width: min(100%, 210px);
    min-height: 44px;
    align-items: center;
    justify-content: center;
    gap: 9px;
    margin-top: auto;
    padding: 9px 18px;
    border: 1.5px solid #4a6c4d;
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(255,255,255,.92) 0%, rgba(242,248,241,.88) 100%);
    color: #315f45;
    font-size: .94rem;
    font-weight: 800;
    line-height: 1;
    text-decoration: none;
    box-shadow: 0 5px 12px rgba(40,80,55,.10), inset 0 1px 0 rgba(255,255,255,.72);
    transition: transform .18s ease, background .18s ease, box-shadow .18s ease, color .18s ease;
}

.school-home-news .read-more:hover,
.school-home-news .read-more:focus-visible {
    transform: translateY(-1px);
    background: linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(234,244,232,.96) 100%);
    color: #254c36;
    text-decoration: none;
    box-shadow: 0 8px 18px rgba(40,80,55,.15), inset 0 1px 0 rgba(255,255,255,.84);
}

.school-home-news .read-more span:last-child {
    transition: transform .18s ease;
}

.school-home-news .read-more:hover span:last-child,
.school-home-news .read-more:focus-visible span:last-child {
    transform: translateX(3px);
}

.school-home-news__grid--hide-date .post-card__date {
    display: none;
}

@media (max-width: 1050px) {
    .school-home-news__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 620px) {
    .school-home-news__grid {
        grid-template-columns: 1fr;
    }

    .school-home-news .post-card__heading {
        min-height: 0;
    }

    .school-home-news .post-card__body {
        min-height: 0;
    }
}

/* 4.2.90 — wspólny układ aktualności, jednego komunikatu i panelu przydatnych informacji */

.school-home-main-layout{
    display:grid;
    grid-template-columns:minmax(0,2.15fr) minmax(330px,.85fr);
    align-items:start;
    gap:34px;
}

.school-home-main-content{
    min-width:0;
}

.school-home-main-content .school-home-section-heading{
    margin-bottom:24px;
}

.school-home-main-content .school-home-section-heading h2{
    font-size:clamp(2.4rem,4vw,3.35rem);
}

.school-home-main-content .school-home-news__grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:22px;
}

.school-home-notice-panel{
    display:flex;
    min-width:0;
    flex-direction:column;
    margin:0 0 34px;
    padding:30px 34px 28px;
    border:1px solid color-mix(in srgb,var(--notice-border,#efb827) 45%,transparent);
    border-radius:22px;
    background:var(--notice-bg,#fff9e8);
    box-shadow:0 12px 28px rgba(81,65,30,.07);
}

 .school-home-notice-panel__intro{
    display:grid;
    grid-template-columns:minmax(0,1fr) 112px;
    align-items:center;
    gap:18px;
    margin-bottom:20px;
}

.school-home-notice-panel__intro h2{
    margin:0 0 4px;
    color:var(--notice-title,#24483c);
    font-family:"Baloo 2",var(--font-heading,sans-serif);
    font-size:clamp(1.65rem,2.5vw,2.15rem);
    font-weight:800;
    line-height:1.12;
}

.school-home-notice-panel__intro p{
    max-width:650px;
    margin:0;
    color:var(--notice-text,#30473f);
    line-height:1.5;
}

.school-home-notice-panel__bell{
    display:grid;
    width:56px;
    height:56px;
    place-items:center;
    border-radius:50%;
    background:var(--notice-border,#efb827);
    color:#21543f;
}

.school-home-notice-panel__bell svg{
    width:30px;
    height:30px;
    fill:currentColor;
}

.school-home-notice-panel__bell img{
    width:32px;
    height:32px;
    object-fit:contain;
}

.school-home-notice-panel__megaphone{
    align-self:center;
    justify-self:end;
    color:var(--notice-border,#efb827);
    opacity:.88;
    transform:translateY(8px);
}

.school-home-notice-panel__megaphone svg{
    width:104px;
    height:72px;
    fill:none;
    stroke:currentColor;
    stroke-width:4;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.school-home-notice-panel__megaphone img{
    width:104px;
    height:72px;
    object-fit:contain;
}

.school-home-notices{
    display:grid;
    gap:14px;
}

.school-home-notice-card{
    display:flex;
    min-height:0;
    flex-direction:column;
    padding:8px 28px 2px;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
}

.school-home-notice-card__badge{
    display:inline-flex;
    align-self:flex-start;
    margin-bottom:10px;
    padding:4px 12px;
    border-radius:999px;
    background:var(--notice-badge,#eef2df);
    color:var(--notice-badge-text,#315f45);
    font-size:.75rem;
    font-weight:900;
    text-transform:uppercase;
}

.school-home-notice-card h3{
    margin:0 0 8px;
    color:var(--notice-title,#24483c);
    font-size:clamp(1.25rem,2vw,1.7rem);
    line-height:1.25;
}

.school-home-notice-card h3 a{
    color:inherit;
    text-decoration:none;
}

.school-home-notice-card p{
    max-width:900px;
    margin:0;
    color:var(--notice-text,#30473f);
    font-size:1rem;
    line-height:1.6;
}

.school-home-notice-card__footer{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:20px;
    margin-top:18px;
}

.school-home-notice-card__footer time{
    color:var(--notice-text,#30473f);
    font-weight:700;
}

.school-home-notice-card--empty{
    display:grid;
    min-height:190px;
    place-items:center;
    color:#61716b;
}

.school-home-notice-panel .school-home-outline-button{
    border-color:var(--notice-button,#4a6c4d);
    color:var(--notice-button,#4a6c4d);
}

.school-home-notice-panel .school-home-outline-button:hover,
.school-home-notice-panel .school-home-outline-button:focus-visible{
    background:var(--notice-button,#4a6c4d);
    color:#fff;
}

.school-home-useful-panel{
    position:sticky;
    top:24px;
    display:flex;
    min-width:0;
    flex-direction:column;
    overflow:hidden;
    padding:28px 26px 24px;
    border:1px solid rgba(255,255,255,.18);
    border-radius:24px;
    background-color:#5d8761;
    background-image:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.01));
    color:#fff;
    box-shadow:0 16px 34px rgba(40,74,49,.16);
}

.school-home-useful-panel::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    opacity:.045;
    background-image:
        radial-gradient(circle at 20% 20%,rgba(255,255,255,.35) 0 1px,transparent 1.3px),
        radial-gradient(circle at 80% 65%,rgba(255,255,255,.22) 0 1px,transparent 1.3px);
    background-size:28px 28px,34px 34px;
}

.school-home-useful-panel__heading,
.school-home-useful__list{
    position:relative;
    z-index:1;
}

.school-home-useful-panel__heading{
    margin:0 0 18px;
}

.school-home-useful-panel__heading h2{
    position:relative;
    margin:0;
    color:#fff;
    font-family:"Baloo 2",var(--font-heading,sans-serif);
    font-size:clamp(1.55rem,1.8vw,1.85rem);
    font-weight:600;
    line-height:1.15;
    white-space:nowrap;
}

.school-home-useful-panel__heading h2::after{
    content:"";
    display:block;
    width:92px;
    height:10px;
    margin-top:7px;
    background:url("https://spmalaslonca.pl/wp-content/uploads/2026/08/kreska.png") center/100% 100% no-repeat;
}

.school-home-useful__list{
    display:grid;
    grid-template-columns:1fr;
}

.school-home-useful__item{
    display:grid;
    min-height:76px;
    grid-template-columns:50px minmax(0,1fr) 24px;
    align-items:center;
    gap:15px;
    padding:11px 4px 11px 8px;
    border:0;
    border-bottom:1px solid rgba(255,255,255,.16);
    border-radius:0;
    background:transparent;
    box-shadow:none;
    color:#fff;
    font-family:var(--font-body,"Segoe UI",system-ui,sans-serif);
    font-size:1rem;
    font-weight:600;
    line-height:1.25;
    text-decoration:none;
    transition:transform .2s ease,color .2s ease;
}

.school-home-useful__item:last-child{
    border-bottom:0;
}

.school-home-useful__item:hover,
.school-home-useful__item:focus-visible{
    transform:translateX(4px);
    background:transparent;
    color:#fff;
    text-decoration:none;
}

.school-home-useful__icon{
    display:grid;
    width:50px;
    height:50px;
    place-items:center;
    border-radius:50%;
    background:#3578c9;
    color:#fff;
    box-shadow:0 5px 12px rgba(26,53,43,.18);
    transition:transform .2s ease,filter .2s ease;
}

.school-home-useful__icon--2{background:#d94b43}
.school-home-useful__icon--3{background:#3974cb}
.school-home-useful__icon--4{background:#7452c8}
.school-home-useful__icon--5{background:#e3a200}
.school-home-useful__icon--6{background:#7353bd}
.school-home-useful__icon--7{background:#1d9a67}
.school-home-useful__icon--8{background:#eb2f61}
.school-home-useful__icon--9{background:#7fbd67}
.school-home-useful__icon--10{background:#f0ae2d}

.school-home-useful__icon svg{
    width:28px;
    height:28px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.9;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.school-home-useful__icon img{
    display:block;
    width:30px;
    height:30px;
    object-fit:contain;
    filter:brightness(0) invert(1);
}

.school-home-useful__label{
    min-width:0;
}

.school-home-useful__arrow{
    display:grid;
    width:24px;
    height:24px;
    place-items:center;
    background:transparent;
    color:rgba(255,255,255,.94);
    font-family:var(--font-ui,"Segoe UI",system-ui,sans-serif);
    font-size:1.4rem;
    font-weight:600;
    line-height:1;
    transition:transform .2s ease,color .2s ease;
}

.school-home-useful__item:hover .school-home-useful__icon,
.school-home-useful__item:focus-visible .school-home-useful__icon{
    transform:scale(1.05);
    filter:brightness(1.06);
}

.school-home-useful__item:hover .school-home-useful__arrow,
.school-home-useful__item:focus-visible .school-home-useful__arrow{
    transform:translateX(5px);
    color:#f8e59e;
}

.school-home-useful--editor{
    padding:38px 0 46px;
    background:#fbf7ec;
}

.school-home-useful--editor .school-home-useful__layout{
    display:grid;
    grid-template-columns:minmax(0,1.35fr) minmax(360px,.65fr);
    align-items:start;
    gap:30px;
}

@media(max-width:1050px){
    .school-home-main-layout{
        grid-template-columns:1fr;
    }

    .school-home-main-content .school-home-news__grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .school-home-useful-panel{
        position:static;
    }

    .school-home-notice-panel__intro{
        grid-template-columns:58px minmax(0,1fr);
    }

    .school-home-notice-panel__megaphone{
        display:none;
    }
}

@media(max-width:620px){
    .school-home-news{
        padding:30px 0 38px;
    }

    .school-home-main-content .school-home-news__grid{
        grid-template-columns:1fr;
    }

    .school-home-useful-panel{
        padding:22px 18px;
    }

    .school-home-notice-panel{
        margin-top:24px;
        padding:22px 18px;
    }

    .school-home-notice-card{
        padding:20px;
    }

    .school-home-notice-card__footer{
        align-items:flex-start;
        flex-direction:column;
    }

    .school-home-notice-panel__intro{
        grid-template-columns:50px minmax(0,1fr);
    }

    .school-home-notice-panel__bell{
        width:50px;
        height:50px;
    }
}

/* 4.2.10 — galeria zdjęć z ostatnio opublikowanych wpisów */
.school-home-gallery{padding:52px 0 62px;background:#fbf7ec}
.school-home-gallery__grid{gap:18px}
.school-home-gallery__grid a{position:relative;border:1px solid rgba(49,95,69,.1);border-radius:16px;background:#f2ead7;box-shadow:0 10px 24px rgba(36,49,47,.08);cursor:zoom-in;transition:transform .2s ease,box-shadow .2s ease}
.school-home-gallery__grid a::after{content:"+";position:absolute;right:12px;bottom:12px;display:grid;width:36px;height:36px;place-items:center;border-radius:50%;background:rgba(255,255,255,.9);color:#24483c;font-size:1.45rem;font-weight:700;line-height:1;opacity:0;transform:scale(.86);transition:opacity .2s ease,transform .2s ease}
.school-home-gallery__grid a:hover,.school-home-gallery__grid a:focus-visible{transform:translateY(-4px);box-shadow:0 16px 30px rgba(36,49,47,.15)}
.school-home-gallery__grid a:hover::after,.school-home-gallery__grid a:focus-visible::after{opacity:1;transform:scale(1)}
.school-home-gallery__grid a:focus-visible{outline:3px solid #efb827;outline-offset:3px}
@media(max-width:620px){.school-home-gallery{padding:42px 0 48px}.school-home-gallery__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}


/* ==========================================================
   PATRONKA + FLIPBOOKI — JEDYNE STYLE AUTORYTATYWNE */

/* Sekcja Patronki – osobna jasna karta, bez pełnoszerokościowego zielonego wrappera */
.school-home-patronage{
    padding:38px 0 18px;
    background:transparent;
}

.school-home-patronage .site-shell,
.school-home-publications .site-shell{
    width:min(var(--site-width,1320px),calc(100% - 40px));
    max-width:1320px;
    margin-inline:auto;
}



















/* Publikacje o Patronce — wersja redakcyjna v4.4.36.
   Bez ilustracji/okładek na froncie: proste ikony liniowe i typografia. */
.school-home-publications{
    padding:18px 0 36px;
    background:transparent;
}

.school-home-publications__body{
    position:relative;
    padding-top:0;
    border-top:0;
}

.school-home-publications__grid{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:16px;
    align-items:stretch;
    width:min(1280px,calc(100% - 48px));
    margin:0 auto;
}

.school-home-document.school-home-publication{
    --publication-accent:#4a6c4d;
    position:relative;
    display:grid;
    min-width:0;
    min-height:258px;
    grid-template-rows:auto 1fr auto;
    align-items:start;
    overflow:hidden;
    padding:18px 16px 0;
    border:1px solid #ded6bd;
    border-radius:15px;
    background:#fffdf7;
    color:#24483c;
    text-decoration:none;
    box-shadow:0 5px 14px rgba(36,49,47,.055);
    transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}

.school-home-publication--3{ --publication-accent:#315f73; }
.school-home-publication--4{ --publication-accent:#b78318; }

.school-home-document.school-home-publication:hover,
.school-home-document.school-home-publication:focus-visible{
    transform:translateY(-2px);
    border-color:color-mix(in srgb,var(--publication-accent) 38%,#ded6bd);
    box-shadow:0 10px 22px rgba(36,49,47,.09);
}

.school-home-publication__title{
    display:block;
    min-height:56px;
    margin:4px 0 0;
    color:#24483c;
    font-family:"Baloo 2",var(--font-heading,sans-serif);
    font-size:clamp(1rem,1vw,1.08rem);
    font-weight:700;
    line-height:1.18;
    text-align:center;
}

.school-home-publication__icon{
    display:grid;
    width:100%;
    min-height:112px;
    place-items:center;
    align-self:center;
    color:var(--publication-accent);
}

.school-home-publication__icon svg{
    display:block;
    width:88px;
    height:88px;
    fill:none;
    stroke:currentColor;
    stroke-width:3.2;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.school-home-publication__icon-image{
    display:block;
    width:auto;
    height:auto;
    max-width:104px;
    max-height:104px;
    object-fit:contain;
}

.school-home-publication__icon--custom{
    padding:4px;
}

.school-home-publication__cta{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    min-height:46px;
    margin:0 -16px;
    padding:9px 14px;
    border-top:1px solid rgba(218,183,74,.38);
    background:#f8edcf;
    color:#315f45;
    font-size:.84rem;
    font-weight:800;
    line-height:1.1;
    text-align:center;
}

.school-home-publication__cta-arrow{
    display:inline-block;
    color:var(--publication-accent);
    font-family:Arial,sans-serif;
    font-size:1.28rem;
    font-weight:400;
    line-height:1;
    transition:transform .18s ease;
}

.school-home-document.school-home-publication:hover .school-home-publication__cta-arrow,
.school-home-document.school-home-publication:focus-visible .school-home-publication__cta-arrow{
    transform:translateX(3px);
}

/* Stare okładki nadal można zachować w danych bloku i edytorze,
   ale nie są używane na froncie w tej wersji stylistycznej. */
.school-home-publication__thumb,
.school-home-publication__content,
.school-home-publication__arrow{
    display:none;
}

@media(max-width:1050px){
    .school-home-documents__grid.school-home-publications__grid{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
}

@media(max-width:720px){
    .school-home-documents__grid.school-home-publications__grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:14px;
    }
}

@media(max-width:440px){
    .school-home-documents__grid.school-home-publications__grid{
        grid-template-columns:1fr;
    }

    .school-home-document.school-home-publication{
        min-height:230px;
    }

    .school-home-documents.school-home-publications{
        padding:14px 0 38px;
    }
}

/* Odstęp między blokiem komunikatu a nagłówkiem aktualności. */
@media (min-width:981px){
    .school-home-notice-panel--category-style + .school-home-section-heading{
        margin-top:0;
    }
}

/* 4.3.72 — szersze, bardziej zwarte tytuły kart „Co nowego w szkole?”. */
@media (min-width:1051px){
    .school-home-news .post-card__title{
        max-width:none;
    }
    .school-home-news .post-card__heading{
        margin-inline:-2px;
    }
}

/* ==========================================================
   NAJNOWSZY KOMUNIKAT — FINALNE STYLE
   4.3.82: uporządkowana sekcja, bez historycznych nadpisań
   ========================================================== */

.school-home-notice-panel--category-style{
    position:relative;
    overflow:visible;
    margin:0 0 64px;
    padding:0;
    border:1px solid rgba(74,108,77,.16);
    border-radius:20px;
    background:
        radial-gradient(circle at 86% 46%,rgba(245,194,55,.07),transparent 30%),
        linear-gradient(105deg,#fffdf7 0%,#fffdf7 66%,#f8f7ea 100%);
    box-shadow:0 10px 24px rgba(48,69,56,.08);
}

.school-home-notice-featured{
    position:relative;
    display:block;
    min-height:0;
    padding:24px 30px 22px;
    overflow:hidden;
}


.school-home-notice-featured::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:0;
    border-radius:inherit;
    background:inherit;
    transform:scaleX(-1);
    pointer-events:none;
}
.school-home-notice-featured__content{
    min-width:0;
    max-width:none;
    text-align:center;
}

.school-home-notice-featured__badge{
    position:relative;
    display:inline-flex;
    min-height:38px;
    align-items:center;
    width:max-content;
    max-width:calc(100% - 36px);
    margin:0 auto 16px;
    padding:8px 24px;
    border-radius:999px;
    background:linear-gradient(180deg,#356d48 0%,#285b3c 100%);
    color:#fff;
    font-family:var(--font-ui);
    font-size:.92rem;
    font-weight:900;
    line-height:1;
    letter-spacing:.045em;
    text-transform:uppercase;
    box-shadow:0 4px 10px rgba(38,80,52,.13);
}

.school-home-notice-featured__badge::before{
    content:none;
    position:absolute;
    top:50%;
    left:-18px;
    width:48px;
    height:48px;
    border:2px solid rgba(255,255,255,.92);
    border-radius:50%;
    transform:translateY(-50%);
    background:
        #356d48
        url("https://spmalaslonca.pl/wp-content/uploads/2026/08/Komunikaty.png")
        center/32px 32px no-repeat;
    box-shadow:0 4px 12px rgba(34,74,48,.18);
}

.school-home-notice-featured__title{
    max-width:calc(100% - 220px);
    margin:0 auto;
    color:#17483e;
    font-family:"Baloo 2",var(--font-heading,sans-serif);
    font-size:clamp(1.72rem,2.12vw,2.16rem);
    font-weight:800;
    line-height:1.08;
    letter-spacing:-.02em;
    text-wrap:pretty;
}

.school-home-notice-featured__title a{
    color:inherit;
    text-decoration:none;
}

.school-home-notice-featured__title::after{
    content:"";
    display:block;
    width:118px;
    height:10px;
    margin:10px auto 0;
    background:url("https://spmalaslonca.pl/wp-content/uploads/2026/08/kreska.png") center/100% 100% no-repeat;
}

.school-home-notice-featured__excerpt{
    width:100%;
    max-width:none;
    margin:14px 0 0;
    color:#40564e;
    font-size:1rem;
    line-height:1.55;
    text-wrap:pretty;
}

.school-home-notice-featured__button{
    display:inline-flex;
    min-width:196px;
    min-height:46px;
    align-items:center;
    justify-content:center;
    gap:12px;
    margin:16px auto 0;
    padding:10px 20px;
    border:1.5px solid #e0a91b;
    border-radius:999px;
    background:linear-gradient(180deg,#fffef8 0%,#fff8df 58%,#ffefb7 100%);
    color:#285b3c;
    font-family:var(--font-ui);
    font-size:.96rem;
    font-weight:800;
    line-height:1;
    text-decoration:none;
    box-shadow:0 5px 12px rgba(61,86,69,.07),inset 0 1px 0 rgba(255,255,255,.8);
    transition:transform .18s ease,background .18s ease,box-shadow .18s ease;
}

.school-home-notice-featured__button-label{
    display:block;
    line-height:1;
}

.school-home-notice-featured__button:hover,
.school-home-notice-featured__button:focus-visible{
    transform:translateY(-1px);
    background:linear-gradient(180deg,#fffdf3 0%,#fff3ca 55%,#ffe89a 100%);
    color:#285b3c;
    text-decoration:none;
    box-shadow:0 7px 16px rgba(61,86,69,.11),inset 0 1px 0 rgba(255,255,255,.85);
}

.school-home-notice-featured__icon{
    position:absolute;
    top:36px;
    left:26px;
    right:auto;
    width:124px;
    display:grid;
    z-index:1;
    aspect-ratio:1.15;
    place-items:center;
    margin:0;
    color:#3f7650;
    opacity:1;
    transform:rotate(-9deg);
    filter:drop-shadow(0 4px 8px rgba(45,89,58,.08));
}

.school-home-notice-featured__icon svg{
    width:100%;
    height:100%;
    fill:none;
    stroke:currentColor;
    stroke-width:4.2;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.school-home-notice-featured__icon.has-custom-icon{
    background:var(--home-notice-icon) center/contain no-repeat;
    opacity:1;
}

/* Wspólna ikona strzałki w przyciskach strony głównej. */
.school-home-button-arrow{
    display:block;
    width:20px;
    height:20px;
    flex:0 0 20px;
    object-fit:contain;
}

.school-home-news .read-more .school-home-button-arrow{
    width:18px;
    height:18px;
    flex-basis:18px;
}

@media (max-width:980px){
    .school-home-notice-featured{
        padding:22px 24px 20px;
    }

    .school-home-notice-featured__title{
        max-width:calc(100% - 190px);
    }

    .school-home-notice-featured__icon{
        top:18px;
        left:20px;
        right:auto;
        width:118px;
    }
}

@media (max-width:620px){
    .school-home-notice-panel--category-style{
        border-radius:18px;
    }

    .school-home-notice-featured{
        padding:24px 20px 22px;
    }

    .school-home-notice-featured__badge{
        min-height:34px;
        margin:0 auto 18px;
        padding:7px 15px;
        font-size:.8rem;
    }

    .school-home-notice-featured__title{
        max-width:none;
        font-size:clamp(1.7rem,8vw,2.05rem);
    }

    .school-home-notice-featured__title::after{
        width:98px;
        height:9px;
    }

    .school-home-notice-featured__icon{
        display:none;
    }

    .school-home-notice-featured__button{
        min-width:0;
    }
}


@media(max-width:1050px){
    

    .school-home-publications__grid{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
}

@media(max-width:760px){
    .school-home-patronage{
        padding-top:24px;
    }

    .school-home-patronage .site-shell,
    .school-home-publications .site-shell{
        width:min(100% - 24px,1320px);
    }

    

    

    

    

    

    .school-home-publications__grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:14px;
    }
}

@media(max-width:520px){
    .school-home-publications__grid{
        grid-template-columns:1fr;
    }
}


/* v4.4.23 — responsive dla jasnej karty Patronki */
@media(max-width:1050px){
    
    
    
}
@media(max-width:760px){
    
    
    
    
    
    
}


/* v4.4.24 — Patronka: jeden czysty zestaw reguł */
.school-home-patron{
    display:block;
    padding:34px 0 16px;
    background:transparent!important;
    background-image:none!important;
    color:inherit;
}

.school-home-patron__inner{
    display:grid;
    grid-template-columns:minmax(300px,390px) minmax(0,1fr);
    align-items:center;
    gap:34px;
    width:min(1320px,calc(100% - 48px));
    max-width:1320px;
    margin:0 auto;
    padding:28px 36px;
    box-sizing:border-box;
    border:1px solid rgba(74,108,77,.16);
    border-radius:22px;
    background:
        radial-gradient(circle at 78% 25%,rgba(250,238,197,.30),transparent 34%),
        linear-gradient(145deg,#fffdf8 0%,#fbf4df 100%);
    box-shadow:0 10px 24px rgba(36,49,47,.08);
}

.school-home-patron__portrait{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    max-width:390px;
    margin:0;
    padding:0;
}

.school-home-patron__portrait img{
    display:block;
    width:100%;
    max-width:360px;
    height:auto;
    object-fit:contain;
    filter:drop-shadow(0 7px 9px rgba(8,35,25,.15));
}

.school-home-patron__content{
    min-width:0;
    width:auto;
    max-width:none;
    margin:0;
    padding:0;
}

.school-home-patron__content h2{
    margin:0 0 6px;
    color:#24483c;
    font-family:"Baloo 2",var(--font-heading,sans-serif);
    font-size:clamp(2rem,2.7vw,2.8rem);
    font-weight:700;
    line-height:1.05;
}

.school-home-patron__content h3{
    display:flex;
    flex-wrap:wrap;
    align-items:baseline;
    gap:8px;
    margin:0 0 16px;
    color:#f2b72d;
    font-family:"Baloo 2",var(--font-heading,sans-serif);
    font-size:clamp(1.5rem,2.1vw,2.05rem);
    font-weight:700;
    line-height:1.1;
}

.school-home-patron__content h3 small{
    color:#24483c;
    font-size:.62em;
    font-weight:700;
}

.school-home-patron__content > p{
    margin:0;
    max-width:760px;
    color:#40514c;
    font-family:var(--font-body,"Segoe UI",system-ui,sans-serif);
    font-size:clamp(.96rem,.96vw,1.04rem);
    font-style:normal;
    font-weight:400;
    line-height:1.42;
}

.school-home-patron__content > p + p{
    margin-top:12px;
}

@media(max-width:1050px){
    .school-home-patron__inner{
        grid-template-columns:minmax(250px,320px) minmax(0,1fr);
        gap:26px;
        padding:26px 28px;
    }

    .school-home-patron__portrait{
        max-width:320px;
    }

    .school-home-patron__portrait img{
        max-width:305px;
    }
}

@media(max-width:760px){
    .school-home-patron{
        padding-top:22px;
    }

    .school-home-patron__inner{
        grid-template-columns:1fr;
        gap:18px;
        width:min(100% - 24px,1320px);
        padding:22px 18px;
    }

    .school-home-patron__portrait{
        max-width:300px;
        margin-inline:auto;
    }

    .school-home-patron__content{
        text-align:center;
    }

    .school-home-patron__content h3{
        justify-content:center;
    }

    .school-home-patron__content > p{
        text-align:left;
    }
}