/* =============================================
   ASKWAVE RESPONSIVE CSS
   ============================================= */

/* ─── TABLET (≤1024px) ──────────────────────── */
@media (max-width: 1024px) {
  :root { --aw-sidebar-width: 280px; }

  .aw-footer__grid {
    grid-template-columns: 1fr 1fr;
    gap: var(--aw-space-6);
  }
}

/* ─── MOBILE LARGE (≤768px) ─────────────────── */
@media (max-width: 768px) {
  :root { --aw-header-height: 60px; }

  /* Layout */
  .aw-layout {
    grid-template-columns: 1fr;
    padding-top: var(--aw-space-5);
    gap: var(--aw-space-5);
  }

  .aw-sidebar {
    position: static;
    order: 2;
  }

  /* Header */
  .aw-header__search { display: none; }
  .aw-header__nav > a:not(.aw-btn-ask) { display: none; }
  .aw-header__logo-text { font-size: var(--aw-text-lg); }

  /* Mobile menu button */
  .aw-mobile-menu-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: var(--aw-radius);
    background: var(--aw-gray-100);
    color: var(--aw-gray-700);
    font-size: 18px;
  }

  /* Mobile search bar */
  .aw-mobile-search {
    display: block;
    padding: var(--aw-space-3) var(--aw-space-4);
    border-bottom: 1px solid var(--aw-gray-200);
    background: var(--aw-white);
  }

  .aw-mobile-search .aw-input { font-size: 16px; } /* iOS zoom engeli */

  /* Page hero */
  .aw-page-hero { padding: var(--aw-space-8) 0 var(--aw-space-5); }
  .aw-page-hero__title { font-size: var(--aw-text-2xl); }
  .aw-page-hero__sub { font-size: var(--aw-text-base); }

  .aw-stats-bar {
    gap: var(--aw-space-4);
    flex-wrap: wrap;
  }

  /* Category bar */
  .aw-category-bar { top: var(--aw-header-height); }

  /* Question card */
  .aw-question-card {
    grid-template-columns: 50px 1fr;
    gap: var(--aw-space-3);
    padding: var(--aw-space-4);
  }

  .aw-stat-box { width: 46px; padding: var(--aw-space-1); }
  .aw-stat-box__num { font-size: var(--aw-text-sm); }

  .aw-question-card__meta { display: none; }
  .aw-question-card__footer { gap: var(--aw-space-2); }

  /* Single question */
  .aw-question-detail__body {
    grid-template-columns: 48px 1fr;
  }

  .aw-question-detail__title { font-size: var(--aw-text-xl); }

  .aw-vote-panel { padding: var(--aw-space-3) var(--aw-space-2); }
  .aw-vote-btn { width: 30px; height: 30px; font-size: 12px; }
  .aw-vote-count { font-size: var(--aw-text-lg); }

  /* Answer */
  .aw-answer {
    grid-template-columns: 48px 1fr;
  }

  /* Forms */
  .aw-form-row {
    grid-template-columns: 1fr;
  }

  .aw-ask-form__header h1 { font-size: var(--aw-text-xl); }

  /* Auth */
  .aw-auth-page { padding: var(--aw-space-5) var(--aw-space-4); align-items: flex-start; }

  /* Footer */
  .aw-footer__grid {
    grid-template-columns: 1fr;
    gap: var(--aw-space-6);
  }

  .aw-footer__bottom {
    flex-direction: column;
    gap: var(--aw-space-3);
    text-align: center;
  }

  /* Category grid */
  .aw-cat-grid { grid-template-columns: repeat(2, 1fr); }

  /* Filter bar */
  .aw-filter-bar { flex-direction: column; align-items: flex-start; }
  .aw-filter-tabs { overflow-x: auto; width: 100%; }

  /* Notification dropdown */
  .aw-notif-dropdown {
    width: calc(100vw - 32px);
    right: -60px;
  }

  /* Modal */
  .aw-modal-overlay { align-items: flex-end; padding: 0; }
  .aw-modal {
    border-radius: var(--aw-radius-lg) var(--aw-radius-lg) 0 0;
    max-height: 90vh;
    animation: aw-modal-mobile-in 250ms ease;
  }

  @keyframes aw-modal-mobile-in {
    from { transform: translateY(100%); }
    to   { transform: translateY(0); }
  }

  /* Breadcrumb */
  .aw-breadcrumb { display: none; }

  /* Btn ask — daha küçük */
  .aw-btn-ask { padding: 0 var(--aw-space-4); height: 38px; font-size: 13px; }
  .aw-btn-ask span { display: none; }
}

