/* ============================================================
   CoreV2 - Ana sayfa iletisim CTA (form kolonu) yuzey rotosu
   Sadece #cv2-home-contact-cta kapsaminda calisir.
   ============================================================ */

/* ============================================================
   Kopya kolonu (baslik + aciklama) — Enterprise SaaS tipografisi
   Ince border, hafif radius, gradient/agir golge yok.
   ============================================================ */

#cv2-home-contact-cta{
    --hcta-copy-ink:#0f172a;
    --hcta-copy-muted:#475569;
    --hcta-copy-line:rgba(15,23,42,.10);
    --hcta-copy-tint:rgba(var(--CoreV2-primary-rgb,59,130,246),.07);
}

/* Banner, shell'in container-padding degerini kullanir; 
   temanin genislik sistemiyle ayni hizaya gelir. */

/* Kolon dengesi: kopya ve gorsel esit agirlikta, form biraz daha genis */
#cv2-home-contact-cta .cv2-hcta__banner .cv2-hcta__copy{
    flex:0 0 29%!important;
    width:29%!important;
    min-width:0;
    padding:clamp(26px,2.4vw,40px) clamp(8px,1vw,18px)!important;
}
#cv2-home-contact-cta .cv2-hcta__banner .cv2-hcta__visual{
    flex:0 0 31%!important;
    width:31%!important;
    min-width:0;
    /* Gorsel, form kartinin onunde dursun */
    position:relative;
    z-index:100!important;
    overflow:visible!important;
}
#cv2-home-contact-cta .cv2-hcta__banner .cv2-hcta__form-col{
    flex:1 1 40%!important;
    width:auto!important;
    min-width:0;
}

/* Gorsel: model buyuk ve form kartinin ONUNDE dursun */
#cv2-home-contact-cta .cv2-hcta__hero-figure{
    min-height:clamp(300px,26vw,420px)!important;
    z-index:100!important;
    /* Model, sagdaki form kartinin hafif onune tassin */
    margin-right:-56px!important;
}
#cv2-home-contact-cta .cv2-hcta__hero-figure img,
#cv2-home-contact-cta .cv2-hcta__visual-stage img{
    max-height:clamp(300px,26vw,420px)!important;
    max-width:min(460px,110%)!important;
    position:relative;
    z-index:1;
}
#cv2-home-contact-cta .cv2-hcta__tickets{z-index:200!important}
#cv2-home-contact-cta .cv2-hcta__ticket{width:16rem!important}
/* 1. ticket: biraz sola ve asagi, modelin yuzunu kapatmasin */
#cv2-home-contact-cta .cv2-hcta__ticket--a{
    left:-8%!important;
    top:24%!important;
}
#cv2-home-contact-cta .cv2-hcta__ticket--b{
    right:-4%!important;
    bottom:4%!important;
}

/* Talep etiketi renkleri: acil=kirmizi, isleniyor=amber, tamamlandi=yesil */
#cv2-home-contact-cta .cv2-hcta__ticket-tag--urgent{
    background:rgba(239,68,68,.12)!important;
    color:var(--cv2-danger,#dc2626)!important;
    border-color:rgba(239,68,68,.28)!important;
}
#cv2-home-contact-cta .cv2-hcta__ticket-foot:not(.cv2-hcta__ticket-foot--ok) .cv2-hcta__ticket-status{
    color:#d97706!important;
}
#cv2-home-contact-cta .cv2-hcta__ticket-foot--ok .cv2-hcta__ticket-status,
#cv2-home-contact-cta .cv2-hcta__ticket-foot--ok .cv2-hcta__ticket-verified{
    color:#10b981!important;
}

#cv2-home-contact-cta .cv2-hcta__copy-inner{
    width:100%;
    max-width:none;
}

#cv2-home-contact-cta .cv2-hcta__genelbaslik{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:clamp(14px,1.2vw,20px);
}
#cv2-home-contact-cta .cv2-hcta__genelbaslik .genelbaslik-baslik{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:clamp(14px,1.2vw,18px);
    width:100%;
}

/* Rozet: sade, ince cerceveli durum etiketi */
#cv2-home-contact-cta .genelbaslik-rozet-kapsayici{margin:0}
#cv2-home-contact-cta .genelbaslik-rozet{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:6px 12px;
    border-radius:999px;
    border:1px solid var(--hcta-copy-line);
    background:var(--hcta-copy-tint);
    box-shadow:none;
}
#cv2-home-contact-cta .genelbaslik-rozet-metin{
    font-size:11.5px;
    font-weight:600;
    line-height:1.2;
    letter-spacing:.08em;
    text-transform:uppercase;
    color:var(--CoreV2-primary,#3b82f6);
    white-space:nowrap;
}

