/* =========================================================
   KUANTUM SERVIS V0.8 — HEADER SAFE HERO + AUTHORIZED SERVICE APPLICATION
   - Keeps headings consistently below the theme header.
   - Softens and standardizes page-band typography.
   - Rebuilds the authorized service application page as a real application flow.
========================================================= */

:root{
    --ks-header-safe: clamp(94px, 8.2vw, 118px);
    --ks-header-safe-home: clamp(102px, 8.6vw, 126px);
    --ks-adminbar-safe: 0px;
}
body.admin-bar{--ks-adminbar-safe:32px}

/* --- Header safety: keep hero content below fixed Enfold header --- */
body.ks-v2-page .ks-page-band{
    margin-bottom:48px!important;
}
body.ks-v2-page .ks-page-band__inner{
    min-height:340px!important;
    align-items:flex-end!important;
    gap:42px!important;
    padding-top:calc(var(--ks-header-safe) + var(--ks-adminbar-safe) + 12px)!important;
    padding-bottom:50px!important;
}
body.ks-v2-page .ks-page-band__copy{
    max-width:980px!important;
}
body.ks-v2-page .ks-page-band h1{
    max-width:980px!important;
    font-size:clamp(36px,3.25vw,52px)!important;
    line-height:1.02!important;
    letter-spacing:-1.25px!important;
}
body.ks-v2-page .ks-page-band p{
    max-width:760px!important;
    font-size:14px!important;
    line-height:1.72!important;
}
body.ks-v2-page .ks-page-band__accent{
    position:relative;
    width:116px;
    height:116px;
    flex:0 0 116px;
    opacity:1;
    border-radius:26px;
    border:1px solid rgba(255,255,255,.16);
    background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.03));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.12);
}
body.ks-v2-page .ks-page-band__accent i{display:none!important}
body.ks-v2-page .ks-page-band__accent:before,
body.ks-v2-page .ks-page-band__accent:after{
    content:"";
    position:absolute;
    border-radius:999px;
}
body.ks-v2-page .ks-page-band__accent:before{
    inset:29px;
    border:1px solid rgba(142,220,255,.46);
}
body.ks-v2-page .ks-page-band__accent:after{
    width:12px;
    height:12px;
    right:24px;
    top:24px;
    background:#8cdcff;
    box-shadow:0 0 0 10px rgba(140,220,255,.10),0 0 28px rgba(140,220,255,.24);
}

/* Home hero also needs header-safe spacing. */
body.home .ks-banner,
body.blog .ks-banner{
    margin-top:0!important;
}
body.home .ks-banner__inner,
body.blog .ks-banner__inner{
    align-items:flex-end!important;
    min-height:620px!important;
    padding-top:calc(var(--ks-header-safe-home) + var(--ks-adminbar-safe) + 18px)!important;
    padding-bottom:52px!important;
}
body.home .ks-banner__content,
body.blog .ks-banner__content{
    max-width:760px!important;
}
body.home .ks-banner h1,
body.blog .ks-banner h1{
    font-size:clamp(40px,4.1vw,62px)!important;
}

/* Compact section-head variant used on rebuilt application page. */
.ks-section-head--compact{margin-bottom:22px!important}
.ks-section-head--compact h2{max-width:820px!important}
.ks-section-head--compact p{max-width:720px!important}