/* ─── MOBILE SMALL (≤480px) ─────────────────── */
@media (max-width: 480px) {
  .aw-container {
    padding-left: var(--aw-space-4);
    padding-right: var(--aw-space-4);
  }

  .aw-question-card {
    grid-template-columns: 1fr;
  }

  .aw-question-card__stats {
    flex-direction: row;
    gap: var(--aw-space-3);
    justify-content: flex-start;
  }

  .aw-stat-box {
    width: auto;
    flex-direction: row;
    gap: var(--aw-space-2);
    padding: var(--aw-space-2) var(--aw-space-3);
  }

  .aw-cat-grid { grid-template-columns: 1fr; }

  .aw-answers-header { flex-direction: column; align-items: flex-start; gap: var(--aw-space-2); }

  .aw-question-detail__body { grid-template-columns: 40px 1fr; }

  /* Pagination */
  .aw-pagination__list .page-numbers:not(.prev):not(.next):not(.current) {
    display: none;
  }

  .aw-pagination__list .current { display: flex; }
  .aw-pagination__list .dots { display: none; }
}

/* ─── MOBILE NAV DRAWER ─────────────────────── */
.aw-mobile-nav {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: none;
}

.aw-mobile-nav.is-open { display: block; }

.aw-mobile-nav__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.5);
  animation: aw-fade-in 200ms ease;
}

.aw-mobile-nav__drawer {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: min(320px, 85vw);
  background: var(--aw-white);
  overflow-y: auto;
  animation: aw-drawer-in 250ms ease;
  display: flex;
  flex-direction: column;
}

@keyframes aw-drawer-in {
  from { transform: translateX(-100%); }
  to   { transform: translateX(0); }
}

.aw-mobile-nav__header {
  padding: var(--aw-space-5);
  border-bottom: 1px solid var(--aw-gray-100);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.aw-mobile-nav__list {
  padding: var(--aw-space-4) var(--aw-space-3);
  flex: 1;
}

.aw-mobile-nav__list a {
  display: flex;
  align-items: center;
  gap: var(--aw-space-3);
  padding: var(--aw-space-3) var(--aw-space-4);
  border-radius: var(--aw-radius);
  font-size: var(--aw-text-base);
  font-weight: var(--aw-font-medium);
  color: var(--aw-gray-700);
  transition: all var(--aw-transition-fast);
}

.aw-mobile-nav__list a:hover,
.aw-mobile-nav__list a.active {
  background: var(--aw-primary-bg);
  color: var(--aw-primary);
}

.aw-mobile-nav__list a i {
  width: 20px;
  text-align: center;
  color: var(--aw-gray-400);
}

.aw-mobile-nav__list a:hover i,
.aw-mobile-nav__list a.active i { color: var(--aw-primary); }

.aw-mobile-nav__list hr {
  border: none;
  border-top: 1px solid var(--aw-gray-100);
  margin: var(--aw-space-3) 0;
}

.aw-mobile-nav__footer {
  padding: var(--aw-space-5);
  border-top: 1px solid var(--aw-gray-100);
}

/* ─── PRINT ─────────────────────────────────── */
@media print {
  .aw-header, .aw-footer, .aw-sidebar,
  .aw-vote-panel, .aw-answer-form,
  .aw-breadcrumb, .aw-filter-bar,
  .aw-category-bar, .aw-pagination { display: none !important; }

  .aw-layout { grid-template-columns: 1fr; }
  .aw-question-detail { border: none; box-shadow: none; }
  .aw-question-detail__body { grid-template-columns: 1fr; }
}

/* ─── UTILITY: HIDDEN ───────────────────────── */
.aw-hide-mobile { display: block; }
.aw-show-mobile { display: none; }

@media (max-width: 768px) {
  .aw-hide-mobile { display: none !important; }
  .aw-show-mobile { display: block !important; }
}

/* ─── DASHBOARD RESPONSIVE ──────────────────── */
@media (max-width: 768px) {
  .aw-dashboard-grid {
    grid-template-columns: 1fr;
  }

  .aw-dashboard-sidebar {
    position: static;
  }

  .aw-profile-header {
    flex-direction: column;
    text-align: center;
  }

  .aw-profile-stats {
    justify-content: center;
  }
}