/* ============================================================
   DOSYA SORUMLULUGU — screens-10-desktop-hover.css
   ------------------------------------------------------------
   NE YAPAR   : Masaustu fare: hover durumlari ve imlec duzeltmeleri.
   KAYNAK     : v3.12.0'da bolundu — kurallar birebir tasindi,
                hicbir kural yeniden yazilmadi veya siralanmadi.
   SIRA       : index.html'deki <link> sirasi kaskadi belirler.
                Bu dosyanin sirasini DEGISTIRME.
   ------------------------------------------------------------
   Tam dosya listesi ve sira: BAGIMLILIK-HARITASI.md
   ============================================================ */

/* ============================================================
   DESKTOP MOUSE — HOVER STATES + CURSOR FIXES
   ============================================================ */

/* Ensure cursor on all clickable divs */
.acc-header,
.gc-day-header,
.wj-trend-bar,
.mp-ex-main,
.mp-sub-pill,
.mp-lib-item,
.vd-dot,
.nav-item,
.cal-day,
.chip,
.wj-chip,
.menu-item,
.gc-filter,
.gc-day-header,
.howto-ob-btn,
.ai-seg-btn,
.ai-btn-generate,
.ai-btn-regen,
.ai-btn-edit,
.ai-btn-copy,
.prof-settings-toggle { cursor: pointer; }

/* Readable text — no pointer */
.hero-kcal, .hero-label, .hero-greeting,
.wj-current, .wj-unit, .wj-label,
.card-title, .topbar-title, .topbar-logo,
.ant-stat-val, .ant-stat-lbl,
.modal-title, .section-title { cursor: default; user-select: none; }

/* Prevent text selection on all tappable elements */
.nav-item, .menu-item, .cal-day, .chip,
.wj-chip, .wj-btn, .meal-btn, .modal-tab,
.gc-filter, .gc-day-header, .acc-header,
.ai-seg-btn, .topbar-back, .topbar-action,
.food-add-btn, .ant-lift-card { user-select: none; }

/* ── HOVER STATES ── */
@media (hover: hover) {
  /* Nav */
  .nav-item:hover { background: rgba(232,93,0,0.06); }
  .nav-item:hover .nav-label { color: var(--orange); }
  .nav-item:hover .nav-icon { transform: scale(1.06); filter: drop-shadow(0 1px 4px rgba(232,93,0,0.25)); }

  /* Buttons */
  .btn-primary:hover { opacity: 0.92; box-shadow: 0 6px 20px rgba(232,93,0,0.38); }
  .btn-secondary:hover { background: var(--bg4); }
  .wj-btn:hover { opacity: 0.92; box-shadow: 0 6px 18px rgba(232,93,0,0.36); }
  .food-add-btn:hover { opacity: 0.92; }
  .wlc-btn-primary:hover { opacity: 0.92; }
  .wlc-btn-secondary:hover { background: var(--bg4); }
  .ms-btn-primary:hover { opacity: 0.92; }
  .ai-btn-generate:hover { opacity: 0.92; }
  .ai-btn-copy:hover { opacity: 0.92; }

  /* Menu items */
  .menu-item:hover { background: var(--bg3); }

  /* Cal day */
  .cal-day:hover { background: var(--bg3); border-color: var(--border2); }
  .cal-day.active:hover { background: var(--orange); }

  /* Chips */
  .chip:hover { background: var(--bg3); border-color: var(--border2); }
  .wj-chip:hover { background: var(--bg3); }
  .wj-chip.done:hover { background: #FFE8D6; }

  /* Meal buttons */
  .meal-btn:hover { background: var(--bg4); }
  .meal-btn.active:hover { background: var(--orange-light); }

  /* Modal tabs */
  .modal-tab:hover { background: var(--bg4); }
  .modal-tab.active:hover { opacity: 0.92; }

  /* GC */
  .gc-day-header:hover { background: var(--bg3); }
  .gc-filter:hover { border-color: var(--border2); background: var(--bg3); }
  .gc-filter.active:hover { background: var(--orange-light); }

  /* Acc */
  .acc-header:hover { background: var(--bg3); }

  /* Topbar buttons */
  .topbar-back:hover { background: var(--bg4); }
  .topbar-action:hover { background: var(--bg4); }

  /* Food del */
  .food-del:hover { opacity: 1; color: var(--danger); }
  .ant-lift-del:hover { opacity: 1; color: var(--danger); }

  /* Seg buttons */
  .ai-seg-btn:hover { color: rgba(255,255,255,0.7); }
  .ai-seg-btn.active:hover { color: #fff; }

  /* AI regen/edit */
  .ai-btn-regen:hover { background: rgba(255,255,255,0.12); }
  .ai-btn-edit:hover { background: rgba(255,255,255,0.08); }

  /* Muscle page zones */
  .vd-zone:hover { opacity: 0.85; }
  .mp-ex-main:hover { background: rgba(255,255,255,0.05); }
  .mp-sub-pill:hover { opacity: 0.8; }
  .mp-lib-item:hover { background: rgba(255,255,255,0.28); }

  /* VD dots */
  .vd-dot:hover { transform: scale(1.3); }
}

