/**
Theme Name: Gourmet Manchego
Author: 13Node.com
Author URI: https://13node.com
Description: Astra personalizado por 13Node.com para Gourmet Manchego, con opciones de accesibilidad.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: gourmet-manchego
Template: astra
*/


/* ====== Glassy Fixed Header para Astra ====== */
:root{
  --glass-bg: rgba(255,255,255,0.10);   /* fondo translúcido claro */
  --glass-blur: 14px;
  --glass-border: rgba(255,255,255,0.25);
  --glass-shadow: rgba(0,0,0,0.18);
  --header-h: 80px; /* fallback, se recalcula con JS */
}

/* Fija el header y aplica el glassmorphism */
#masthead.site-header{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  background: var(--glass-bg);
  -webkit-backdrop-filter: saturate(180%) blur(var(--glass-blur))!important;
  backdrop-filter: saturate(180%) blur(var(--glass-blur))!important;
  border-bottom: 1px solid var(--glass-border);
  box-shadow: 0 8px 32px var(--glass-shadow);
}

/* Compensa la altura del header para que el contenido no quede oculto */
html{ scroll-padding-top: var(--header-h); }
body{ padding-top: var(--header-h); }

/* Submenús y off-canvas móviles con fondo translúcido coherente */
.main-header-menu .sub-menu,
.ast-mobile-popup-drawer.active .ast-mobile-popup-inner{
  background: var(--glass-bg);
  -webkit-backdrop-filter: saturate(180%) blur(var(--glass-blur));
  backdrop-filter: saturate(180%) blur(var(--glass-blur));
  border: 1px solid var(--glass-border);
  box-shadow: 0 8px 32px var(--glass-shadow);
}

/* Admin bar: evita solapamiento cuando estás logueado en WP */
body.admin-bar #masthead.site-header{ top: 32px; }
@media (max-width: 782px){
  body.admin-bar #masthead.site-header{ top: 46px; }
}

/* Modo oscuro (opcional, ajusta a tu selector de dark mode) */
@media (prefers-color-scheme: dark){
  :root{
    --glass-bg: rgba(18,18,18,0.35);
    --glass-border: rgba(255,255,255,0.12);
    --glass-shadow: rgba(0,0,0,0.4);
  }
}

/* Si usas la cabecera transparente de Astra, asegúrate de que también reciba el glass */
.ast-transparent-header #masthead.site-header{
  background: var(--glass-bg);
  border-bottom: 1px solid var(--glass-border);
  -webkit-backdrop-filter: saturate(180%) blur(var(--glass-blur));
  backdrop-filter: saturate(180%) blur(var(--glass-blur));
  box-shadow: 0 8px 32px var(--glass-shadow);
}