/* Ana baslik: net hiyerarsi, sikilastirilmis satir araligi */
#cv2-home-contact-cta .cv2-hcta__genelbaslik .genelbaslik-ana-baslik{
    margin:0!important;
    width:100%;
    max-width:16ch!important;
    font-size:clamp(28px,2.35vw,38px)!important;
    font-weight:700!important;
    line-height:1.16!important;
    letter-spacing:-.022em!important;
    color:var(--hcta-copy-ink)!important;
    text-align:left!important;
    text-wrap:balance;
}
#cv2-home-contact-cta .cv2-hcta__headline-line{
    display:block;
    font-size:inherit!important;
    font-weight:inherit!important;
    line-height:inherit!important;
    letter-spacing:inherit!important;
}
#cv2-home-contact-cta .cv2-hcta__headline-line--accent{
    margin-top:2px;
    color:var(--CoreV2-primary,#3b82f6)!important;
}

/* Aciklama: okunabilir govde metni */
#cv2-home-contact-cta .cv2-hcta__genelbaslik .genelbaslik-aciklama,
#cv2-home-contact-cta .cv2-hcta__genelbaslik .cv2-hcta__lead{
    margin:0!important;
    max-width:42ch!important;
    font-size:clamp(15px,1.05vw,16.5px)!important;
    font-weight:400!important;
    line-height:1.68!important;
    letter-spacing:0!important;
    color:var(--hcta-copy-muted)!important;
    opacity:1!important;
    text-align:left!important;
}


/* Kolon ayirici cizgi — ince ve sessiz */
#cv2-home-contact-cta .cv2-hcta__divider{
    background:var(--hcta-copy-line);
}

/* Koyu tema karsiliklari */
[data-theme="dark"] #cv2-home-contact-cta{
    --hcta-copy-ink:#f1f5f9;
    --hcta-copy-muted:#94a3b8;
    --hcta-copy-line:rgba(255,255,255,.12);
    --hcta-copy-tint:rgba(var(--CoreV2-primary-rgb,59,130,246),.14);
}

/* Tablet / mobil */
@media (max-width:1200px){
    #cv2-home-contact-cta .cv2-hcta__banner .cv2-hcta__copy{
        flex:0 0 30%!important;
        width:30%!important;
    }
    #cv2-home-contact-cta .cv2-hcta__banner .cv2-hcta__visual{
        flex:0 0 32%!important;
        width:32%!important;
    }
    #cv2-home-contact-cta .cv2-hcta__hero-figure{
        min-height:clamp(260px,30vw,340px)!important;
    }
    #cv2-home-contact-cta .cv2-hcta__hero-figure img,
    #cv2-home-contact-cta .cv2-hcta__visual-stage img{
        max-height:clamp(260px,30vw,340px)!important;
    }
    #cv2-home-contact-cta .cv2-hcta__genelbaslik .genelbaslik-ana-baslik{max-width:18ch!important}
}
@media (max-width:768px){
    #cv2-home-contact-cta .cv2-hcta__banner .cv2-hcta__copy{
        flex:1 1 100%!important;
        width:100%!important;
        min-width:0;
        padding:24px 18px 4px!important;
    }
    #cv2-home-contact-cta .cv2-hcta__banner .cv2-hcta__visual,
    #cv2-home-contact-cta .cv2-hcta__banner .cv2-hcta__form-col{
        flex:1 1 100%!important;
        width:100%!important;
    }
    #cv2-home-contact-cta .cv2-hcta__hero-figure{
        margin-right:0!important;
    }
    #cv2-home-contact-cta .cv2-hcta__ticket--a{left:0!important;top:12%!important}
    #cv2-home-contact-cta .cv2-hcta__ticket--b{right:0!important}
    #cv2-home-contact-cta .cv2-hcta__genelbaslik .genelbaslik-ana-baslik{
        max-width:none!important;
        font-size:clamp(26px,7vw,32px)!important;
    }
    #cv2-home-contact-cta .cv2-hcta__genelbaslik .genelbaslik-aciklama,
    #cv2-home-contact-cta .cv2-hcta__genelbaslik .cv2-hcta__lead{
        max-width:none!important;
        font-size:15px!important;
        line-height:1.62!important;
    }
}


#cv2-home-contact-cta .cv2-hcta__form-col{
    position:relative;
    display:flex;
    align-items:stretch;
    min-width:0;
}

/* Form karti: diger kartlarla ayni oval koseler */
#cv2-home-contact-cta .cv2-hcta__form-card{
    position:relative;
    width:100%;
    padding:clamp(16px,2vw,22px);
    border-radius:var(--cv2-radius-card,26px);
    border:1px solid rgba(15,23,42,0.06);
    background:#fff;
    box-shadow:none;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
    overflow:visible;
}

/* Form alanlari arasi bosluk — isim/e-posta ayri satirlarda */
#cv2-home-contact-cta .cv2-hcta__form{
    display:flex;
    flex-direction:column;
    gap:12px;
}

/* Input / textarea kenarlarini kapsayiciyla uyumlu hale getir */
#cv2-home-contact-cta .cv2-hcta__float input,
#cv2-home-contact-cta .cv2-hcta__float textarea,
#cv2-home-contact-cta .cv2-hcta__float--phone input[type="tel"]{
    border:0!important;
    border-radius:inherit!important;
    background:transparent!important;
}

