/* 4.249.27 — Akıllı Arama: filtre çubuğu, öneri kutusu, yazım bilgisi.
   Yalnız bu dosyadaki sınıfları etkiler (oon-arama-filtre, oon-arama-chip, oon-canli, oon-search-duzeltme);
   mevcut sonuç kartlarına, menülere ve Sınıf Defterim Atlas tasarımına dokunmaz. Anahtar: arama_arayuz. */

.oon-arama-filtre{display:grid;grid-template-columns:minmax(0,1fr);min-width:0;max-width:100%;contain:inline-size;overflow:hidden;gap:10px;margin:14px 0 18px;padding:12px 14px;background:#f6faf8;border:1px solid #dbe8e2;border-radius:14px}
.oon-arama-filtre__grup{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;min-width:0}
.oon-arama-filtre__baslik{flex:0 0 118px;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#43606f}
.oon-arama-filtre__liste{display:flex;flex-wrap:wrap;gap:8px;min-width:0}
.oon-arama-chip{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border-radius:999px;background:#fff;border:1px solid #bcd0c6;color:#1f2d3d;font-size:14px;font-weight:600;line-height:1.2;text-decoration:none;white-space:nowrap}
.oon-arama-chip:hover{border-color:#1b7f68;color:#0f5f4c}
.oon-arama-chip.is-aktif{background:#1b7f68;border-color:#1b7f68;color:#fff}
.oon-arama-filtre__temizle{justify-self:start;display:inline-flex;align-items:center;min-height:40px;padding:0 4px;font-size:14px;font-weight:700;color:#0e3a57;text-decoration:underline}
.oon-arama-chip:focus-visible,.oon-arama-filtre__temizle:focus-visible,.oon-canli a:focus-visible{outline:3px solid #0e3a57;outline-offset:2px}

.oon-search-duzeltme{margin:6px 0 12px}

/* Canlı öneri kutusu: klavye ile seçilen satır */
.oon-canli a[aria-selected="true"]{background:#eef7f4!important;box-shadow:inset 3px 0 0 #1b7f68}
.oon-canli a{min-height:44px;box-sizing:border-box}

/* Dar ekran: filtre grupları alt alta, seçenekler yatay kaydırılır (sayfa yatay taşmaz) */
@media(max-width:760px){
  .oon-arama-filtre{padding:12px;margin:12px 0 14px}
  .oon-arama-filtre__grup{flex-direction:column;align-items:stretch;gap:6px}
  .oon-arama-filtre__baslik{flex:none}
  .oon-arama-filtre__liste{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;padding:2px 2px 6px;margin:0 -2px}
  .oon-arama-chip{flex:0 0 auto;min-height:44px;scroll-snap-align:start}
  .oon-arama-filtre__temizle{min-height:44px}
}
@media(prefers-reduced-motion:no-preference){
  .oon-arama-chip{transition:background-color .15s ease,border-color .15s ease,color .15s ease}
}
@media(forced-colors:active){
  .oon-arama-chip.is-aktif{outline:2px solid Highlight}
}

/* 4.249.30 — Evrensel katalog: “Anlaşılan” satırı ve “Hazır içerikler” kartları (yalnız bu sınıfları etkiler) */
.oon-search-anlasilan{margin:6px 0 12px}
.oon-search-hazir .oon-search-sayi{display:block;margin-top:2px;font-size:13px;font-weight:600;color:#43606f}
.oon-kat-kart{min-height:0;gap:6px;padding:12px 14px}
.oon-kat-kart .oon-smart-file-head{flex-wrap:wrap;gap:6px}
.oon-kat-kart strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;overflow-wrap:anywhere}
.oon-kat-kart small{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;overflow-wrap:anywhere}
/* Sınıf bağlantılı kart: başlık bağlantısı kartın tamamını kaplar (tüm kutu tıklanır); sınıf bağlantıları üstte kalır */
.oon-kat-kart--sinifli{position:relative;cursor:pointer}
.oon-kat-kart--sinifli strong a{color:inherit;text-decoration:none}
.oon-kat-kart--sinifli strong a::after{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit}
.oon-kat-kart--sinifli strong a:focus-visible{outline:none}
.oon-kat-kart--sinifli strong a:focus-visible::after{outline:3px solid #0e3a57;outline-offset:2px}
.oon-kat-kart--sinifli:hover{box-shadow:0 6px 18px rgba(14,58,87,.14)}
.oon-kat-sinifler{display:flex;flex-wrap:wrap;gap:6px;position:relative;z-index:2}
/* Kaynak rozeti (Ödev Atölyesi, Etkinlik Atölyesi…): belirgin ve araca göre ayrı renk */
.oon-kat-kart{border-left:4px solid #94a3b8}
.oon-kat-kart .oon-kat-alt{display:flex;flex-wrap:wrap;align-items:center;gap:6px;overflow:visible}
.oon-kat-kaynak{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.01em;background:#eef2f6;color:#334155}
.oon-kat-kaynak::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
.oon-kat-devam{font-size:12px;color:#5b7381}
.oon-kat-k-odev-atolyesi{border-left-color:#2563eb}.oon-kat-k-odev-atolyesi .oon-kat-kaynak{background:#e3ecff;color:#1d4ed8}
.oon-kat-k-etkinlik-atolyesi{border-left-color:#ea580c}.oon-kat-k-etkinlik-atolyesi .oon-kat-kaynak{background:#ffe9d6;color:#b43f06}
.oon-kat-k-defter-notlari{border-left-color:#0d9488}.oon-kat-k-defter-notlari .oon-kat-kaynak{background:#d6f5ef;color:#0b6b62}
.oon-kat-k-deneme-merkezi{border-left-color:#e11d48}.oon-kat-k-deneme-merkezi .oon-kat-kaynak{background:#ffe1e8;color:#b0123a}
.oon-kat-k-haftalik-odev{border-left-color:#7c3aed}.oon-kat-k-haftalik-odev .oon-kat-kaynak{background:#eee5ff;color:#5b21b6}
.oon-kat-k-meb-projeleri{border-left-color:#ca8a04}.oon-kat-k-meb-projeleri .oon-kat-kaynak{background:#fdf1c7;color:#854d0e}
.oon-kat-sinif{display:inline-flex;align-items:center;min-height:28px;padding:2px 10px;border:1px solid #b9d3cb;border-radius:999px;background:#fff;color:#0e5a46;font-size:13px;font-weight:700;text-decoration:none}
.oon-kat-sinif:hover,.oon-kat-sinif:focus-visible{background:#0e5a46;color:#fff;outline:none}
.oon-kat-kart:focus-visible{outline:3px solid #0e3a57;outline-offset:2px}
@media(max-width:600px){
  .oon-search-hazir .oon-smart-grid{grid-template-columns:minmax(0,1fr)}
  .oon-kat-kart{min-height:44px}
  .oon-kat-sinif{min-height:44px;min-width:44px;justify-content:center}
}
@media(forced-colors:active){
  .oon-kat-kart{border:1px solid CanvasText}
}
.oon-kat-k-ders-fabrikasi{border-left-color:#7c3aed}.oon-kat-k-ders-fabrikasi .oon-kat-kaynak{background:#efe7ff;color:#5b21b6}