/* SMKN 1 KUPANG V9: premium CSS bundle, source preserved and ordered. */

/* ==== premium-v2.css ==== */
/* SMKN 1 Kupang Premium V2: additive public-facing design layer. */
:root{--v2-blue:#105fc5;--v2-deep:#092d65;--v2-cyan:#19b9ed;--v2-gold:#ffcd55;--v2-shadow:0 18px 42px rgba(8,43,96,.10)}
html{scroll-behavior:smooth;scroll-padding-top:110px}body{overflow-x:clip;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ffbc41!important;outline-offset:3px}
.header-sticky-stack{isolation:isolate!important;overflow:visible!important;z-index:9990!important;box-shadow:0 10px 30px rgba(9,40,87,.10)!important}
.header-sticky-stack>.topbar{position:relative!important;z-index:1!important;background:linear-gradient(115deg,#071e48,#0b4289 55%,#075fba)!important}
.header-sticky-stack>.navbar{position:relative!important;z-index:50!important;overflow:visible!important;background:rgba(255,255,255,.98)!important;border-bottom:1px solid #e4ecfa!important;backdrop-filter:blur(12px)}
.header-sticky-stack>.latest-ticker-wrap{position:relative!important;z-index:1!important;background:linear-gradient(105deg,#082957,#114e9d,#0966bd)!important}
.header-sticky-stack .navwrap,.header-sticky-stack .menu,.header-sticky-stack .menu-item{overflow:visible!important}
.navbar .navwrap{min-height:82px!important;gap:clamp(10px,1.4vw,25px)!important}
.navbar .brand{display:flex!important;align-items:center!important;gap:12px!important;text-decoration:none!important}
.navbar .brand img{object-fit:contain!important;filter:drop-shadow(0 6px 10px rgba(10,77,157,.13));transition:transform .24s ease}
.navbar .brand:hover img{transform:scale(1.04)}
.navbar .brand span{font-weight:900!important;letter-spacing:-.035em!important;color:#092750!important}
.navbar .menu{gap:clamp(1px,.3vw,7px)!important;align-items:center!important}
.navbar .menu>a:not(.btn),.navbar .menu-item>a{border-radius:12px!important;padding:12px 11px!important;font-weight:750!important;transition:background .2s ease,color .2s ease,transform .2s ease!important}
.navbar .menu>a:hover,.navbar .menu-item>a:hover{transform:translateY(-1px)}
.navbar .menu-item{position:relative!important}
@media(min-width:1001px){.header-sticky-stack .navbar .menu-item>.dropdown-menu{display:block!important;position:absolute!important;left:0!important;top:calc(100% + 8px)!important;min-width:225px!important;width:max-content!important;max-width:310px!important;z-index:1000!important;padding:9px!important;border-radius:18px!important;border:1px solid #dce9fa!important;background:#fff!important;box-shadow:0 25px 60px rgba(7,31,71,.2)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(8px)!important;transition:opacity .18s ease,transform .18s ease,visibility .18s ease!important}
.header-sticky-stack .navbar .menu-item:hover>.dropdown-menu,.header-sticky-stack .navbar .menu-item:focus-within>.dropdown-menu,.header-sticky-stack .navbar .menu-item.v2-open>.dropdown-menu{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0)!important}
.navbar .dropdown-menu a{display:block!important;padding:12px 15px!important;border-radius:11px!important;font-size:14px!important;white-space:normal!important;transition:background .2s,color .2s!important}
.navbar .dropdown-menu a:hover,.navbar .dropdown-menu a:focus-visible{background:#eaf4ff!important;color:#07478f!important}
.navbar .menu-item:nth-last-of-type(-n+2)>.dropdown-menu{left:auto!important;right:0!important}}
.latest-ticker{min-height:40px!important;gap:14px!important}.latest-ticker>b{white-space:nowrap!important}.latest-ticker .ticker-all{border-radius:999px!important;background:#fff!important;color:#073b80!important;font-weight:800!important}
.home-hero-final{isolation:isolate!important;overflow:hidden!important;border-radius:0 0 27px 27px!important;box-shadow:0 22px 45px rgba(11,45,93,.12)!important}
.home-hero-final .slide{transition:opacity 1s cubic-bezier(.22,1,.36,1),transform 7s ease!important;transform:scale(1.045)!important;background-position:center center!important}
.home-hero-final .slide.active{transform:scale(1)!important}
.home-hero-final .slide:after{background:linear-gradient(90deg,rgba(2,20,48,.73) 0%,rgba(5,34,78,.43) 40%,rgba(4,32,74,.04) 82%)!important}
.home-hero-final .hero-content{z-index:4!important;pointer-events:none!important}
.home-hero-final .hero-content a,.home-hero-final .hero-content button{pointer-events:auto!important}
.home-hero-final h1{font-weight:900!important;letter-spacing:-.045em!important;text-wrap:balance!important;text-shadow:0 5px 21px rgba(0,15,39,.30)!important}
.home-hero-final .tag{border:1px solid rgba(255,255,255,.5)!important;backdrop-filter:blur(10px);box-shadow:0 8px 20px rgba(0,0,0,.12)!important}
.home-hero-final .hero-actions .btn{box-shadow:0 12px 23px rgba(4,29,70,.23)!important;transition:transform .22s ease,box-shadow .22s ease!important}
.home-hero-final .hero-actions .btn:hover{transform:translateY(-3px)!important;box-shadow:0 19px 29px rgba(4,29,70,.3)!important}
.home-hero-final .hero-nav{z-index:8!important;background:rgba(255,255,255,.92)!important;box-shadow:0 7px 24px rgba(0,25,70,.13)!important;transition:transform .2s ease!important}
.home-hero-final .hero-nav:hover{transform:scale(1.08)!important}
.home-hero-final .hero-dots{z-index:9!important}
.section.white{background:linear-gradient(180deg,#fff 0%,#f8fbff 100%)}
.section .title h2,.section h2{letter-spacing:-.025em}.section .title h2{color:#0a3268}
.lux-card,.section .card{border:1px solid #e2ebf8!important;border-radius:22px!important;box-shadow:var(--v2-shadow)!important;transition:transform .24s ease,box-shadow .24s ease!important;overflow:hidden}
@media(hover:hover){.lux-card:hover,.section .card:hover{transform:translateY(-5px)!important;box-shadow:0 25px 50px rgba(8,43,96,.16)!important}}
.section .card img{object-fit:cover}.section .btn{border-radius:13px!important;transition:transform .2s ease,box-shadow .2s ease!important}.section .btn:hover{transform:translateY(-2px)}
.running-text-section{position:relative!important;z-index:1!important}
footer,.footer{background:linear-gradient(140deg,#061a3b,#103e7c)!important}
@media(max-width:1000px){.header-sticky-stack>.navbar{z-index:80!important}.navbar .menu{overflow-y:auto!important;overscroll-behavior:contain!important}.navbar .menu-item>.dropdown-menu{position:static!important;box-shadow:none!important;border:0!important;transform:none!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}.navbar .navwrap{min-height:73px!important}.navbar .menu a{min-height:43px}.home-hero-final .slide:after{background:linear-gradient(0deg,rgba(3,22,55,.84),rgba(5,35,79,.19) 87%)!important}.home-hero-final .hero-content{padding-bottom:65px!important}.home-hero-final .hero-actions .btn{font-size:13px!important}}
@media(max-width:600px){.navbar .brand img{width:49px!important;height:49px!important}.navbar .brand span{font-size:14px!important}.home-hero-final{border-radius:0 0 20px 20px!important}.home-hero-final .hero-copy p{font-size:15px!important}.home-hero-final .hero-dots{bottom:16px!important}.section{padding-top:40px!important;padding-bottom:40px!important}.lux-card,.section .card{border-radius:17px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}


/* ==== premium-v3-mobile.css ==== */
/* V3 progressive mobile app-like shell: public site only; no native APK claim. */
@media(max-width:767px){
 html{scroll-padding-top:85px}body{padding-bottom:calc(77px + env(safe-area-inset-bottom,0px))!important}
 .header-sticky-stack{top:0!important}.navbar .navwrap{min-height:65px!important}
 .navbar .brand img{width:43px!important;height:43px!important}
 .navbar .brand span{font-size:13px!important;line-height:1.22!important}
 .home-hero-final{height:min(75svh,610px)!important;min-height:450px!important;max-height:610px!important}
 .home-hero-final .hero-actions{display:grid!important;grid-template-columns:1fr!important;width:100%!important;gap:9px!important}
 .home-hero-final .hero-actions a{min-height:45px!important;display:flex!important;align-items:center;justify-content:center}
 .section .container,.container{max-width:100%;min-width:0}
 .v3-bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:9500;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:7px 6px calc(7px + env(safe-area-inset-bottom,0px));background:rgba(255,255,255,.97);border-top:1px solid #dce7f5;box-shadow:0 -6px 22px rgba(10,41,89,.11);backdrop-filter:blur(15px)}
 .v3-bottom-nav a,.v3-bottom-nav button{min-width:0;min-height:51px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:0;background:transparent;border-radius:12px;text-decoration:none;color:#3b526e;font:700 10px/1.2 system-ui,sans-serif;cursor:pointer}
 .v3-bottom-nav svg{width:21px;height:21px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}
 .v3-bottom-nav .is-current{background:#e9f3ff;color:#0862bb}
 .v3-bottom-nav a:focus-visible,.v3-bottom-nav button:focus-visible{outline:2px solid #ffbe44;outline-offset:-2px}
 .v3-bottom-nav .v3-nav-apply{color:#fff;background:linear-gradient(130deg,#0759be,#13a2e4);box-shadow:0 4px 12px rgba(3,87,186,.25)}
}
@media(min-width:768px){.v3-bottom-nav{display:none!important}}
@media(prefers-reduced-motion:reduce){.v3-bottom-nav{backdrop-filter:none}}


/* ==== premium-v5.css ==== */
/* V5: conservative finishing layer; no admin styles or schema changes */
:root{--v5-ink:#08294f;--v5-focus:#f2ab37}
html{scroll-behavior:smooth;scroll-padding-top:110px}
body{overflow-x:clip;text-rendering:optimizeLegibility}
.header-sticky-stack{overflow:visible!important}
.header-sticky-stack>.navbar{z-index:100!important}
.header-sticky-stack>.latest-ticker-wrap{z-index:2!important}
.navbar .menu-item:focus-within>.dropdown-menu{visibility:visible!important;opacity:1!important;pointer-events:auto!important}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--v5-focus)!important;outline-offset:3px!important}
img{max-width:100%;height:auto}
.navbar .brand img,.ki-title-row img{height:revert-layer}
.section .card,.lux-card{contain:layout style}
@media(max-width:1080px){.navbar .menu{overscroll-behavior:contain}.navbar .menu a,.navbar .mobile{touch-action:manipulation}}
@media(max-width:767px){body{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}.v3-bottom-nav{padding-bottom:env(safe-area-inset-bottom,0px)!important}.section .container{max-width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}


/* ==== premium-v6.css ==== */
.v6-pagination{display:flex;justify-content:center;flex-wrap:wrap;gap:.6rem;padding:2rem 0;align-items:center}.v6-pagination a{display:inline-flex;min-height:44px;min-width:44px;align-items:center;justify-content:center;border:1px solid #bcd3ef;border-radius:12px;padding:.6rem .9rem;text-decoration:none;background:#fff;color:#0d4b96;font-weight:700}.v6-pagination a[aria-current="page"]{background:#0d4b96;color:#fff}.v6-pagination a:focus-visible{outline:3px solid #f2bc4b;outline-offset:2px}@media(max-width:650px){.v6-pagination{gap:.3rem}.v6-pagination a{padding:.55rem}}


/* ==== premium-v8-performance.css ==== */
/* V8: light-touch rendering improvements. Dynamic content remains untouched. */
@media (prefers-reduced-motion: reduce) {
  .running-text-track, .ticker-track, .marquee-track { animation: none !important; }
  .lux-card, .gallery-premium-card, .tefa-card { transition: none !important; }
}
@media (max-width: 767px) {
  .gallery-premium-card img, .final-news-card img, .tefa-img img { object-fit: cover; }
}