/**
 * Ajustes responsive para export estático (Simply Static).
 * - La clase `responsive` en <html> activa el CSS móvil de Enfold (menú burger, rejilla).
 * - Tipografía fluida en contenido principal sin alterar la cabecera del tema.
 */

html {
  -webkit-text-size-adjust: 100%;
}

img,
video,
iframe,
embed,
object {
  max-width: 100%;
  height: auto;
}

.post-entry iframe,
.entry-content iframe {
  max-width: 100%;
}

.entry-content-wrapper table,
.post-entry table {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* Tipografía fluida en contenido (cabecera / menú siguen usando estilos Enfold) */
#main .template-page .entry-content-wrapper,
#main .template-blog .entry-content-wrapper,
#main .post-entry .entry-content {
  font-size: clamp(0.95rem, 0.88rem + 0.35vw, 1.05rem);
  line-height: 1.55;
}

#main .template-page .entry-content-wrapper h1,
#main .post-entry .entry-content-wrapper h1 {
  font-size: clamp(1.45rem, 1.1rem + 1.5vw, 2rem);
  line-height: 1.25;
}

#main .template-page .entry-content-wrapper h2,
#main .post-entry .entry-content-wrapper h2 {
  font-size: clamp(1.15rem, 1rem + 0.75vw, 1.5rem);
  line-height: 1.3;
}

#main .template-page .entry-content-wrapper h3 {
  font-size: clamp(1.05rem, 0.95rem + 0.45vw, 1.25rem);
}

/* Menú lateral overlay: texto y pulsación cómodos */
.html_av-overlay-side-classic #top .av-burger-overlay li a {
  font-size: clamp(1rem, 0.92rem + 0.35vw, 1.125rem);
  min-height: 48px;
  line-height: 1.35;
  padding-top: 14px !important;
  padding-bottom: 14px !important;
}

.html_av-overlay-side #top #wrap_all .av-burger-overlay li li a {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

.html_av-overlay-side .av-burger-overlay-scroll {
  max-width: min(100vw, 360px);
}

@media only screen and (max-width: 989px) {
  #main .iconbox_content_title {
    font-size: clamp(1.05rem, 0.95rem + 0.65vw, 1.35rem);
    line-height: 1.3;
  }

  /* Cabecera: el export trae altura fija 100px en bloque <style>; la flexibilizamos */
  #top #header_main > .container,
  #top #header_main > .container .main_menu .av-main-nav > li > a,
  #top #header_main #menu-item-shop .cart_dropdown_link {
    height: auto !important;
    min-height: 52px;
    line-height: 1.35 !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  .html_top_nav_header .av-logo-container {
    height: auto !important;
    min-height: 52px;
  }

  #top .logo img,
  .av-logo-container .logo img {
    max-width: min(100%, 240px);
    width: auto !important;
    height: auto !important;
  }

  #footer .custom-html-widget div[align="right"] {
    text-align: center !important;
  }

  #footer .custom-html-widget img {
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
  }
}

/*
 * Entre 768px y 989px Enfold solo aplica menú “tipo móvil” en modo tablet;
 * con html_mobile_menu_phone el burger debe verse también aquí para poder navegar.
 */
@media only screen and (min-width: 768px) and (max-width: 989px) {
  .responsive.html_mobile_menu_phone.js_active #avia-menu.av-main-nav > li:not(.av-burger-menu-main) {
    display: none !important;
  }

  .responsive.html_mobile_menu_phone.js_active #avia-menu .av-burger-menu-main {
    display: block !important;
  }
}
