/* ===========================================================
   Berry — Özel stiller (downloaded style.css/theme3.css üzerine)
   =========================================================== */

/* ---- CSS Text Logo ----
   İçerik `data-text` / `data-tagline` attribute'larından okunur;
   pseudo-element ile render edildiğinden seçilemez / kopyalanamaz.
*/
.text-logo {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 3px;
    line-height: 1;
    text-decoration: none !important;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-touch-callout: none;
    cursor: pointer;
}

.text-logo::before {
    content: attr(data-text);
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    font-size: 26px;
    letter-spacing: -0.02em;
    line-height: 1;
    text-transform: uppercase;
    color: #000;
    white-space: nowrap;
}

.text-logo::after {
    content: attr(data-tagline);
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 9.5px;
    line-height: 1;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--accent, #E84040);
    white-space: nowrap;
}

/* Header içinde sabit boyut — eski <img>.logo-img kuralıyla çakışmasın diye */
.site-header .text-logo img,
.site-footer .text-logo img { display: none !important; }

/* Footer karanlık zemin — beyaz varyant */
.site-footer .text-logo::before {
    color: #fff;
    font-size: 24px;
}
.site-footer .text-logo::after {
    color: #FF8A8A;
    font-size: 9px;
    letter-spacing: 0.2em;
}

/* Küçük ekran */
@media (max-width: 768px) {
    .text-logo::before { font-size: 22px; }
    .text-logo::after  { font-size: 9px; letter-spacing: 0.15em; }
}
@media (max-width: 420px) {
    .text-logo::before { font-size: 19px; }
    .text-logo::after  { font-size: 8.5px; }
}

/* ============================================================
   CJ V9 — ARAÇ KARTI TEMA 2 / PREMIUM KURUMSAL
   Yönetim panelindeki 50 araçla runtime.js üzerinden senkron çalışır.
   ============================================================ */
:root{
    --cj-red:#e31f2b;
    --cj-red-dark:#be111d;
    --cj-ink:#16181d;
    --cj-muted:#707887;
    --cj-line:#e8ebef;
    --cj-soft:#f6f7f9;
}

