/**
 * v2.7.0 - 2026-01-07: KolayPN Görsel & Hukuki Uyum Revizyonu
 * 1. Arka plan görseli tekrar etmeyecek şekilde masthead stiline sabitlendi.
 * 2. Hukuki onay (Compliance) bloğu stilleri eklendi.
 */
:root {
    --kpn-navy: #0a2642;
    --kpn-yellow: #ffc800;
    --kpn-yellow-hover: #d9aa00;
}

/* Agency Tema Fontları */
body, .auth-title, .btn {
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

/* Sol Panel: Saf Beyaz ve Flex Yapı */
#auth-left {
    background-color: #ffffff !important;
}

/* Sağ Panel: index.html Masthead Birebir Uyumu */
#auth-right {
    position: relative;
    color: #fff;
    background-color: var(--kpn-navy) !important;
    background-image: url("../../../assets/img/header-bg.jpg") !important;
    background-repeat: no-repeat !important;
    background-attachment: scroll;
    background-position: center center;
    background-size: cover !important; /* Tekrarı engellemek için cover kullanıp pozisyonu ortaladık */
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

/* Masthead Karartma Katmanı */
#auth-right::before {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(10, 38, 66, 0.7);
    z-index: 1;
}

.masthead-content {
    position: relative;
    z-index: 2;
    text-align: center;
    padding: 0 12%;
}

.masthead-subheading {
    font-size: 1.5rem;
    font-style: italic;
    line-height: 1.5rem;
    margin-bottom: 25px;
    font-family: "Roboto Slab", serif;
}

.masthead-heading {
    font-size: 3rem;
    font-weight: 700;
    line-height: 3rem;
    margin-bottom: 30px;
    text-transform: uppercase;
}

/* Hukuki Uyarı Bloğu (Legal Compliance Area) */
.legal-compliance-container {
    background-color: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 0.5rem;
    padding: 1rem;
    margin-bottom: 1.5rem;
}

.legal-text {
    font-size: 0.72rem;
    line-height: 1.4;
    color: #6c757d;
    text-align: justify;
    margin-bottom: 0;
}

.legal-check-label {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--kpn-navy);
    cursor: pointer;
}

/* Buton ve Form İyileştirmeleri */
.btn-kpn-action {
    background-color: var(--kpn-yellow) !important;
    border-color: var(--kpn-yellow) !important;
    color: var(--kpn-navy) !important;
    font-weight: 700 !important;
    padding: 1rem 2rem !important;
    font-size: 1.125rem !important;
    text-transform: uppercase;
    border-radius: 0.3rem;
    transition: all 0.3s ease;
}

.form-control-kpn {
    border: 1px solid #ced4da !important;
    padding: 0.6rem 1rem 0.6rem 3rem !important;
    font-size: 0.95rem !important;
    border-radius: 0.25rem !important;
}