/*
 * Sākumlapas dizains pēc apstiprinātā maketa.
 * Atsevišķs fails, lai vieglāk mainīt krāsas un izkārtojumu.
 */
:root {
    --ink:#103e2e;
    --gold:#b89862
}

body {
    background:#fbfaf6;
    color:#22362e
}

.site-header {
    height:82px;
    background:#fff;
    border-bottom:1px solid #e9eee7
}

.brand:not(:has(.logo-img)) .brand-title {
    border-left:0;
    padding-left:0
}

.v3-trees {
    font-size:29px;
    letter-spacing:-11px;
    padding-right:12px;
    color:#0a4c36;
    line-height:1
}

.site-nav>a.active:not(.nav-eklasse) {
    padding-block:27px 25px;
    box-shadow:0 2px 0 #165b41
}

.site-nav>a.active,.site-nav>a:hover {
    color:#176548
}

.site-nav .nav-eklasse {
    border-radius:9px;
    padding:11px 19px
}

.v3-hero {
    min-height:500px;
    display:flex;
    align-items:center;
    position:relative;
    background-image:var(--hero-photo);
    background-position:center 48%;
    background-size:cover;
    background-color:#34543f;
    color:white
}

.v3-shade {
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,rgba(6,34,23,.65) 0%,rgba(5,32,22,.26) 49%,rgba(7,38,22,.03) 100%)
}

.v3-hero-inner {
    position:relative;
    z-index:1;
    padding-top:45px;
    padding-bottom:110px
}

.v3-hero h1 {
    font-family:'Libre Baskerville',Georgia,serif;
    font-size:clamp(36px,5vw,63px);
    line-height:1.2;
    letter-spacing:-.04em;
    color:white;
    max-width:730px;
    margin:10px 0 14px;
    text-shadow:0 2px 14px #1027194a
}

.v3-kicker {
    font-size:11px;
    color:#d7e7d8;
    letter-spacing:.17em;
    font-weight:700
}

.v3-hero p {
    font-size:clamp(16px,2vw,23px);
    color:#f5f6ef;
    margin:0 0 27px
}

.v3-hero .btn {
    background:#176244;
    border:1px solid #cee4ce;
    color:#fff;
    border-radius:26px
}

.v3-quick {
    position:relative;
    z-index:3;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
    margin-top:-70px;
    padding:12px;
    border-radius:18px;
    background:#fff;
    box-shadow:0 16px 40px #132d1d20
}

.v3-quick>a {
    background:#f0f2e6;
    border-radius:12px;
    min-height:154px;
    padding:22px 12px;
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    justify-content:center;
    transition:transform .2s,background .2s
}

.v3-quick>a:hover {
    background:#e3ebd7;
    transform:translateY(-3px)
}

.v3-quick-icon {
    font-size:34px;
    line-height:1;
    color:#13513c;
    margin-bottom:12px
}

.v3-quick b {
    font-size:15px;
    color:#1c3227
}

.v3-quick small {
    font-size:11px;
    color:#526257;
    margin-top:4px
}

.v3-news {
    padding-top:55px;
    padding-bottom:48px
}

.v3-news .section-title-row h2 {
    font-size:34px
}

.v3-news .news-card {
    border-radius:11px;
    box-shadow:0 5px 18px #1d382010
}

.v3-news .card-image {
    height:194px
}

.v3-news .card-content {
    padding:17px 18px
}

.v3-news .news-card h3 {
    font-size:17px;
    margin:9px 0
}

.v3-news .news-card p {
    font-size:12px
}

.v3-feature-grid {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
    padding-bottom:60px
}

.v3-feature {
    min-height:248px;
    display:flex;
    background:#eef2e5;
    border-radius:16px;
    overflow:hidden;
    align-items:stretch
}

.v3-feature:nth-child(2) {
    background:#f3f0e5
}

.v3-feature-text {
    flex:1;
    padding:24px 10px 24px 24px;
    min-width:0
}

.v3-feature-text h2 {
    font-family:'Libre Baskerville',Georgia,serif;
    font-size:23px;
    margin:4px 0 10px
}

.v3-feature-text p {
    font-size:12px;
    line-height:1.7;
    margin:0 0 15px;
    max-height:84px;
    overflow:hidden
}

.v3-feature-text .btn {
    font-size:11px;
    min-height:35px;
    padding:7px 13px
}

.v3-feature img {
    width:42%;
    object-fit:cover;
    object-position:center
}

.v3-values {
    background:linear-gradient(90deg,#184932dd,#184932cc),url('school-placeholder.svg') center/cover;
    color:white
}

.v3-values-inner {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:24px;
    padding:30px 0;
    text-align:center
}

.v3-values-inner div {
    font-size:27px
}

.v3-values-inner span {
    display:block;
    font-size:12px
}

.page-hero {
    background:linear-gradient(90deg,#103925df,#103925bc),url('school-placeholder.svg') center/cover;
    padding:68px 0
}

.page-hero h1,.page-hero p,.page-hero .eyebrow {
    color:white
}

.page-hero::after {
    display:none
}

.site-footer {
    background:#0b3c2b
}

@media(max-width:920px) {
    .site-header {
        height:75px
    }
    .site-nav {
        top:75px
    }
    .v3-hero {
        min-height:425px
    }
    .v3-quick>a {
        min-height:126px
    }
    .v3-feature-grid {
        grid-template-columns:1fr
    }
}

@media(max-width:650px) {
    .site-header {
        height:70px
    }
    .site-nav {
        top:70px
    }
    .v3-hero {
        min-height:420px;
        background-position:57% center
    }
    .v3-shade {
        background:linear-gradient(90deg,#09291ece,#09291e72)
    }
    .v3-hero-inner {
        padding-top:40px;
        padding-bottom:95px
    }
    .v3-hero h1 {
        font-size:35px
    }
    .v3-quick {
        grid-template-columns:repeat(2,minmax(0,1fr));
        margin-top:-50px;
        gap:8px;
        padding:9px
    }
    .v3-quick>a {
        min-height:128px;
        padding:10px
    }
    .v3-quick b {
        font-size:13px
    }
    .v3-quick small {
        font-size:10px
    }
    .v3-quick-icon {
        font-size:27px
    }
    .v3-news {
        padding-top:38px
    }
    .v3-feature {
        min-height:230px
    }
    .v3-feature-text {
        padding:18px 5px 18px 16px
    }
    .v3-feature-text h2 {
        font-size:20px
    }
    .v3-feature img {
        width:41%
    }
    .v3-values-inner {
        grid-template-columns:repeat(2,1fr);
        gap:18px
    }
    .v3-values-inner div {
        font-size:24px
    }
}

/* Sakārtotās SVG ikonas un skolas vizuālā identitāte. */
.school-emblem { display: inline-flex; width: 44px; height: 44px; color: #155640; flex-shrink: 0; }
.school-emblem svg { width: 100%; height: 100%; }
.footer-brand .school-emblem { color: #ffffff; }
.v3-quick-icon { width: 36px; height: 36px; display: inline-flex; align-items: center; justify-content: center; }
.v3-quick-icon svg { width: 32px; height: 32px; display: block; }
.v3-quick a:focus-visible { outline: 3px solid #0e6d4f; outline-offset: 3px; }
.v3-feature img { background: #e0e9dd; }
@media (max-width: 700px) {
    .v3-hero { min-height: 460px; background-position: 56% center; }
    .v3-quick { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .v3-quick > a { min-height: 145px; }
}