/* =============================================================
   STYLE 1 — MODERN POLISH
   Lapisan terpisah, semua selector diprefiks .sitesch-style-1
   sehingga aman (tidak memengaruhi style lain) & mudah dinonaktifkan
   (cukup lepas enqueue di includes/theme-style.php).
   ============================================================= */

.sitesch-style-1 {
    --s1-primary: #15639b;            /* di-override via inline dari Warna Tombol */
    --s1-ink: #0f1b2d;
    --s1-muted: #5f6f81;
    --s1-line: #e8edf3;
    --s1-radius: 18px;
    --s1-shadow: 0 14px 40px rgba(15, 37, 54, .08);
    --s1-shadow-hover: 0 22px 55px rgba(15, 37, 54, .15);
}

/* ---------- Transisi halus ---------- */
.sitesch-style-1 a,
.sitesch-style-1 .btn,
.sitesch-style-1 .nav-link,
.sitesch-style-1 .home-post .wrapper,
.sitesch-style-1 .home-agenda .agenda-item,
.sitesch-style-1 .home-program .wrapper,
.sitesch-style-1 .home-fasilitas .wrapper,
.sitesch-style-1 .testimoni-content,
.sitesch-style-1 .guru-item-photo,
.sitesch-style-1 .archive-tendik-item-photo,
.sitesch-style-1 .archive-ekskul-item {
    transition: color .2s ease, background-color .2s ease, box-shadow .3s ease, transform .3s ease;
}

