/*
 * BS5 giriş ekranları (yönetici, LDAP, şifre sıfırlama, Müşteri Portalı, teklif sorgulama).
 * Metronic auth şablonlarının (Corporate / Overlay / Two-Factor) üstüne VIDCO ürün vitrini.
 */
.vt-auth-body {
    background: var(--bs-body-bg);
}

.vt-auth-logo img {
    max-width: 175px;
    max-height: 90px;
}

.vt-auth-form .captchaArea {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 2rem;
}

.vt-auth-form .errorSummary {
    background: var(--bs-danger-light);
    border: 1px dashed var(--bs-danger);
    border-radius: .475rem;
    padding: 1rem 1.25rem;
    margin-bottom: 1.5rem;
    color: var(--bs-gray-800);
}

.vt-auth-form .errorSummary p {
    font-weight: 600;
    margin-bottom: .25rem;
}

.vt-auth-form .errorSummary ul {
    margin: 0;
    padding-left: 1.1rem;
}

.vt-auth-otp input {
    width: 56px;
    height: 60px;
    text-align: center;
    font-size: 1.6rem;
    font-weight: 700;
}

@media (max-width: 400px) {
    .vt-auth-otp input {
        width: 44px;
        height: 52px;
    }
}

/* Ürün vitrini — koyu (yönetici girişi sağ panel) */
.vt-showcase {
    background: radial-gradient(1200px 600px at 100% 0%, #5b8fd1 0%, transparent 60%),
                linear-gradient(160deg, #1d3557 0%, #2f5a94 55%, #4575B5 100%);
    position: relative;
    overflow: hidden;
}

.vt-showcase::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: radial-gradient(rgba(255, 255, 255, .07) 1px, transparent 1px);
    background-size: 24px 24px;
}

.vt-showcase > * {
    position: relative;
}

.vt-motto {
    font-size: 2.9rem;
    font-weight: 800;
    line-height: 1.1;
    letter-spacing: -.02em;
    color: #fff;
}

.vt-motto span {
    color: #9cc2f0;
}

.vt-motto-sub {
    color: rgba(255, 255, 255, .72);
    font-size: 1.1rem;
    max-width: 520px;
}

.vt-products {
    max-width: 600px;
}

.vt-product {
    background: rgba(255, 255, 255, .07);
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 14px;
    padding: 16px 18px;
    display: flex;
    gap: 14px;
    align-items: flex-start;
    height: 100%;
}

.vt-product-icon {
    width: 42px;
    height: 42px;
    border-radius: 10px;
    background: rgba(255, 255, 255, .14);
    display: flex;
    align-items: center;
    justify-content: center;
    flex: none;
}

.vt-product-icon i {
    color: #fff;
    font-size: 1.6rem;
}

.vt-product-std {
    display: block;
    font-size: .7rem;
    font-weight: 700;
    color: #9cc2f0;
    letter-spacing: .06em;
}

.vt-product-name {
    display: block;
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 2px;
}

.vt-product-desc {
    display: block;
    color: rgba(255, 255, 255, .65);
    font-size: .85rem;
    line-height: 1.35;
}

/* Ürün vitrini — açık (Müşteri Portalı sol panel) */
.vt-auth-overlay {
    background: var(--bs-app-bg-color, #EEF1F5);
}

.vt-showcase-light .vt-motto { color: #1d3557; }
.vt-showcase-light .vt-motto span { color: #4575B5; }
.vt-showcase-light .vt-motto-sub { color: var(--bs-gray-600); }
.vt-showcase-light .vt-product {
    background: #fff;
    border-color: var(--bs-gray-200);
    box-shadow: 0 2px 10px rgba(29, 53, 87, .05);
}
.vt-showcase-light .vt-product-icon { background: #e9f0fa; }
.vt-showcase-light .vt-product-icon i { color: #4575B5; }
.vt-showcase-light .vt-product-std { color: #4575B5; }
.vt-showcase-light .vt-product-name { color: #1d3557; }
.vt-showcase-light .vt-product-desc { color: var(--bs-gray-600); }

@media (max-width: 1399.98px) {
    .vt-motto { font-size: 2.3rem; }
}

/*
 * Temada --bs-primary mavi (#4575B5) iken --bs-primary-rgb / --bs-primary-light hâlâ turuncu tanımlı;
 * link-primary ve bg-light-primary turuncu çıkıyor. Giriş ekranlarında bunun yerine aşağıdakiler kullanılır.
 */
.vt-link {
    color: var(--bs-primary);
    font-weight: 600;
}

.vt-link:hover {
    color: #2f5a94;
}

.vt-notice {
    background: #eef3fa;
    border: 1px dashed var(--bs-primary);
    border-radius: .475rem;
}

.vt-notice i {
    color: var(--bs-primary);
}

/* Giriş ekranı dil seçici (TR / EN / DE) */
.vt-auth-language {
    display: inline-flex;
    gap: 2px;
    padding: 3px;
    background: var(--bs-gray-100);
    border: 1px solid var(--bs-gray-200);
    border-radius: .475rem;
}

.vt-auth-language a {
    padding: 4px 10px;
    border-radius: .375rem;
    color: var(--bs-gray-600);
    font-size: .8rem;
    font-weight: 600;
    line-height: 1.4;
}

.vt-auth-language a:hover {
    color: var(--bs-primary);
}

.vt-auth-language a.active {
    background: #fff;
    color: var(--bs-primary);
    box-shadow: 0 1px 3px rgba(29, 53, 87, .12);
}