/* =====================================================
   Kayra Kiralama – Frontend Stilleri
   Dosya: assets/css/frontend.css
   ===================================================== */

/* Genel kutular */
.kayra-rental-dates,
.kayra-extra-km-box,
.kayra-vehicle-specs {
    background: #fff;
    border-radius: 6px;
    padding: 15px;
    margin: 20px 0;
}

/* Başlıklar */
.kayra-rental-dates h3,
.kayra-extra-km-box h3,
.kayra-vehicle-specs h3 {
    margin: 0 0 12px 0;
    font-size: 18px;
    font-weight: 600;
}

/* ==============================
   KİRALAMA TARİHLERİ
   ============================== */

/* Kutunun kendisi normal kalsın */
.kayra-rental-dates {
    margin-top: 10px !important;
}

/* Başlık tam satır */
.kayra-rental-dates h3 {
    grid-column: 1 / -1;
}

/* 2 kolonlu grid oluştur */
.kayra-rental-dates {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px 20px;
}

/* Label + input TAM SATIR KAPLASIN */
.kayra-rental-dates label,
.kayra-rental-dates input {
    width: 100%;
}

/* Alış Tarihi label + input → SOL */
.kayra-rental-dates label:nth-of-type(1),
.kayra-rental-dates input:nth-of-type(1) {
    grid-column: 1;
}

/* İade Tarihi label + input → SAĞ */
.kayra-rental-dates label:nth-of-type(2),
.kayra-rental-dates input:nth-of-type(2) {
    grid-column: 2;
}

/* Mobilde alt alta */
@media (max-width: 576px) {
    .kayra-rental-dates {
        grid-template-columns: 1fr;
    }

    .kayra-rental-dates label,
    .kayra-rental-dates input {
        grid-column: 1 !important;
    }
}

/* =====================================================
   ARAÇ ÖZELLİKLERİ – GRID
   ===================================================== */

.kayra-features-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px 22px;
    margin: 20px 0 10px;
    padding-top: 15px;
    border-top: 1px solid #eee;
}

.kayra-feature {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #333;
}

.kayra-feature i {
    color: #ba0809;
    margin-right: 8px;
    min-width: 18px;
}

@media (max-width: 992px) {
    .kayra-features-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .kayra-features-grid {
        grid-template-columns: 1fr;
    }
}

/* =====================================================
   EKSTRA KM
   ===================================================== */

.kayra-extra-km-box label {
    font-size: 14px;
    cursor: pointer;
}

#kayra-extra-km-input input[type="number"] {
    width: 120px;
    padding: 6px 8px;
    font-size: 14px;
}

/* Sepet içi detaylar */
.kayra-cart-details {
    margin-top: 6px;
    font-size: 13px;
    color: #555;
}

/* =====================================================
   DATEPICKER
   ===================================================== */

.ui-datepicker {
    font-size: 14px;
}

.kayra-available-day a {
    background: #e8f5e9 !important;
    color: #2e7d32 !important;
    border-radius: 4px !important;
}

.kayra-disabled-day a {
    background: #fdecea !important;
    color: #b71c1c !important;
    border-radius: 4px !important;
    pointer-events: none !important;
    cursor: not-allowed !important;
}

.kayra-disabled-day a:hover {
    background: #fdecea !important;
}

/* Mobilde Show More / Show Less gizle (Impreza) */
@media (max-width: 768px) {
    .w-post-elm-content-toggle,
    .w-post-elm-content-more,
    .w-post-elm-content-less {
        display: none !important;
    }
}