/* Gonder butonu */
#cv2-home-contact-cta .cv2-hcta__submit{
    border-radius:14px;
    box-shadow:none;
    transition:transform .2s ease,filter .2s ease;
}
#cv2-home-contact-cta .cv2-hcta__submit:hover{
    transform:translateY(-2px);
    filter:brightness(1.05);
}

/* ---- Bayraklar: sprite olculerini koru ve listeyi duzgun hizala ---- */
#cv2-home-contact-cta .iti__country-list.iti__hide,
#cv2-home-contact-cta .country-list.hide,
body > .iti--container .iti__country-list.iti__hide,
body > .intl-tel-input .country-list.hide{
    display:none!important;
    visibility:hidden!important;
    pointer-events:none!important;
}
#cv2-home-contact-cta .iti__flag,
#cv2-home-contact-cta .iti-flag,
#cv2-home-contact-cta .cv2-hcta__float--phone .iti__flag,
#cv2-home-contact-cta .cv2-hcta__float--phone .iti-flag{
    background-image:var(--hcta-flag-png)!important;
    background-repeat:no-repeat!important;
    background-color:transparent!important;
    border-radius:2px;
    box-shadow:none;
    display:inline-block!important;
    visibility:visible!important;
    opacity:1!important;
}
#cv2-home-contact-cta .iti__flag-box{
    width:24px!important;
    min-width:24px!important;
    background-image:none!important;
    background-color:transparent!important;
    box-shadow:none!important;
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){
    #cv2-home-contact-cta .iti__flag,
    #cv2-home-contact-cta .iti-flag{
        background-image:var(--hcta-flag-png-2x)!important;
        background-size:5652px 15px!important;
    }
}
#cv2-home-contact-cta .cv2-hcta__float--phone .iti__selected-flag,
#cv2-home-contact-cta .cv2-hcta__float--phone .selected-flag{
    background:rgba(var(--CoreV2-primary-rgb,59,130,246),.06)!important;
    border-right:1px solid rgba(var(--CoreV2-primary-rgb,59,130,246),.16)!important;
    border-radius:13px 0 0 13px!important;
}
#cv2-home-contact-cta .iti__country-list{
    width:min(360px,calc(100vw - 40px))!important;
    max-height:260px!important;
    margin-top:6px!important;
    padding:6px!important;
    border-radius:12px!important;
    box-shadow:none!important;
    border:1px solid rgba(15,23,42,.12)!important;
    background:#ffffff!important;
    overflow-x:hidden!important;
}
#cv2-home-contact-cta .iti__country-list:not(.iti__hide){display:block}
#cv2-home-contact-cta .iti__country-list .iti__country{
    display:flex!important;
    align-items:center!important;
    min-height:34px!important;
    padding:7px 9px!important;
    border-radius:8px!important;
    color:#334155!important;
    font-size:13px!important;
    line-height:20px!important;
    white-space:normal!important;
}
#cv2-home-contact-cta .iti__country-list .iti__country:hover,
#cv2-home-contact-cta .iti__country-list .iti__highlight{
    background:rgba(var(--CoreV2-primary-rgb,59,130,246),.08)!important;
}
#cv2-home-contact-cta .iti__country-list .iti__flag-box{
    width:24px!important;
    min-width:24px!important;
    margin-right:8px!important;
}
#cv2-home-contact-cta .iti__country-list .iti__country-name{
    margin-right:5px!important;
}
#cv2-home-contact-cta .iti__country-list .iti__dial-code{
    color:#64748b!important;
}

/* ---- Koyu tema ---- */
[data-theme="dark"] #cv2-home-contact-cta .cv2-hcta__form-card{
    background:linear-gradient(145deg, rgba(30,41,59,0.86), rgba(15,23,42,0.82));
    border-color:rgba(255,255,255,0.12);
    box-shadow:none;
}
[data-theme="dark"] #cv2-home-contact-cta .cv2-hcta__float input,
[data-theme="dark"] #cv2-home-contact-cta .cv2-hcta__float textarea,
[data-theme="dark"] #cv2-home-contact-cta .cv2-hcta__float--phone input[type="tel"]{
    color:#f1f5f9!important;
    -webkit-text-fill-color:#f1f5f9!important;
}
[data-theme="dark"] #cv2-home-contact-cta .cv2-hcta__float--phone .iti__selected-dial-code{
    color:#f1f5f9!important;
    -webkit-text-fill-color:#f1f5f9!important;
}
[data-theme="dark"] #cv2-home-contact-cta .iti__country-list{
    background:#172033!important;
    border-color:rgba(255,255,255,.12)!important;
}
[data-theme="dark"] #cv2-home-contact-cta .iti__country-list .iti__country{color:#e2e8f0!important}
[data-theme="dark"] #cv2-home-contact-cta .iti__country-list .iti__dial-code{color:#94a3b8!important}

/* ---- Mobil ---- */
@media (max-width:768px){
    #cv2-home-contact-cta .cv2-hcta__form-card{
        padding:14px;
        border-radius:var(--cv2-radius-card,16px);
    }
}