/* --- Yetkili servis başvurusu page --- */
.ks-service-application-page{
    background:linear-gradient(180deg,#ffffff 0%,#f8fbfd 100%)!important;
}
.ks-application-highlights{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px;
    margin-bottom:24px;
}
.ks-application-highlights article{
    min-height:132px;
    padding:22px 22px 20px;
    border:1px solid #dbe7f0;
    border-radius:18px;
    background:#fff;
    box-shadow:0 14px 36px rgba(7,54,101,.06);
}
.ks-application-highlights strong{
    display:block;
    margin-bottom:10px;
    color:#073665;
    font-size:18px;
    line-height:1.3;
}
.ks-application-highlights span{
    display:block;
    color:#698091;
    font-size:13px;
    line-height:1.7;
}
.ks-application-layout{
    display:grid;
    grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);
    gap:22px;
    align-items:start;
}
.ks-form-surface{
    padding:34px!important;
    border-radius:22px!important;
    border-color:#dbe7f0!important;
    box-shadow:0 18px 52px rgba(7,54,101,.08)!important;
}
.ks-form-surface > p{
    margin:12px 0 20px!important;
    color:#748897;
    font-size:12px;
    line-height:1.65;
}
.ks-form-surface .ks-form-grid{gap:16px}
.ks-form-surface .ks-form-grid input,
.ks-form-surface .ks-form-grid select,
.ks-form-surface .ks-form-grid textarea{
    border-radius:10px!important;
    border-color:#d0dde7!important;
    background:#fcfeff!important;
}
.ks-form-surface .ks-form-grid textarea{min-height:142px!important}
.ks-form-choice-field > span{
    display:block;
    margin-bottom:8px;
    color:var(--ks-dark);
    font-size:11px;
    font-weight:700;
}
.ks-choice-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
}
.ks-choice-grid label{
    min-height:92px;
    margin:0!important;
    padding:14px 14px 14px 16px;
    display:flex;
    align-items:flex-start;
    gap:10px;
    border:1px solid #dbe5ee;
    border-radius:14px;
    background:#fbfdff;
    cursor:pointer;
}
.ks-choice-grid input{
    width:auto!important;
    height:auto!important;
    margin-top:3px!important;
    flex:0 0 auto;
}
.ks-choice-grid strong{
    display:block;
    color:#073665;
    font-size:12px;
    line-height:1.4;
}
.ks-choice-grid small{
    display:block;
    margin-top:4px;
    color:#73899b;
    font-size:10px;
    line-height:1.55;
}
.ks-choice-grid label:has(input:checked){
    border-color:#0c74d6;
    background:#f0f7ff;
    box-shadow:0 0 0 3px rgba(12,116,214,.08);
}
.ks-service-form--application .ks-consent{margin:18px 0 20px}
.ks-service-form--application .ks-submit{
    min-height:54px;
    border-radius:12px!important;
}
.ks-application-sidebar{
    display:grid;
    gap:16px;
    position:sticky;
    top:114px;
}
body.admin-bar .ks-application-sidebar{top:148px}
.ks-application-sidecard{
    padding:24px 24px 22px;
    border:1px solid #dce7ef;
    border-radius:20px;
    background:#fff;
    box-shadow:0 14px 36px rgba(7,54,101,.05);
}
.ks-application-sidecard > small{
    display:block;
    margin-bottom:8px;
    color:#0d74d8;
    font-size:10px;
    font-weight:800;
    letter-spacing:1.8px;
}
.ks-application-sidecard h3{
    margin:0 0 14px!important;
    color:#073665!important;
    font-size:24px!important;
    line-height:1.2!important;
}
.ks-application-sidecard .ks-check-list{margin:0}
.ks-application-sidecard .ks-check-list li{font-size:11px;line-height:1.6}
.ks-application-steps{display:grid;gap:12px}
.ks-application-steps > div{
    padding:16px 16px 14px;
    border-radius:14px;
    background:#f7fbff;
    border:1px solid #deebf4;
}
.ks-application-steps span{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:34px;
    height:34px;
    margin-bottom:10px;
    padding:0 10px;
    border-radius:999px;
    background:#073665;
    color:#fff;
    font-size:11px;
    font-weight:800;
    letter-spacing:.4px;
}
.ks-application-steps strong{
    display:block;
    color:#073665;
    font-size:13px;
    line-height:1.4;
}
.ks-application-steps p{
    margin:5px 0 0!important;
    color:#6f8393;
    font-size:11px;
    line-height:1.65;
}
.ks-application-sidecard--contact .ks-contact-mini{margin-top:4px}

/* Small-screen refinements */
@media(max-width:1200px){
    body.home .ks-banner__inner,
    body.blog .ks-banner__inner{min-height:590px!important}
    .ks-application-layout{grid-template-columns:1fr}
    .ks-application-sidebar{position:static;top:auto}
}
@media(max-width:980px){
    body.ks-v2-page .ks-page-band__inner{
        min-height:296px!important;
        padding-top:calc(88px + var(--ks-adminbar-safe) + 12px)!important;
        padding-bottom:42px!important;
    }
    body.home .ks-banner__inner,
    body.blog .ks-banner__inner{
        min-height:560px!important;
        padding-top:calc(96px + var(--ks-adminbar-safe) + 14px)!important;
        padding-bottom:42px!important;
    }
    .ks-application-highlights{grid-template-columns:1fr}
    .ks-choice-grid{grid-template-columns:1fr}
}
@media(max-width:782px){
    body.admin-bar{--ks-adminbar-safe:46px}
}
@media(max-width:767px){
    body.ks-v2-page .ks-page-band{margin-bottom:34px!important}
    body.ks-v2-page .ks-page-band__inner{
        min-height:214px!important;
        gap:18px!important;
        padding-top:calc(66px + var(--ks-adminbar-safe) + 8px)!important;
        padding-bottom:30px!important;
    }
    body.ks-v2-page .ks-page-band h1{font-size:clamp(30px,8.6vw,40px)!important}
    body.ks-v2-page .ks-page-band p{font-size:13px!important;line-height:1.68!important}
    body.ks-v2-page .ks-page-band__accent{display:none!important}

    body.home .ks-banner__inner,
    body.blog .ks-banner__inner{
        min-height:0!important;
        display:block!important;
        padding-top:calc(70px + var(--ks-adminbar-safe) + 6px)!important;
        padding-bottom:0!important;
    }
    body.home .ks-banner__content,
    body.blog .ks-banner__content{
        padding:28px 19px 34px!important;
        margin-left:-19px;
        margin-right:-19px;
        background:#fff;
    }

    .ks-form-surface{padding:24px 20px!important;border-radius:18px!important}
    .ks-application-sidecard{padding:20px 18px 18px;border-radius:18px}
    .ks-application-highlights article{min-height:auto;padding:18px}
    .ks-application-sidecard h3{font-size:20px!important}
}