/* =====================================================================
   RAVZA teması
   ---------------------------------------------------------------------
   Metronic'in style.bundle.css dosyasına DOKUNULMAZ. Tema güncellemesi
   geldiğinde bundle olduğu gibi değiştirilebilsin diye bütün marka
   renkleri burada, CSS değişkenleri üzerinden ezilir.

   Renkler Mescid-i Nebevî'nin Ravza bölümünden alındı: hâkim yeşil,
   mihrap altını ve kirli beyaz. Amaç sakin ve saygılı bir yüzey; parlak
   vurgu yalnızca eylem düğmelerinde.
   ===================================================================== */

:root,
[data-bs-theme="light"] {
    --ravza-yesil:        #12604c;
    --ravza-yesil-koyu:   #0d4839;
    --ravza-yesil-acik:   #e8f2ee;
    --ravza-altin:        #b3902f;
    --ravza-altin-acik:   #faf3e0;
    --ravza-krem:         #f7f5f0;

    --bs-primary:          var(--ravza-yesil);
    --bs-primary-active:   var(--ravza-yesil-koyu);
    --bs-primary-light:    var(--ravza-yesil-acik);
    --bs-primary-inverse:  #ffffff;
    --bs-primary-rgb:      18, 96, 76;

    --bs-warning:          var(--ravza-altin);
    --bs-warning-active:   #96781f;
    --bs-warning-light:    var(--ravza-altin-acik);
    --bs-warning-inverse:  #ffffff;

    --bs-link-color:       var(--ravza-yesil);
    --bs-link-hover-color: var(--ravza-yesil-koyu);
}

[data-bs-theme="dark"] {
    /* Koyu temada aynı yeşil fazla koyu kalıyor; bir tık açılıyor ki
       metin kontrastı WCAG AA'yı geçsin. */
    --ravza-yesil:        #1d8a6c;
    --ravza-yesil-koyu:   #156b53;
    --ravza-yesil-acik:   #16302a;
    --ravza-altin:        #d4b355;
    --ravza-altin-acik:   #332d1a;

    --bs-primary:          var(--ravza-yesil);
    --bs-primary-active:   var(--ravza-yesil-koyu);
    --bs-primary-light:    var(--ravza-yesil-acik);
    --bs-primary-rgb:      29, 138, 108;

    --bs-warning:          var(--ravza-altin);
    --bs-warning-light:    var(--ravza-altin-acik);
}

/* --- Logo işareti ------------------------------------------------- */
/* Metronic'in demo logosu yerine kendi işaretimiz: Ravza'nın yeşil
   halısına gönderme yapan yuvarlak bir madalyon. Görsel dosyası yok,
   böylece tek bir istek daha az. */
.ravza-logo-isaret {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    flex-shrink: 0;
    background:
        radial-gradient(circle at 50% 42%, var(--ravza-altin) 0 5px, transparent 5px),
        linear-gradient(140deg, var(--ravza-yesil) 0%, var(--ravza-yesil-koyu) 100%);
    box-shadow: inset 0 0 0 2px rgba(179, 144, 47, .55);
}

/* --- Durum rozetleri ----------------------------------------------- */
.rozet-durum {
    font-weight: 600;
    letter-spacing: .01em;
    white-space: nowrap;
}

/* --- Sayı kartları -------------------------------------------------- */
/* Panelin üstündeki özet kutuları. Metronic'in kart bileşeni üzerine
   ince bir sol şerit: hangi metriğin hangi grupta olduğu tek bakışta
   ayrışsın. */
.ozet-kart {
    border-inline-start: 3px solid var(--bs-primary);
}
.ozet-kart .ozet-sayi {
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 1.1;
}
.ozet-kart .ozet-etiket {
    font-size: .8rem;
    color: var(--bs-gray-600);
}

/* --- Saat ızgarası (emir formu) -------------------------------------- */
/* 24 saat x 3 grup = 72 düğme. Grid, ekran daraldıkça sütun sayısını
   kendi düşürür; medya sorgusu gerekmiyor. */
.saat-izgara {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(88px, 1fr));
    gap: .5rem;
}
.saat-kutu {
    position: relative;
}
.saat-kutu input {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}
.saat-kutu label {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    padding: .5rem .25rem;
    border: 1px solid var(--bs-gray-300);
    border-radius: .475rem;
    cursor: pointer;
    transition: background-color .12s, border-color .12s;
    user-select: none;
}
.saat-kutu label:hover {
    border-color: var(--bs-primary);
}
.saat-kutu input:checked + label {
    background-color: var(--bs-primary-light);
    border-color: var(--bs-primary);
    color: var(--bs-primary);
    font-weight: 600;
}
.saat-kutu input:disabled + label {
    opacity: .4;
    cursor: not-allowed;
}
.saat-kutu .saat-doluluk {
    font-size: .7rem;
    color: var(--bs-gray-600);
}

/* --- Yükleme kuyruğu ------------------------------------------------ */
.yukleme-satir {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: .5rem .75rem;
    border-bottom: 1px solid var(--bs-gray-200);
    font-size: .875rem;
}
.yukleme-satir:last-child { border-bottom: 0; }
.yukleme-ad {
    flex: 1 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* --- RTL düzeltmeleri ------------------------------------------------ */
/* Metronic RTL paketi ile gelmiyor; aşağıdaki üç kural mantıksal
   özelliklerle yazıldığı için iki yönde de doğru çalışır. Bunun dışında
   bundle'ın RTL sürümü rtlcss ile üretiliyor (bkz. araclar/rtl-uret.js). */
[dir="rtl"] .ozet-kart {
    border-inline-start: 3px solid var(--bs-primary);
}

/* --- Yazdırma ------------------------------------------------------- */
@media print {
    #kt_app_header,
    #kt_app_sidebar,
    #kt_app_footer,
    .yazdirma-gizle { display: none !important; }

    #kt_app_main { margin: 0 !important; }
    .card { border: 1px solid #ddd !important; box-shadow: none !important; }
}

/* ---------------------------------------------------------------
   EMIR FORMU: takvimde ACIK SLOTU olan gunler
   ---------------------------------------------------------------
   Emir ileri tarihli verilebilir, yani takvimde her gun secilebilir.
   Bu isaret yalnizca "bugun itibariyle burada acik slot var" demektir;
   secimi SINIRLAMAZ.
   --------------------------------------------------------------- */
.flatpickr-day.emir-acik-gun {
    font-weight: 700;
    color: var(--ravza-yesil, #12604c);
}

.flatpickr-day.emir-acik-gun::after {
    content: '';
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: var(--ravza-yesil, #12604c);
    margin: 1px auto 0;
}

.flatpickr-day.emir-acik-gun.selected::after { background: #fff; }