/* WAOOW marka katmanı — Metronic temasının birincil rengini ve sidebar'ını lansman sayfasıyla uyumlu hale getirir. */

:root,
[data-bs-theme=light] {
    --bs-primary: #ef5628;
    --bs-primary-rgb: 239, 86, 40;
    --bs-primary-active: #d8461b;
    --bs-primary-light: #fdece6;
    --bs-primary-clarity: rgba(239, 86, 40, .2);
    --bs-primary-inverse: #ffffff;
    --bs-text-primary: #ef5628;
    --bs-link-color: #ef5628;
    --bs-link-hover-color: #d8461b;
    --bs-link-color-rgb: 239, 86, 40;
    --bs-link-hover-color-rgb: 216, 70, 27;
    --waoow-ink: #090d14;
    --waoow-panel: #0d131c;
}

[data-bs-theme=dark] {
    --bs-primary: #ef5628;
    --bs-primary-rgb: 239, 86, 40;
    --bs-primary-active: #ff6a3d;
    --bs-primary-light: #2b1a14;
    --bs-primary-clarity: rgba(239, 86, 40, .2);
    --bs-primary-inverse: #ffffff;
    --bs-text-primary: #ef5628;
    --bs-link-color: #ef5628;
    --bs-link-hover-color: #ff6a3d;
    --bs-link-color-rgb: 239, 86, 40;
    --bs-link-hover-color-rgb: 255, 106, 61;
}

.font-display {
    font-family: 'Barlow Condensed', Impact, sans-serif;
    text-transform: uppercase;
    letter-spacing: .3px;
}

/* Sidebar */
[data-kt-app-layout=dark-sidebar] .app-sidebar {
    background-color: var(--waoow-panel);
    border-right: 0;
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .app-sidebar-logo {
    border-bottom: 1px dashed rgba(255, 255, 255, .1);
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link.active {
    background-color: rgba(239, 86, 40, .14);
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link.active .menu-title,
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link.active .menu-icon i {
    color: #ef5628;
}

.app-sidebar-logo img.app-sidebar-logo-default {
    max-width: 150px;
    height: auto;
}

/* Hero kartları */
.waoow-hero {
    position: relative;
    overflow: hidden;
    border: 0;
    background:
        linear-gradient(90deg, rgba(9, 13, 20, .96) 0%, rgba(9, 13, 20, .82) 45%, rgba(9, 13, 20, .35) 100%),
        url('https://images.unsplash.com/photo-1558981806-ec527fa84c39?auto=format&fit=crop&w=1800&q=80') center 55% / cover no-repeat;
}

.waoow-hero .text-muted-hero {
    color: #c4ccd2;
}

/* Rota kartları */
.route-cover {
    height: 180px;
    background-color: #1b2533;
    background-size: cover;
    background-position: center;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
    position: relative;
}

.route-cover.route-cover-empty {
    background-image:
        repeating-linear-gradient(32deg, transparent 0 48px, rgba(139, 161, 160, .12) 49px 52px, transparent 53px 95px),
        repeating-linear-gradient(130deg, transparent 0 46px, rgba(144, 176, 163, .12) 47px 50px, transparent 51px 88px),
        linear-gradient(125deg, #263a47, #13232d);
}

.route-cover .route-cover-badges {
    position: absolute;
    top: 12px;
    left: 12px;
    right: 12px;
    display: flex;
    justify-content: space-between;
}

.hover-elevate-up {
    transition: transform .2s ease, box-shadow .2s ease;
}

.hover-elevate-up:hover {
    transform: translateY(-4px);
}

.vehicle-cover {
    height: 170px;
    background-color: #1b2533;
    background-size: cover;
    background-position: center;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
}

.photo-thumb {
    aspect-ratio: 1 / 1;
    width: 100%;
    object-fit: cover;
    border-radius: .65rem;
}

.rating-input .rating-label {
    cursor: pointer;
}

/* Auth sayfası görsel tarafı */
.auth-aside {
    background:
        linear-gradient(0deg, rgba(9, 13, 20, .92) 0%, rgba(9, 13, 20, .55) 60%, rgba(9, 13, 20, .7) 100%),
        url('https://images.unsplash.com/photo-1449426468159-d96dbf08f19f?auto=format&fit=crop&w=1600&q=80') center / cover no-repeat;
}

.auth-aside h1 {
    font-family: 'Barlow Condensed', Impact, sans-serif;
    text-transform: uppercase;
    font-size: clamp(42px, 5vw, 72px);
    line-height: .92;
    letter-spacing: -.5px;
}

/* ASP.NET validation summary: hata yokken gizle */
.validation-summary-valid {
    display: none !important;
}

.validation-summary-errors ul {
    margin: 0;
    padding-left: 1.1rem;
}

.input-validation-error {
    border-color: var(--bs-danger) !important;
}