/* SD IT Lukmanul Hakim Bangkinang — Slider utama V7 */
.school-slider{--slide-blue:#133e59;position:relative;overflow:hidden;background:#133e59;color:#fff;isolation:isolate}
.school-slider-frame{position:relative;min-height:clamp(460px,42vw,640px)}
.school-slider-panel{position:absolute;inset:0;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .7s ease,visibility .7s ease;overflow:hidden;background:linear-gradient(120deg,#123d5b,#17648b)}
.school-slider-panel.is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:1}
.school-slider-photo{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center center;filter:saturate(.94)}
.school-slider-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,28,43,.86) 0%,rgba(7,30,47,.70) 38%,rgba(10,36,53,.31) 76%,rgba(10,36,53,.22) 100%),linear-gradient(0deg,rgba(10,30,44,.43),transparent 40%)}
.school-slider-inner{height:100%;min-height:clamp(460px,42vw,640px);display:flex;align-items:center;position:relative;z-index:2;padding-block:54px 94px}
.school-slider-text{width:min(780px,73%);text-shadow:0 2px 18px rgba(0,0,0,.12)}
.school-slider-kicker{display:inline-flex;align-items:center;gap:10px;color:#e4f5ff;font-size:.77rem;font-weight:800;letter-spacing:.14em;line-height:1.5;text-transform:uppercase;margin-bottom:26px}
.school-slider-kicker:before{content:'';width:27px;height:2px;background:#a9e3ff;display:inline-block;flex-shrink:0}
.school-slider-text h1{font-family:Georgia,'Times New Roman',serif;color:#fff;font-weight:650;font-size:clamp(2.55rem,5vw,5.2rem);letter-spacing:-.035em;line-height:1.105;margin:0 0 22px;max-width:810px;text-wrap:balance;overflow-wrap:anywhere}
.school-slider-text p{font-size:clamp(1rem,1.6vw,1.22rem);line-height:1.75;color:#edf7fc;margin:0 0 29px;max-width:650px;text-wrap:pretty}
.school-slider-cta{display:inline-flex;gap:22px;align-items:center;justify-content:center;min-height:49px;background:#fff;color:#154f74!important;border:1px solid rgba(255,255,255,.8);border-radius:8px;padding:12px 20px;font-size:.88rem;font-weight:800;text-decoration:none;transition:transform .2s ease,background .2s ease;box-shadow:0 8px 25px rgba(0,0,0,.12)}
.school-slider-cta:hover{transform:translateY(-2px);background:#eaf8ff}
.school-slider-controls{position:absolute;z-index:5;left:50%;transform:translateX(-50%);bottom:23px;display:flex;gap:20px;align-items:center;justify-content:space-between;pointer-events:none}
.school-slider-controls>*{pointer-events:auto}
.school-slider-dots,.school-slider-buttons{display:flex;align-items:center;gap:10px}
.school-slider-dot{appearance:none;border:1px solid rgba(255,255,255,.73);border-radius:20px;background:rgba(255,255,255,.48);height:8px;width:8px;padding:0;cursor:pointer;transition:width .25s ease,background .25s ease}
.school-slider-dot.is-active{width:31px;background:#fff;border-color:#fff}
.school-slider-controls button:not(.school-slider-dot){border:1px solid rgba(255,255,255,.55);background:rgba(12,42,61,.36);color:#fff;backdrop-filter:blur(5px);border-radius:50%;height:38px;width:38px;display:grid;place-items:center;font-size:25px;line-height:1;cursor:pointer}
.school-slider-pause{font-size:14px!important;font-weight:900}
.school-slider-controls button:hover,.school-slider-controls button:focus-visible{background:rgba(255,255,255,.25)}
.school-slider :focus-visible{outline:3px solid #f8d682;outline-offset:3px}
/* Pengelolaan slider */
.school-slide-admin-list{display:grid;gap:17px}
.school-slide-admin-card{display:grid;grid-template-columns:minmax(160px,245px) minmax(0,1fr);gap:20px;border:1px solid #e2eaf0;border-radius:12px;padding:13px;background:#fcfdff}
.school-slide-admin-photo{min-height:145px;border-radius:9px;overflow:hidden;background:#e5f0f6;display:grid;place-items:center;color:#748896;font-size:.87rem}
.school-slide-admin-photo img{height:100%;width:100%;max-height:195px;object-fit:cover;display:block}
.school-slide-admin-body{min-width:0;display:flex;flex-direction:column;align-items:flex-start}
.school-slide-admin-body h3{font-family:Georgia,'Times New Roman',serif;color:#1e4964;font-size:1.25rem;line-height:1.3;margin:9px 0 6px;overflow-wrap:anywhere}
.school-slide-admin-body p{margin:0 0 14px;color:#637989;font-size:.85rem;line-height:1.55}
.school-slide-index{font-size:.71rem;font-weight:850;letter-spacing:.08em;color:#1981ac}
.school-slide-admin-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto;align-items:center}
.school-slide-admin-actions form{display:flex;flex-wrap:wrap;gap:6px}
.school-slide-admin-actions .btn{min-height:38px;padding:9px 12px;font-size:.75rem;border:1px solid #d9e7ee;border-radius:7px;line-height:1.2}
.school-slide-admin-actions button:disabled{opacity:.36;cursor:not-allowed}
.school-slide-interval-form{display:flex;gap:16px;align-items:end;flex-wrap:wrap}
.school-slide-interval-form label{display:grid;gap:7px;color:#35596f;font-size:.84rem;font-weight:750}
.school-slide-interval-form select{background:#fff;border:1px solid #cadbe5;border-radius:7px;min-height:43px;padding:8px 12px;color:#22465a}
.school-slide-photo-preview{display:grid;gap:6px;max-width:540px}
.school-slide-photo-preview img{border-radius:12px;width:100%;max-height:260px;object-fit:cover;background:#edf3f6}
.school-slide-photo-preview small{color:#718597;font-size:.74rem}
.school-slide-library{padding:15px 17px;border:1px solid #dfebf1;border-radius:9px;background:#f8fcff}
.school-slide-library summary{font-weight:750;color:#266587;cursor:pointer}
.school-slide-library label{margin-top:14px}
.school-slide-editor-actions{display:flex;gap:12px;flex-wrap:wrap}
.school-slide-editor .form-grid{max-width:780px}
.school-slide-editor .check-label{align-items:center}
.school-slide-editor .check-label input{margin-top:0}
.school-slide-editor .muted.small{font-size:.76rem;line-height:1.7}
@media (max-width:900px){.school-slider-text{width:min(710px,88%)}.school-slider-shade{background:linear-gradient(90deg,rgba(6,24,36,.83),rgba(6,24,36,.54) 72%,rgba(6,24,36,.28))}}
@media (max-width:640px){
  .school-slider-frame,.school-slider-inner{min-height:480px}
  .school-slider-photo{object-position:center center}
  .school-slider-shade{background:linear-gradient(0deg,rgba(6,26,41,.88) 0%,rgba(6,26,41,.67) 63%,rgba(6,26,41,.22) 100%)}
  .school-slider-inner{align-items:end;padding-block:48px 100px}
  .school-slider-text{width:100%}
  .school-slider-kicker{font-size:.62rem;letter-spacing:.085em;margin-bottom:16px}
  .school-slider-text h1{font-size:clamp(2rem,8.2vw,3.1rem);line-height:1.14;margin-bottom:14px}
  .school-slider-text p{font-size:.94rem;line-height:1.6;margin-bottom:23px}
  .school-slider-controls{bottom:18px}
  .school-slide-admin-card{grid-template-columns:1fr;gap:11px}
  .school-slide-admin-photo{min-height:180px;max-height:235px}
  .school-slide-admin-photo img{max-height:235px}
  .school-slide-admin-actions .btn{font-size:.74rem}
}
@media (prefers-reduced-motion:reduce){.school-slider-panel,.school-slider-dot,.school-slider-cta{transition:none!important;animation:none!important}}

.school-slide-preview-dialog{border:0;border-radius:15px;max-width:min(94vw,960px);width:960px;padding:0;overflow:hidden;box-shadow:0 22px 75px rgba(8,28,42,.32)}
.school-slide-preview-dialog::backdrop{background:rgba(5,22,35,.68)}
.school-slide-preview-top{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 21px;background:white;color:#315971;font-size:.77rem;letter-spacing:.06em}
.school-slide-preview-top button{border:0;background:transparent;color:#183d57;font-size:21px;cursor:pointer}
.school-slide-preview-visual{height:min(62vw,490px);min-height:300px;position:relative;background:#153950;color:#fff;overflow:hidden}
.school-slide-preview-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.school-slide-preview-gradient{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,24,38,.88),rgba(4,24,38,.4))}
.school-slide-preview-text{position:absolute;bottom:11%;left:6%;right:8%;max-width:76%}
.school-slide-preview-text small{font-size:.7rem;letter-spacing:.1em;font-weight:800;color:#c5eaff}
.school-slide-preview-text h2{font-family:Georgia,'Times New Roman',serif;color:#fff;font-size:clamp(2rem,4.1vw,3.8rem);letter-spacing:-.035em;line-height:1.16;margin:13px 0}
.school-slide-preview-text p{color:#e6f3f9;font-size:1.03rem;line-height:1.65}
@media(max-width:640px){.school-slide-preview-visual{min-height:405px}.school-slide-preview-text{max-width:90%}.school-slide-preview-text h2{font-size:2rem}}