/* ═══ responsive.css | Vocabolario Calitrano ═══ */

/* ════ RESPONSIVE ════ */
@media (max-width:820px) {
  .topbar-nav { display:none; }
  .topbar-burger { display:flex; }
  .topbar-search-icon { 
    transform:none; 
    position: static;
    margin: 0;
    width: auto;
  }
  .topbar-search-icon:hover,
  .topbar-search-icon.active { transform:scale(1.05); }
  
}

@media (max-width:600px) {
  .topbar-inner { padding:0 1rem; }
  .nav-brand small { display:none; }
  .vl-count-badge { font-size: .68rem; }

  .hero-content { padding:1rem 1.2rem 4.5rem; }
  .hero-eyebrow { letter-spacing:.14em; }
  .hero-tagline { display:none; }

  .lang-pill { font-size:.73rem; padding:.55rem .6rem; }

  .discover-inner { padding:2rem 1.2rem; }
  .discover-card__body { padding:1.2rem 1rem 0 1.4rem; gap:.9rem; }
  .discover-card__icon { width:38px; height:38px; }
  .discover-card__cta { margin:1rem 1rem 1.2rem 1.4rem; }
  .discover-card--secondary .discover-card__body { padding:0 0 0 1.2rem; }

  .pref-inner { padding:2rem 1.2rem; }


  .footer-inner { flex-direction:column; align-items:flex-start; gap:.9rem; }
  .footer-links { gap:.4rem 1.4rem; }

  .desktop-only { display:none; }

  .nav-brand {
      display: none;
  }

  .hero-title {
    display: block;
  }
}


/* ── RESPONSIVE ── */
/* Tablet: 600–820px — sidebar vocabolario a colonna */
@media (max-width: 820px) and (min-width: 601px) {
  .voc-layout {
    grid-template-columns: 1fr;
    padding: 0 1.5rem 2rem;
  }
  .voc-sidebar {
    position: static; height: auto; overflow: visible;
    border-right: none; border-bottom: 2px solid var(--oro);
    padding: 1rem 0;
    display: grid; grid-template-columns: 1fr 1fr;
    gap: .75rem;
  }
  .voc-sidebar-brand { grid-column: 1 / -1; }
  .voc-alpha-label   { grid-column: 1 / -1; }
  .voc-alpha-grid    { grid-column: 1 / -1; grid-template-columns: repeat(11, 1fr); }
  .voc-search-wrap   { grid-column: 1 / -1; }
  .voc-main { padding: 1.2rem 0; }
  .voc-back-btn { display: inline-flex; }
}

@media (max-width: 820px) {
  .voc-layout { grid-template-columns: 1fr; padding: 0 1rem 2rem; }

  .voc-sidebar {
    position: static; height: auto; overflow: visible;
    border-right: none; border-bottom: 2px solid var(--oro);
    padding: 1.2rem 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .75rem;
  }

  .voc-sidebar-brand { grid-column: 1 / -1; padding-bottom: .75rem; }
  .voc-alpha-label   { grid-column: 1 / -1; }
  .voc-alpha-grid    { grid-column: 1 / -1; grid-template-columns: repeat(11, 1fr); }
  .voc-search-wrap   { grid-column: 1 / -1; }

  .voc-main { padding: 1.2rem 0; }
  .voc-back-btn { display: inline-flex; }

  .book-table thead th:nth-child(2) { min-width: 120px; }
  .col-audio { display: none; }
}

@media (max-width: 560px) {
  .voc-alpha-grid { grid-template-columns: repeat(8, 1fr); }
  .voc-page-letter { font-size: 2rem; }
}