/*
 * Tema İçi Çalışma: Aylık Takvimli Fiyatlandırma Sistemi Ön Yüz CSS
 * Lokasyon: /scripts/month-prices-system/css/me-monthly-pricing.css
 */

/* =========================================================
 * 1. Fiyat Widget Konteyneri (single-product.php içine eklenmeli)
 * ========================================================= */
#me-dynamic-price-widget {
    padding: 15px;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    background-color: #f9f9f9;
    margin-top: 20px;
    min-height: 80px; /* Yüklenirken içeriğin kaymaması için */
}

/* =========================================================
 * 2. Durum Mesajları ve Yükleme Stilleri
 * ========================================================= */
.me-loading-indicator {
    color: #0073aa;
    font-style: italic;
    font-size: 14px;
    /* Basit bir yanıp sönme animasyonu */
    animation: me-blink 1.5s infinite; 
}
@keyframes me-blink {
    50% { opacity: 0.6; }
}

.me-price-error {
    color: #d63638;
    font-weight: bold;
}

/* =========================================================
 * 3. Fiyat Detayları
 * ========================================================= */
.me-price-status h4 {
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 10px;
    border-bottom: 1px solid #eee;
    padding-bottom: 5px;
}

.me-price-status ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.me-price-status ul li {
    padding: 5px 0;
    border-bottom: 1px dotted #eee;
    font-size: 15px;
    overflow: hidden; /* float için */
}

.me-price-status ul li:last-child {
    border-bottom: none;
}

.me-price-status strong {
    color: #4CAF50; /* Yeşil - Fiyatı vurgulamak için */
    font-size: 16px;
    float: right;
}

/* Kapalı Tarih Stili */
.me-price-status.closed {
    color: #cc0000;
    font-weight: bold;
    text-align: center;
    padding: 10px;
    background-color: #ffeaea;
    border: 1px solid #cc0000;
}

.me-loading-indicator {
    display: flex; /* Metin ve noktaları yan yana hizalamak için */
    align-items: center;
    color: #0073aa;
    font-style: italic;
    font-size: 14px;
}

.me-loading-dots {
    display: inline-flex;
    margin-left: 10px;
    height: 10px; /* Noktaların dikey ortalanması için */
    align-items: center;
}

.me-loading-dots span {
    width: 6px; /* Nokta genişliği */
    height: 6px; /* Nokta yüksekliği */
    margin: 0 2px;
    background-color: #f3772d; /* Nokta rengi */
    border-radius: 50%; /* Yuvarlak şekil */
    opacity: 0; /* Başlangıçta görünmez */
    animation: me-dot-fade 1.5s infinite ease-in-out;
}

/* Noktalara gecikme ekleyerek sırayla yanıp sönmelerini sağlıyoruz */
.me-loading-dots span:nth-child(1) {
    animation-delay: 0s;
}

.me-loading-dots span:nth-child(2) {
    animation-delay: 0.2s;
}

.me-loading-dots span:nth-child(3) {
    animation-delay: 0.4s;
}

@keyframes me-dot-fade {
    0%, 80%, 100% { 
        opacity: 0; 
        transform: scale(0.8);
    }
    40% { 
        opacity: 1; 
        transform: scale(1);
    }
}

.ars-tour-style-price-area .me-loading-indicator{
        float: right;
    margin-top: 7px;
    margin-right: 8px;
    margin-left: -12px;
}

.fc .fc-daygrid-day.fc-day-today {
    background-color: transparent;
}