/* =========================================================
   KUANTUM SERVIS v0.19.0 — AVIA ELEMENT FINALIZATION
   - Monolithic page templates replaced with editable Avia elements
   - Page heading contact actions
   - Mobile finder / spacing fixes
   - Small approved visual corrections only
========================================================= */

/* Page band stays visually identical; custom element colors now remain editable. */
body.ks-v2-page .ks-page-band--editable{
    background:
        radial-gradient(circle at 88% 26%,rgba(93,201,242,.19),transparent 25%),
        linear-gradient(112deg,var(--ks-band-a,#073665) 0%,var(--ks-band-b,#0b5f94) 64%,var(--ks-band-c,#1381b6) 100%)!important;
}
body.ks-v2-page .ks-page-band--editable .ks-eyebrow{color:var(--ks-band-eyebrow,#8edcff)!important}
body.ks-v2-page .ks-page-band--editable h1{color:var(--ks-band-title,#f8fbff)!important}
body.ks-v2-page .ks-page-band--editable p{color:var(--ks-band-lead,#d7e9f5)!important}

/* Right-side quick contact panel: compact and intentionally simple. */
body.ks-v2-page .ks-page-band--editable .ks-page-band__inner{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(300px,350px)!important;
    align-items:end!important;
    gap:48px!important;
}
body.ks-v2-page .ks-page-band--editable .ks-page-band__copy{max-width:900px!important}
.ks-page-band__contacts{display:grid;gap:8px;align-self:end;width:100%}
.ks-page-band__contact-link{
    min-height:58px;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    grid-template-rows:auto auto;
    align-items:center;
    column-gap:14px;
    padding:11px 14px 11px 16px;
    border:1px solid rgba(255,255,255,.18);
    border-radius:14px;
    background:rgba(255,255,255,.09);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.07);
    backdrop-filter:blur(9px);
    text-decoration:none!important;
    transition:background .18s ease,border-color .18s ease,transform .18s ease;
}
.ks-page-band__contact-link:hover{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.28);transform:translateY(-1px)}
.ks-page-band__contact-link small{grid-column:1;display:block;color:#9fe3ff!important;font-size:8px!important;font-weight:850!important;letter-spacing:1.6px!important;line-height:1.1;text-transform:uppercase}
.ks-page-band__contact-link strong{grid-column:1;display:block;margin-top:4px;color:#fff!important;font-size:15px!important;line-height:1.1!important;letter-spacing:.1px!important;white-space:nowrap}
.ks-page-band__contact-link>span{grid-column:2;grid-row:1/3;width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:rgba(255,255,255,.92);color:#073665!important;font-size:14px;font-weight:800}
.ks-page-band__contact-link--whatsapp small{color:#b8f2d2!important}

/* Home hero: undo the v0.18 upward pull; keep artwork inside the banner and below fixed header. */
body.home .ks-banner,
body.blog .ks-banner,
body.ks-v2-page .ks-banner{margin-top:18px!important}
body.home .ks-banner__inner,
body.blog .ks-banner__inner,
body.ks-v2-page .ks-banner__inner{
    min-height:600px!important;
    padding-top:calc(var(--ks-header-safe-home,104px) + var(--ks-adminbar-safe,0px) + 12px)!important;
    padding-bottom:50px!important;
}
body.home .ks-banner__content,
body.blog .ks-banner__content,
body.ks-v2-page .ks-banner__content{transform:none!important}

/* Project counter: current slide number needs more contrast. */
.ks-project-slide__current{color:#a9e6ff!important;text-shadow:0 0 16px rgba(169,230,255,.16)}

/* Corporate cards: approved lighter headings on dark/blue surfaces. */
.ks-about-modern__network-grid strong{color:var(--ks-about-network-title,#bfeaff)!important}
.ks-about-modern__values h3{color:var(--ks-about-card-title,#073665)!important}

/* Footer top CTA phone: slightly lighter blue. */
.ks-footer-v2__cta-phone strong{color:#c9ecff!important}

/* Split corporate page into individual Avia elements without altering its visual rhythm. */
.ks-about-piece.ks-about-modern{padding:0!important;margin:0!important;background:#fff!important}
.ks-about-piece--intro.ks-about-modern{padding-top:58px!important}
.ks-about-piece--closing.ks-about-modern{padding-bottom:68px!important}
.ks-about-piece h2{font-family:inherit;color:var(--ks-navy,#073665);letter-spacing:-.025em}
.ks-about-piece .ks-about-modern__intro{padding-bottom:44px}
.ks-about-piece--values .ks-about-modern__head{margin-top:78px!important}
.ks-about-piece--network .ks-about-modern__network{margin-top:82px}
.ks-about-piece--closing .ks-about-modern__closing{margin-top:78px}

/* Finder title/description must never overlap, including narrow phones. */
.ks-section-head--finder{position:relative!important}
.ks-section-head--finder>div,.ks-section-head--finder>p{min-width:0!important}

@media(max-width:1100px){
    body.ks-v2-page .ks-page-band--editable .ks-page-band__inner{grid-template-columns:minmax(0,1fr) minmax(270px,320px)!important;gap:28px!important}
}

@media(max-width:767px){
    /* Remove Enfold's extra outer squeeze only on Kuantum V2 pages; each Kuantum widget keeps its own margin. */
    body.ks-v2-page #main .container_wrap_first>.container,
    body.ks-v2-page #main .template-page.content,
    body.ks-v2-page #main .entry-content-wrapper{
        width:100%!important;
        max-width:none!important;
        margin-left:0!important;
        margin-right:0!important;
        padding-left:0!important;
        padding-right:0!important;
    }
    body.ks-v2-page .ks-container{
        width:100%!important;
        max-width:none!important;
        margin-left:auto!important;
        margin-right:auto!important;
        padding-left:14px!important;
        padding-right:14px!important;
    }

    body.home .ks-banner,
    body.blog .ks-banner,
    body.ks-v2-page .ks-banner{margin-top:8px!important;margin-bottom:18px!important}
    body.home .ks-banner__inner,
    body.blog .ks-banner__inner,
    body.ks-v2-page .ks-banner__inner{min-height:0!important;padding-top:0!important;padding-bottom:0!important}
    body.home .ks-banner__content,
    body.blog .ks-banner__content,
    body.ks-v2-page .ks-banner__content{transform:none!important}

    body.ks-v2-page .ks-page-band--editable .ks-page-band__inner{
        min-height:0!important;
        display:grid!important;
        grid-template-columns:1fr!important;
        gap:22px!important;
        padding-top:calc(var(--ks-header-safe,92px) + var(--ks-adminbar-safe,0px) + 18px)!important;
        padding-bottom:30px!important;
    }
    body.ks-v2-page .ks-page-band--editable .ks-page-band__copy{max-width:none!important}
    .ks-page-band__contacts{grid-template-columns:1fr 1fr;gap:7px}
    .ks-page-band__contact-link{min-height:54px;padding:10px 11px;border-radius:12px}
    .ks-page-band__contact-link--whatsapp:nth-child(3){grid-column:1/-1}
    .ks-page-band__contact-link strong{font-size:13px!important}
    .ks-page-band__contact-link>span{width:28px;height:28px}

    .ks-section-head--finder{
        display:grid!important;
        grid-template-columns:1fr!important;
        align-items:start!important;
        gap:14px!important;
        margin-bottom:24px!important;
    }
    .ks-section-head--finder>div,.ks-section-head--finder>p{
        position:static!important;
        inset:auto!important;
        width:100%!important;
        max-width:none!important;
        transform:none!important;
        margin:0!important;
        float:none!important;
    }
    .ks-section-head--finder>p{padding-top:2px!important;font-size:13px!important;line-height:1.65!important}
    .ks-section-head--finder h2{max-width:none!important;word-break:normal!important;overflow-wrap:normal!important}
    .ks-finder__panel{overflow:hidden!important}
    .ks-finder__map-wrap,.ks-finder__map{min-height:300px!important;height:300px!important}
    .ks-finder--home .ks-finder__control{padding:20px 16px!important}

    .ks-about-piece--intro.ks-about-modern{padding-top:38px!important}
    .ks-about-piece--closing.ks-about-modern{padding-bottom:52px!important}
    .ks-about-piece .ks-about-modern__intro{padding-bottom:30px}
    .ks-about-piece--values .ks-about-modern__head{margin-top:54px!important}
    .ks-about-piece--network .ks-about-modern__network{margin-top:56px}
    .ks-about-piece--closing .ks-about-modern__closing{margin-top:54px}
}

@media(max-width:420px){
    body.ks-v2-page .ks-container{padding-left:12px!important;padding-right:12px!important}
    .ks-page-band__contacts{grid-template-columns:1fr}
    .ks-page-band__contact-link--whatsapp:nth-child(3){grid-column:auto}
}