/* ---------- Tombol ---------- */
.sitesch-style-1 .btn {
    font-weight: 600;
    letter-spacing: .01em;
}
.sitesch-style-1 .btn.rounded-pill {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
.sitesch-style-1 .btn-primary {
    background-color: var(--s1-primary) !important;
    box-shadow: 0 8px 20px -7px color-mix(in srgb, var(--s1-primary) 60%, transparent);
}
.sitesch-style-1 .btn-primary:hover {
    background-color: color-mix(in srgb, var(--s1-primary) 88%, #000) !important;
    transform: translateY(-2px);
    box-shadow: 0 13px 26px -7px color-mix(in srgb, var(--s1-primary) 65%, transparent);
}

/* ---------- Header / Navbar ---------- */
.sitesch-style-1 header.navbar {
    background: #fff;
    box-shadow: 0 6px 24px rgba(15, 37, 54, .07);
}
.sitesch-style-1 .navbar-nav .nav-link {
    font-weight: 500;
    border-radius: 8px;
}
.sitesch-style-1 .navbar-nav .nav-link:hover,
.sitesch-style-1 .navbar-nav .current-menu-item > .nav-link,
.sitesch-style-1 .navbar-nav .current_page_item > .nav-link {
    color: var(--s1-primary);
}
.sitesch-style-1 .navbar-ppdb .btn {
    box-shadow: 0 8px 20px -7px color-mix(in srgb, var(--s1-primary) 60%, transparent);
}
.sitesch-style-1 .navbar-ppdb .btn:hover { transform: translateY(-2px); }

/* ---------- Hero / Slideshow ---------- */
.sitesch-style-1 .home-slider .item-slide:after {
    background: linear-gradient(95deg,
        rgba(9, 18, 32, .82) 0%,
        rgba(9, 18, 32, .52) 42%,
        rgba(9, 18, 32, .12) 100%) !important;
}
.sitesch-style-1 .home-slider .item-slide h3 {
    font-size: clamp(30px, 4vw, 52px);
    line-height: 1.12;
    letter-spacing: -.01em;
}
.sitesch-style-1 .home-slider .item-slide p {
    font-size: clamp(15px, 1.4vw, 18px);
    line-height: 1.65;
    opacity: .95;
}

/* ---------- Jarak antar-section lebih lega ---------- */
.sitesch-style-1 .home-guru,
.sitesch-style-1 .home-tendik,
.sitesch-style-1 .home-agenda,
.sitesch-style-1 .home-post,
.sitesch-style-1 .home-program,
.sitesch-style-1 .home-fasilitas,
.sitesch-style-1 .home-ekskul,
.sitesch-style-1 .home-testimoni {
    padding-top: 62px !important;
    padding-bottom: 62px !important;
}

/* ---------- Judul section ---------- */
.sitesch-style-1 .agenda-header h3,
.sitesch-style-1 .post-header h3,
.sitesch-style-1 .tendik-header h3,
.sitesch-style-1 .ekskul-header h3,
.sitesch-style-1 .guru-header h3,
.sitesch-style-1 .home-fasilitas h3,
.sitesch-style-1 .home-program h3,
.sitesch-style-1 .home-testimoni h3 {
    font-size: clamp(24px, 2.6vw, 32px) !important;
    line-height: 1.18 !important;
    font-weight: 800 !important;
    letter-spacing: -.01em;
    color: var(--s1-ink);
}
.sitesch-style-1 .agenda-header p,
.sitesch-style-1 .post-header p,
.sitesch-style-1 .tendik-header p,
.sitesch-style-1 .ekskul-header p,
.sitesch-style-1 .guru-header p,
.sitesch-style-1 .home-fasilitas > .container > p,
.sitesch-style-1 .home-program > .container > p {
    color: var(--s1-muted) !important;
}

/* ---------- Kartu berita (kartu = .wrapper) ---------- */
.sitesch-style-1 .home-post .wrapper {
    border-radius: var(--s1-radius) !important;
    box-shadow: var(--s1-shadow) !important;
    border: 0 !important;
    overflow: hidden;
}
.sitesch-style-1 .home-post .wrapper:hover {
    transform: translateY(-6px);
    box-shadow: var(--s1-shadow-hover) !important;
}
.sitesch-style-1 .home-post .wrapper img { transition: transform .55s ease; }
.sitesch-style-1 .home-post .wrapper:hover img { transform: scale(1.06); }

/* ---------- Kartu agenda (kartu = .agenda-item; .wrapper = baris ikon+judul, jangan disentuh) ---------- */
.sitesch-style-1 .home-agenda .agenda-item {
    border-radius: var(--s1-radius) !important;
    box-shadow: none !important;
    border-color: var(--s1-line) !important;
}
.sitesch-style-1 .home-agenda .agenda-item:hover {
    transform: translateY(-4px);
}

/* ---------- Program & Fasilitas (kartu = .wrapper berisi 2 kolom) ---------- */
.sitesch-style-1 .home-program .wrapper,
.sitesch-style-1 .home-fasilitas .wrapper {
    border-radius: var(--s1-radius) !important;
    box-shadow: none !important;
    border: 0 !important;
    overflow: hidden;
}
.sitesch-style-1 .home-program .wrapper:hover,
.sitesch-style-1 .home-fasilitas .wrapper:hover {
    transform: translateY(-4px);
}
/* Ratakan radius sudut dalam agar tidak ada takik/garis ganda */
.sitesch-style-1 .home-program .program-content,
.sitesch-style-1 .home-program .program-image,
.sitesch-style-1 .home-fasilitas .fasilitas-content,
.sitesch-style-1 .home-fasilitas .fasilitas-image {
    border-radius: 0 !important;
}
.sitesch-style-1 .home-program .program-image,
.sitesch-style-1 .home-fasilitas .fasilitas-image { transition: transform .55s ease; }
.sitesch-style-1 .home-program .wrapper:hover .program-image,
.sitesch-style-1 .home-fasilitas .wrapper:hover .fasilitas-image { transform: scale(1.05); }

/* ---------- Testimoni (kartu asli = .testimoni-content) ---------- */
.sitesch-style-1 .home-testimoni .testimoni-content {
    border-radius: var(--s1-radius) !important;
    border-color: var(--s1-line) !important;
    box-shadow: none !important;
}
.sitesch-style-1 .home-testimoni .testimoni-item:hover .testimoni-content {
    transform: translateY(-4px);
}

/* ---------- Kartu orang (guru / tendik): foto ber-shadow, tanpa border ganda ---------- */
.sitesch-style-1 .guru-item-photo,
.sitesch-style-1 .archive-tendik-item-photo {
    border: 0 !important;
    box-shadow: none;
}
.sitesch-style-1 .home-guru .guru-item:hover .guru-item-photo,
.sitesch-style-1 .home-tendik .tendik-item:hover .archive-tendik-item-photo {
    transform: translateY(-4px);
}

/* ---------- Ekskul (kartu asli = .archive-ekskul-item) ---------- */
.sitesch-style-1 .home-ekskul .archive-ekskul-item {
    border-color: var(--s1-line) !important;
    border-radius: var(--s1-radius) !important;
    box-shadow: none;
    overflow: hidden;
}
.sitesch-style-1 .home-ekskul .archive-ekskul-item:hover {
    transform: translateY(-4px);
}
.sitesch-style-1 .home-ekskul .archive-ekskul-image { border-radius: 0 !important; }

/* ---------- Sambutan + Statistik (home-intro) ---------- */
.sitesch-style-1 .home-intro .wrapper {
    border-radius: 24px !important;
    box-shadow: 0 22px 60px rgba(15, 37, 54, .10) !important;
}
.sitesch-style-1 .item-statistik .total {
    color: var(--s1-primary);
    font-weight: 800;
}

/* ---------- Panah slider jadi tombol bulat modern ---------- */
.sitesch-style-1 .slider-section-nav .bi,
.sitesch-style-1 .home-slider-nav .bi,
.sitesch-style-1 .program-list-nav .bi,
.sitesch-style-1 .fasilitas-list-nav .bi,
.sitesch-style-1 .section-slider-nav .bi {
    transition: color .2s ease, transform .2s ease;
}
.sitesch-style-1 .slider-section-nav .bi:hover,
.sitesch-style-1 .home-slider-nav .bi:hover {
    color: var(--s1-primary);
    transform: scale(1.12);
}

/* ---------- Footer ---------- */
.sitesch-style-1 .footer a { transition: color .2s ease, opacity .2s ease; }
.sitesch-style-1 .footer a:hover { color: var(--s1-primary); }

/* ===================== MENU MOBILE MODERN (≤ 991px) ===================== */
@media (max-width: 991.98px) {
    /* Hamburger 3 garis -> X */
    .sitesch-style-1 .navbar-toggler.s1-nav-toggle {
        display: inline-flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 5px;
        width: 46px;
        height: 46px;
        padding: 0;
        margin-right: 14px;
        border: 0 !important;
        border-radius: 10px;
        background: color-mix(in srgb, var(--s1-primary) 12%, transparent);
    }
    .sitesch-style-1 .navbar-toggler.s1-nav-toggle:focus { outline: none; box-shadow: none; }
    .sitesch-style-1 .navbar-toggler.s1-nav-toggle span {
        display: block;
        width: 22px;
        height: 2px;
        border-radius: 2px;
        background: var(--s1-ink);
        transition: transform .25s ease, opacity .2s ease;
    }
    .sitesch-style-1 .navbar-toggler.s1-nav-toggle[aria-expanded="true"] span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
    .sitesch-style-1 .navbar-toggler.s1-nav-toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
    .sitesch-style-1 .navbar-toggler.s1-nav-toggle[aria-expanded="true"] span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

    /* Logo lebih pas (tidak terlalu panjang) di mobile */
    .sitesch-style-1 header.navbar .navbar-brand { max-width: 68%; }
    .sitesch-style-1 header.navbar .navbar-brand .navbar-logo {
        width: auto !important;
        height: 50px !important;
        max-width: 100%;
    }

    /* Area menu (dropdown) */
    .sitesch-style-1 header.navbar .navbar-collapse {
        margin-top: 10px;
        padding-top: 10px;
        border-top: 1px solid var(--s1-line);
    }
    .sitesch-style-1 header.navbar .navbar-nav { width: 100%; }
    .sitesch-style-1 header.navbar .navbar-nav > .nav-item + .nav-item { border-top: 1px solid #f1f5f9; }
    .sitesch-style-1 header.navbar .navbar-nav .nav-link {
        padding: 12px 12px !important;
        font-size: 16px;
        font-weight: 600;
        color: var(--s1-ink);
        border-radius: 10px;
    }
    .sitesch-style-1 header.navbar .navbar-nav .nav-link:hover,
    .sitesch-style-1 header.navbar .navbar-nav .current-menu-item > .nav-link,
    .sitesch-style-1 header.navbar .navbar-nav .active > .nav-link {
        background: color-mix(in srgb, var(--s1-primary) 10%, transparent);
        color: var(--s1-primary);
    }

    /* Sub-menu: accordion (buka via caret), tanpa border kiri */
    .sitesch-style-1 header.navbar .navbar-nav .dropdown-menu {
        display: block !important;
        position: static !important;
        transform: none !important;
        float: none;
        width: auto;
        margin: 0 0 4px 6px;
        padding: 0;
        border: 0;
        border-radius: 0;
        box-shadow: none;
        background: transparent;
        max-height: 0;
        overflow: hidden;
        transition: max-height .35s ease;
    }
    .sitesch-style-1 header.navbar .navbar-nav .dropdown-menu.show {
        max-height: 640px;
        padding: 2px 0 4px;
    }
    .sitesch-style-1 header.navbar .navbar-nav .dropdown-menu .dropdown-item {
        padding: 9px 12px;
        font-size: 14.5px;
        font-weight: 500;
        color: var(--s1-muted);
        white-space: normal;
        border-radius: 8px;
    }
    .sitesch-style-1 header.navbar .navbar-nav .dropdown-menu .dropdown-item:hover,
    .sitesch-style-1 header.navbar .navbar-nav .dropdown-menu .dropdown-item.active {
        background: color-mix(in srgb, var(--s1-primary) 8%, transparent);
        color: var(--s1-primary);
    }

    /* Tombol PPDB full-width di dalam menu */
    .sitesch-style-1 header.navbar .navbar-ppdb {
        margin: 12px 0 4px !important;
        padding: 0;
        width: 100%;
    }
    .sitesch-style-1 header.navbar .navbar-ppdb .form-inline { display: block; }
    .sitesch-style-1 header.navbar .navbar-ppdb .btn {
        width: 100%;
        padding-top: 12px;
        padding-bottom: 12px;
    }
}

/* Submenu bersarang (punya sub-menu lagi): panah ke KANAN di desktop
   (submenu-nya memang membuka ke samping kanan). Mobile tetap accordion. */
@media (min-width: 992px) {
    .sitesch-style-1 .dropdown-header-menu .menu-item-has-children .dropdown-toggle::after { content: "\F285"; }
}

/* ---------- Aksesibilitas gerak ---------- */
@media (prefers-reduced-motion: reduce) {
    .sitesch-style-1 * { transition: none !important; }
}