/* Ana sayfa / araç listesi kurumsal yüzey */
.vehicles-section,
.featured-vehicles,
.vehicle-list-section{
    background:linear-gradient(180deg,#fff 0%,#fafbfc 100%);
}
.section-header h2,
.vehicles-header h1,
.page-header h1{
    letter-spacing:-.035em;
}
.filter-bar{
    border:1px solid #edf0f3;
    box-shadow:0 12px 36px rgba(20,27,38,.07);
    border-radius:20px;
}
.filter-btn,
.filter-bar button{
    border-radius:999px!important;
}

/* Dikey premium kart */
.vehicle-grid{
    gap:22px;
    align-items:stretch;
}
.vehicle-card{
    position:relative;
    display:flex;
    flex-direction:column;
    min-height:100%;
    background:#fff;
    border:1px solid #eceff3;
    border-radius:22px;
    overflow:hidden;
    box-shadow:0 12px 36px rgba(18,26,39,.08);
    transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.vehicle-card:hover{
    transform:translateY(-5px);
    border-color:#f2c6ca;
    box-shadow:0 20px 50px rgba(24,31,43,.13);
}
.vehicle-card::after{
    content:"";
    height:5px;
    background:linear-gradient(90deg,var(--cj-red),#f34a53 58%,var(--cj-red-dark));
    display:block;
    order:99;
}
.vehicle-card-image{
    height:220px;
    padding:0;
    background:#f1f3f5;
    border-bottom:1px solid #eef0f3;
}
.vehicle-card-image::after{
    content:"";
    position:absolute;
    inset:auto 0 0 0;
    height:48px;
    background:linear-gradient(180deg,transparent,rgba(0,0,0,.08));
    pointer-events:none;
}
.vehicle-card-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    padding:0;
    transform:scale(1.002);
}
.vehicle-card-badges{
    top:14px;
    left:14px;
    gap:7px;
    z-index:3;
}
.badge{
    padding:7px 12px;
    border-radius:999px;
    font-size:.71rem;
    line-height:1;
    font-weight:850;
    letter-spacing:.01em;
    box-shadow:0 5px 15px rgba(0,0,0,.10);
}
.badge-category{
    background:linear-gradient(135deg,#ef3440,var(--cj-red));
    color:#fff;
}
.badge-insurance{
    background:rgba(255,255,255,.94);
    color:var(--cj-red-dark);
    border:1px solid rgba(255,255,255,.75);
    backdrop-filter:blur(8px);
}
.vehicle-card-body{
    padding:18px 17px 16px;
    display:flex;
    flex-direction:column;
    flex:1;
}
.vehicle-card-body h3{
    margin:0 0 12px;
    color:#17191e;
    font-size:1.12rem;
    line-height:1.2;
    font-weight:850;
    letter-spacing:-.025em;
}
.vehicle-specs{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px 6px;
    margin:0 0 15px;
    color:#747d8b;
    font-size:.76rem;
}
.vehicle-specs span,
.vehicle-specs .spec-item{
    min-width:0;
    gap:5px;
    white-space:nowrap;
}
.vehicle-specs svg{
    width:16px!important;
    height:16px!important;
    stroke:var(--cj-red)!important;
}

/* Tema 2 fiyat düzeni: aylık + günlük yan yana, depozito tek satır */
.vehicle-price-boxes{
    display:grid;
    grid-template-columns:1.25fr .95fr;
    gap:8px;
    margin:0 0 12px;
}
.price-box{
    min-height:76px;
    border-radius:15px;
    padding:10px 12px;
    border:1px solid #edf0f3;
    background:#f8f9fb;
    box-shadow:none;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
    gap:4px;
}
.price-box:hover{transform:none;box-shadow:none}
.price-box .price-box-label{
    font-size:.69rem;
    letter-spacing:.035em;
    line-height:1.05;
}
.price-box .price-box-value{
    font-size:1.17rem;
    line-height:1.1;
    letter-spacing:-.025em;
}
.price-box.price-box-monthly{
    background:linear-gradient(135deg,#ea2b36 0%,#d61420 65%,#b90c17 100%);
    border:0;
    box-shadow:0 10px 24px rgba(223,26,39,.22);
}
.price-box.price-box-monthly .price-box-label,
.price-box.price-box-monthly .price-box-value{color:#fff}
.price-box.price-box-monthly .price-box-value{font-size:1.28rem}
.price-box.price-box-monthly .price-box-badge{
    display:inline-flex;
    margin:0 0 1px 6px;
    padding:3px 7px;
    border-radius:6px;
    background:rgba(255,255,255,.18);
    animation:none;
    vertical-align:middle;
}
.price-box.price-box-highlight{
    background:linear-gradient(180deg,#fff7f8,#fff1f3);
    border:1px solid #f9d9dc;
    box-shadow:none;
}
.price-box.price-box-highlight .price-box-label{color:var(--cj-red-dark)}
.price-box.price-box-highlight .price-box-value{color:var(--cj-red);font-size:1.23rem}
.price-box.price-box-deposit{
    grid-column:1/-1;
    min-height:44px;
    padding:9px 12px;
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
    border:1px solid #e7eaee;
    background:#f6f7f9;
    border-radius:13px;
}
.price-box.price-box-deposit .price-box-label{color:#687280}
.price-box.price-box-deposit .price-box-value{color:#606a78;font-size:.98rem}
.deposit-info-btn{width:17px;height:17px;background:var(--cj-red);font-size:10px}

.vehicle-card-actions{
    display:grid;
    grid-template-columns:1fr 1.08fr;
    gap:8px;
    margin-top:auto;
}
.vehicle-card-actions .btn{
    min-height:44px;
    padding:9px 9px;
    border-radius:999px;
    font-size:.79rem;
    font-weight:800;
}
.vehicle-card-actions .btn-outline,
.vehicle-card-actions .btn-secondary{
    background:#fff;
    color:var(--cj-red)!important;
    border:1.6px solid var(--cj-red)!important;
}
.vehicle-card-actions .btn-whatsapp,
.vehicle-card-actions .btn-primary{
    border:0!important;
    background:linear-gradient(135deg,#21c86a,#16ac57)!important;
    color:#fff!important;
    box-shadow:0 8px 20px rgba(25,177,91,.18);
}

/* Runtime'ın eklediği güven şeridi */
.cj-card-trust{
    display:flex;
    gap:6px;
    align-items:center;
    margin-top:10px;
    padding-top:10px;
    border-top:1px solid #f0f1f3;
    color:#8a929d;
    font-size:.63rem;
    font-weight:750;
    letter-spacing:.01em;
}
.cj-card-trust span{display:inline-flex;align-items:center;gap:3px}
.cj-card-trust span+span::before{content:"•";margin-right:3px;color:#c8ccd1}

/* Araç detay sayfasını aynı kurumsal stile bağla */
.vehicle-detail-card,
.detail-card,
.booking-card,
.summary-card{
    border-radius:22px!important;
    border:1px solid #ebedf1!important;
    box-shadow:0 16px 44px rgba(18,26,39,.09)!important;
}
.vehicle-detail-image,
.detail-image{
    border-radius:22px!important;
    overflow:hidden;
}
.vehicle-detail-image img,
.detail-image img{object-fit:cover!important}

/* Mobilde de dikey kart korunur */
@media (max-width:1100px){
    .vehicle-grid.layout-grid4{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:820px){
    .vehicle-grid,
    .vehicle-grid.layout-grid3,
    .vehicle-grid.layout-grid4,
    .vehicle-grid.layout-compact{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
    .vehicle-card-image{height:205px}
}
@media (max-width:560px){
    .vehicle-grid,
    .vehicle-grid.layout-grid3,
    .vehicle-grid.layout-grid4,
    .vehicle-grid.layout-compact{grid-template-columns:1fr;gap:16px}
    .vehicle-card{max-width:420px;margin-inline:auto;border-radius:22px}
    .vehicle-card-image{height:230px}
    .vehicle-card-body{padding:17px}
    .vehicle-card-body h3{font-size:1.15rem}
    .vehicle-specs{font-size:.78rem}
    .price-box{padding:11px 12px}
    .vehicle-card-actions .btn{font-size:.81rem}
}