/* Responsive accademiadelredentore.it - agg. 16/08/2026
   Agisce solo sotto 800px. Non modifica stile.css. */
@media (max-width: 800px) {
  html, body { max-width: 100% !important; overflow-x: hidden !important; }

  /* tabelle di layout fluide */
  table.menu, table.table_contenuto, table.table_footer { width: 100% !important; max-width: 100% !important; }

  /* header compatto: logo, titolo, fb impilati e centrati, senza spazi vuoti */
  table.menu { border-spacing: 0 !important; }
  table.menu, table.menu tr, table.menu td { height: auto !important; min-height: 0 !important; }
  table.menu td { display: block !important; width: 100% !important; text-align: center !important; padding: 1px !important; line-height: 0; vertical-align: middle !important; }
  table.menu img { display: block !important; margin: 2px auto !important; max-width: 55% !important; max-height: 90px !important; width: auto !important; height: auto !important; }
  ul.menu_top {
    background-size: contain !important; background-repeat: no-repeat !important; background-position: center center !important;
    width: 86% !important; max-width: 360px !important; height: 58px !important; min-height: 0 !important; margin: 0 auto !important; padding: 0 !important;
  }

  /* le 3 colonne del contenuto si impilano */
  table.table_contenuto td.cellatsx,
  table.table_contenuto td.testo,
  table.table_contenuto td.cellatdx {
    display: block !important; width: 100% !important; box-sizing: border-box !important; padding: 10px !important; float: none !important;
  }
  img { max-width: 100% !important; height: auto !important; }

  /* ===== HAMBURGER ===== */
  ul.menu_top li { display: none !important; }             /* nascondi i link nav (l'hamburger li gestisce) */
  #gl-hamburger {
    display: flex !important; position: fixed; top: 8px; right: 8px; z-index: 100000;
    width: 46px; height: 46px; align-items: center; justify-content: center;
    background: rgba(20,20,20,0.88); color: #c9a24a; border: 1px solid #c9a24a; border-radius: 6px;
    font-size: 26px; line-height: 1; cursor: pointer;
  }
  #gl-mobile-nav {
    display: none; position: fixed; top: 60px; left: 0; right: 0; width: 100%;
    background: #121212; z-index: 99999; box-shadow: 0 6px 18px rgba(0,0,0,.55);
  }
  #gl-mobile-nav a {
    display: block; padding: 14px 18px; color: #e8d9a8; text-decoration: none;
    border-bottom: 1px solid #2a2a2a; font-family: Georgia, serif; font-size: 17px;
  }
  body.gl-nav-open #gl-mobile-nav { display: block; }
  #gl-mobile-nav form.gl-search { display: flex; gap: 6px; padding: 12px 16px; border-bottom: 1px solid #2a2a2a; margin: 0; }
  #gl-mobile-nav form.gl-search input[name="dacercare"] { flex: 1; padding: 9px; border: 1px solid #555; border-radius: 4px; background: #1b1b1b; color: #eee; font-size: 15px; }
  #gl-mobile-nav form.gl-search input[name="cerca"] { padding: 9px 12px; background: #c9a24a; color: #111; border: none; border-radius: 4px; cursor: pointer; font-weight: bold; }

  /* ===== PAGINAZIONE 1..190 come chip tappabili ===== */
  a[href*="bnp="] {
    display: inline-block !important; min-width: 36px; box-sizing: border-box;
    padding: 9px 6px !important; margin: 3px !important;
    border: 1px solid #4a4a4a; border-radius: 6px; background: #1b1b1b;
    text-align: center; font-size: 15px !important; line-height: 1;
  }

  /* ===== TABELLE nei post: scrollabili invece di sfondare ===== */
  table:not(.menu):not(.table_contenuto):not(.table_footer) {
    display: block !important; max-width: 100% !important; width: auto !important;
    overflow-x: auto !important; -webkit-overflow-scrolling: touch;
  }
}

@media (min-width: 801px) { #gl-hamburger, #gl-mobile-nav { display: none !important; } }
