/* =========================================================================
   ANA SAYFA — TAKVİM GÖRÜNÜM SEÇİCİ (Ay / Liste) ve AY KUTULARI
   ========================================================================= */

/* Ay / Liste segmenti */
.ana-takvim-kontrol{flex-wrap:wrap;}
.ana-seg{display:inline-flex;padding:3px;border-radius:11px;background:var(--page-bg);border:1px solid var(--border);margin-right:6px;}
.ana-seg-btn{border:0;background:transparent;padding:6px 12px;border-radius:8px;font:inherit;font-size:12.5px;font-weight:600;color:var(--text-muted);cursor:pointer;transition:background .15s,color .15s,box-shadow .15s;}
.ana-seg-btn:hover{color:var(--text);}
.ana-seg-btn.aktif{background:linear-gradient(180deg,#5b9ce8,#2563af);color:#fff;box-shadow:0 2px 0 #173f73,0 6px 12px rgba(37,99,175,.3);}

/* Liste görünümü: üç ay kutusu yan yana */
.ana-liste-izgara{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
.ana-liste-kutu{display:flex;flex-direction:column;min-width:0;border:1px solid var(--border);border-radius:14px;background:var(--card-bg);overflow:hidden;box-shadow:0 1px 2px rgba(16,24,40,.04);}
.ana-liste-kutu-ust{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;background:var(--page-bg);border-bottom:1px solid var(--border);}
.ana-liste-kutu-ust b{font-size:14px;}
.ana-liste-kutu-ust span{color:var(--text-muted);font-size:13px;}
.ana-liste-kutu-sag{display:flex;align-items:center;gap:8px;}
.ana-liste-kutu-sag em{font-style:normal;font-size:11px;background:var(--blue-light);color:var(--blue);padding:2px 8px;border-radius:999px;font-weight:600;}
.ana-buyut{width:28px;height:28px;border:1px solid var(--border);border-radius:9px;background:var(--card-bg);color:var(--text);cursor:pointer;font-size:14px;line-height:1;}
.ana-buyut:hover{background:var(--blue-light);color:var(--blue);}

/* Kaydırılabilir alan: dikey ve yatay kaydırma */
.ana-liste-kaydirma{height:340px;overflow:auto;padding:6px;}
.ana-liste-kaydirma::-webkit-scrollbar{width:8px;height:8px;}
.ana-liste-kaydirma::-webkit-scrollbar-thumb{background:#cfd3da;border-radius:8px;}
.ana-liste-kaydirma::-webkit-scrollbar-track{background:transparent;}

.ana-liste-satir{display:flex;gap:10px;align-items:center;min-width:260px;padding:8px 9px;border-radius:11px;cursor:pointer;transition:background .15s;}
.ana-liste-satir:hover{background:var(--blue-light);}
.ana-liste-satir + .ana-liste-satir{margin-top:2px;}
.ana-liste-tatil{background:#fdf3f3;}
.ana-liste-tatil:hover{background:#fbe4e6;}
.ana-liste-tarih{width:40px;height:40px;flex-shrink:0;border-radius:11px;background:var(--blue-light);color:var(--blue);display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;}
.ana-liste-tatil .ana-liste-tarih{background:#fbe4e6;color:var(--red);}
.ana-liste-tarih b{font-size:15px;}
.ana-liste-tarih span{font-size:9.5px;text-transform:uppercase;margin-top:2px;}
.ana-liste-metin{min-width:0;flex:1;}
.ana-liste-metin b{display:block;font-size:12.5px;white-space:nowrap;}
.ana-liste-metin small{display:flex;gap:6px;align-items:center;font-size:11px;color:var(--text-muted);margin-top:3px;white-space:nowrap;}
.ana-tur-tatil{background:#fbe4e6;color:var(--red);}

/* Büyütülmüş popup içindeki kutu */
.ana-modal-buyuk{max-width:none;}
.ana-liste-kutu-genis .ana-liste-kaydirma{height:min(62vh,520px);}
.ana-liste-kutu-genis{border:0;}
.ana-liste-kutu-genis .ana-liste-satir{min-width:0;padding:10px 12px;}
.ana-liste-kutu-genis .ana-liste-metin b{white-space:normal;font-size:14px;}
.ana-liste-kutu-genis .ana-liste-metin small{white-space:normal;}

@media (max-width:1100px){
  .ana-liste-izgara{grid-template-columns:1fr;}
  .ana-liste-kaydirma{height:260px;}
}

/* Yıllık resmi tatil listesi (ana sayfa ve veli randevuları) */
.ana-yillik{margin-bottom:18px;}
.ana-yillik-izgara{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
.ana-yillik-baslik{font-size:14px;font-weight:800;color:#8b1a1a;padding-bottom:6px;border-bottom:2px solid #f3e1e1;margin-bottom:6px;}
.ana-yillik-satir{display:grid;grid-template-columns:92px 84px 1fr;gap:8px;align-items:center;padding:6px 8px;border-radius:8px;font-size:12.5px;}
.ana-yillik-satir:nth-child(odd){background:var(--page-bg);}
.ana-yillik-satir b{font-weight:700;}
.ana-yillik-satir em{font-style:normal;color:var(--text-muted);font-size:11.5px;}
.ana-yillik-satir span{color:var(--red);}
.ana-yillik-satir.arife span{color:var(--orange-dark);}
@media (max-width:760px){.ana-yillik-izgara{grid-template-columns:1fr;}.ana-yillik-satir{grid-template-columns:86px 1fr;}.ana-yillik-satir em{display:none;}}
