/*
Theme Name: SISFO UNJANI Landing
Theme URI: https://sisfo.unjani.ac.id/
Author: SISFO UNJANI
Author URI: https://sisfo.unjani.ac.id/
Description: Landing page theme for Sistem Informasi UNJANI (Smart Military University).
Version: 1.2.8
Requires at least: 5.9
Tested up to: 6.7
Requires PHP: 7.4
Text Domain: sisfounjani
*/
:root{--unjani-green:#0b6b34;--unjani-gold:#c9a227;--unjani-dark:#0a2a1a;--unjani-muted:#e7f1eb}
*{box-sizing:border-box}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial;color:#0b2e1a;line-height:1.6;background:#fff}
a{color:var(--unjani-green);text-decoration:none}
a:hover{text-decoration:underline}
.container-narrow{max-width:1100px;margin:0 auto;padding:0 1rem}
.navbar{background:rgba(255,255,255,.92);backdrop-filter:saturate(180%) blur(8px);border-bottom:1px solid #eaeaea}
.navbar .navbar-brand{display:flex;align-items:center;gap:.6rem}
.navbar .navbar-brand img{height:42px}
.navbar .brand-text{font-weight:800;letter-spacing:.2px;color:var(--unjani-green);font-size:1.05rem}
.navbar-nav{gap:.25rem}
.navbar-nav .nav-link{display:block;padding:.6rem .9rem;border-radius:.6rem;font-weight:600;color:#0b2e1a}
.navbar-nav a:hover{background:#f2f7f4}
.hero{min-height:70vh;display:grid;place-items:center;text-align:center;color:#fff;position:relative;overflow:hidden;background-attachment:fixed;background-position:center;background-size:cover}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,42,26,.65),rgba(10,42,26,.8))}
.hero .content{position:relative;z-index:1}
.badge-unjani{background:var(--unjani-gold);color:#fff;font-weight:700;padding:.35rem .6rem;border-radius:999px;letter-spacing:.3px}
.hero-title{line-height:1.1}
.hero-title span{display:block}
.hero-title .line-1{font-size:clamp(2rem,5vw,3.25rem)}
.hero-title .line-2{font-size:clamp(1.6rem,4vw,2.4rem);font-weight:800}
.section{padding:64px 0}
.section h2{font-size:2rem;margin-bottom:1rem;font-weight:800;color:#0b2e1a}
.section .lead{color:#2d5140}
.card{background:#fff;border:1px solid #e8ecea;border-radius:1rem;padding:1.1rem;box-shadow:0 6px 22px rgba(11,107,52,.06)}
.card .icon{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;background:var(--unjani-muted);margin-bottom:.6rem}
.grid-3{display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:900px){.grid-3{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.grid-3{grid-template-columns:1fr}}
.bg-muted{background:#f6faf8}
.bg-dark-unjani{background:var(--unjani-dark);color:#dfeee8}
.bg-dark-unjani .card{background:#0e3923;border-color:#13472c;color:#e6fff4}
.bg-dark-unjani h2{color:#fff}
.berita .post-card img{border-radius:.8rem;width:100%;height:200px;object-fit:cover}
.berita .post-meta{font-size:.85rem;color:#cfe7db;margin:.5rem 0}
.map-embed{border-radius:1rem;overflow:hidden;border:1px solid #e0e6e4}
.footer{padding:44px 0 18px;border-top:0;background:linear-gradient(180deg,#0f3f27 0%, #0a2a1a 100%);color:#e7f5ee}
.footer a{color:#d2f1e4;text-decoration:none}
.footer a:hover{text-decoration:underline}
.footer h6{color:#fff;font-weight:800;margin-bottom:.6rem}
.footer .divider{height:2px;width:72px;background:#c9a227;border-radius:999px;margin:.25rem 0 1rem}
.footer .brand-tag{color:#bfe8d3;opacity:.95}
.footer .mini{font-size:.9rem;color:#bfe8d3}
.footer .social a{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:999px;border:1px solid rgba(255,255,255,.18);margin-right:.4rem}
.footer .bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:18px;padding-top:12px;color:#cfe7db;display:flex;gap:8px;justify-content:space-between;flex-wrap:wrap}
.swiper{padding-bottom:36px}
.swiper .swiper-pagination-bullet-active{background:var(--unjani-gold)}
.team-card{background:linear-gradient(180deg,#0f3f27,#0b2b1a);border:1px solid #1a5a39;border-radius:1.2rem;padding:1.25rem;box-shadow:0 12px 28px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.04);transform:translateY(0);transition:transform .35s ease,box-shadow .35s ease}
.team-card:hover{transform:translateY(-6px);box-shadow:0 18px 36px rgba(0,0,0,.35)}
.avatar-ring{width:140px;height:140px;border-radius:999px;padding:4px;background:conic-gradient(from 0deg,#c9a227,#0b6b34,#c9a227);margin:0 auto}
.avatar-ring img{width:100%;height:100%;object-fit:cover;border-radius:999px;display:block}
.team-card .name{color:#fff;font-weight:800;margin-top:.65rem}
.team-card .role{color:#cfe7db;opacity:.9}
.team-card .accent{height:4px;width:64px;background:#c9a227;border-radius:999px;margin:10px auto 0}
@keyframes floatIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
.team-anim{animation:floatIn .6s ease both}
.faq .accordion-item{border:1px solid #e8ecea;border-radius:14px;overflow:hidden;margin-bottom:10px;box-shadow:0 6px 22px rgba(11,107,52,.06)}
.faq .accordion-button{background:#f6faf8;font-weight:800;color:#0b2e1a;padding:1rem 1.25rem}
.faq .accordion-button.collapsed{background:#ffffff;font-weight:700}
.faq .accordion-button::after{background-image:none;content:'+';font-size:1.25rem;line-height:1;width:auto;height:auto;transform:none;color:#0b6b34}
.faq .accordion-button:not(.collapsed)::after{content:'−';color:#c9a227}
.faq .accordion-body{background:#ffffff;color:#2d5140}
@media (prefers-reduced-motion:no-preference){.faq .accordion-item{transition:box-shadow .3s ease,transform .2s ease}.faq .accordion-item:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(11,107,52,.12)}}
.faq .accordion{ margin-left: 1rem; margin-right: 1rem; }
@media (min-width: 768px){ .faq .accordion{ margin-left: 1.5rem; margin-right: 1.5rem; } }
@media (min-width: 1200px){ .faq .accordion{ margin-left: 2rem; margin-right: 2rem; } }
.btn-unjani{display:inline-block;margin:.25rem .35rem;padding:.7rem 1.1rem;border-radius:999px;border:2px solid var(--unjani-green);background:var(--unjani-green);color:#fff;font-weight:700}
.btn-unjani.outline{background:transparent;color:#fff;border-color:#fff;border-radius:999px}
.hero-underline{height:4px;width:120px;background:#c9a227;border-radius:999px;margin:10px auto 0}


/* --- Blog/News layout --- */
.container-narrow{max-width:860px}
.post-card .card-img-top img{object-fit:cover;width:100%;height:100%}
.entry .entry-content img{max-width:100%;height:auto}
.entry .entry-content figure{margin:0 0 1rem}
.entry .entry-content h2,.entry .entry-content h3{scroll-margin-top:100px}
.entry-meta i{margin-right:.25rem}
.entry-meta a{text-decoration:none}
.post-navigation a{text-decoration:none}
.author-box .author-avatar img{display:block}
.comment-list .children{margin-left:2rem}
.comment-list li{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(0,0,0,.06)}
.comment-respond .form-control{box-shadow:none}
.badge.text-bg-light{background:#f5f7f9;border-color:#e6eaee}
/* Accessibility */
.entry a:hover,.entry a:focus,.post-card a:hover,.post-card a:focus{outline:0;text-decoration:underline}