/* ui-patch.css — v3.16 (final)
   - Menü: kalın + yeşil hover/aktif
   - Buton: yeşil hover
   - Latest News: responsive 3/2/1 şerit (kesilme yok)
   - Flex shrink fix (min-width:0) sadece Latest sütununda
   - Tri cards
   - Footer + Subfooter
   - Başlıkların kelime ortasından kırılmasını engelle
*/

/* ===== MENU ===== */
.site-header .nav .menu a { font-weight:700 !important; letter-spacing:.2px; }
.site-header .nav .menu a:hover,
.site-header .nav .menu a.active,
.site-header .nav .menu a[aria-current="page"] { color:#9ad24a !important; }

/* ===== BUTTON hover (Oku vs.) ===== */
.btn, a.btn { transition:all .15s ease; }
.btn:hover, .btn.outline:hover {
  background:#8fca3f !important;
  border-color:#8fca3f !important;
  color:#0c0f0a !important;
  transform:translateY(-1px);
  box-shadow:0 6px 14px rgba(143,202,63,.18);
}
a.btn.outline { color:inherit; }

/* ===== LATEST NEWS — responsive şerit ===== */
/* Sütun flex satırında daralabilsin */
.box:has(#latest-ribbon),
.card:has(#latest-ribbon),
.section:has(#latest-ribbon),
.cols > *:has(#latest-ribbon),
.columns > *:has(#latest-ribbon),
.row > *:has(#latest-ribbon) {
  min-width:0 !important;
  align-self:flex-start;
}

/* Şerit kendi içinde taşsın */
#latest-ribbon { overflow:hidden; min-width:0; max-width:100%; }

#latest-ribbon .track{
  display:grid !important;
  grid-auto-flow:column;
  /* Geniş alanda 3 kart; daralırsa küçülür (alt ve üst sınır) */
  grid-auto-columns:clamp(190px, calc((100% - 24px)/3), 256px);
  column-gap:12px;
  justify-content:start !important;
  align-items:center;
  max-width:100%;
}

/* Orta genişlikte 2 kart */
@media (max-width:1200px){
  #latest-ribbon .track{ grid-auto-columns:calc((100% - 12px)/2); }
}
/* Dar ekranda 1 kart */
@media (max-width:700px){
  #latest-ribbon .track{ grid-auto-columns:100%; }
}

/* Kartın kendisi track’in verdiği genişliği kullansın */
#latest-ribbon .mini{
  display:flex; gap:10px; align-items:center;
  flex:none !important;
  width:auto !important; min-width:0 !important; max-width:100% !important;
  margin:0 !important; padding:8px 10px;
  border:1px solid var(--border); border-radius:12px; background:#131810;
}
#latest-ribbon .mini img{ width:56px; height:56px; object-fit:cover; border-radius:10px; }
#latest-ribbon .mini .meta{ font-size:.8rem; color:var(--muted); }

/* ===== Tri cards ===== */
.container.tri.extra{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.container.tri.extra .card{ padding:18px; }
.container.tri.extra .list.bullets{ margin:12px 0 0; display:grid; gap:6px; list-style:disc inside; opacity:.9; }
@media (max-width:980px){ .container.tri.extra{ grid-template-columns:1fr; } }

/* ===== Footer & Subfooter ===== */
.site-footer{ border-top:1px solid var(--border); padding:28px 0; margin-top:32px; }
.site-footer .legal{ display:none !important; }
.site-footer > .container > div[style*="margin-top:14px"]{ display:none !important; } /* eski inline legal */

.subfooter{ border-top:1px solid var(--border); padding:12px 0; margin-top:10px; font-size:.95rem; }
.subfooter .container{ display:flex; justify-content:space-between; align-items:center; gap:10px; }
.subfooter .right a{ opacity:.9; }
@media (max-width:700px){ .subfooter .container{ flex-direction:column; align-items:flex-start; } }

/* ===== Word-break fix (başlıklar parçalanmasın) ===== */
.card h1, .card h2, .card h3, .card h4, .card h5, .card h6,
.card .title, .card .heading{
  word-break:normal !important;
  overflow-wrap:normal !important;
}
.card p, .card .content p, .card .content a{
  overflow-wrap:anywhere;
  word-break:break-word;
}