/*
    Theme Name:   Asadur Gaztelu Theme
    Template:     cinnamon-restaurant
    Text Domain:  asador-gaztelu
    Description:  Child Theme for Cinnamon Theme
    Version:      1.0.0
    
*/


/* 1) En reposo: que NO ocupe sitio */
.wpcf7 .wpcf7-spinner,
.wpcf7 .ajax-loader{                 /* fallback CF7 antiguo */
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  margin-left: 0 !important;
}

/* 2) Mostrar SOLO al enviar (cubre todas las variantes que usa CF7) */
.wpcf7 .wpcf7-spinner.is-active,
.wpcf7-form.submitting .wpcf7-spinner,
.wpcf7.submitting .wpcf7-spinner,
.wpcf7-form.submitting .ajax-loader,
.wpcf7.submitting .ajax-loader{
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  margin-left: .5rem !important;    /* hueco a la derecha del botón */
}

#modal-reservation { position: fixed; inset:0; /* ... */ }

/* Bloquea el scroll del fondo solo al abrir */
html.no-scroll,
body.reservation-screen-on{
  overflow: hidden;
}

/* El modal NO tapa nada cuando está cerrado */
#modal-reservation{
  pointer-events: none;        /* no intercepta clics cerrado */
}

/* Solo cuando está abierto: ocupa pantalla y hace scroll propio */
body.reservation-screen-on #modal-reservation{
  position: fixed;
  inset: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  pointer-events: auto;        /* ahora sí recibe clics */
}

#homeblocklogo .hero-text-wrap {
  top: 30%;
}

@media only screen and (max-width: 767px) {

  .logoWhiteTowerHome { width: 80%; }

}

/* Arreglo de la imagen en iPad */

/* iOS / dispositivos táctiles: desactivar el fixed del hero */
@media (hover: none) and (pointer: coarse) {
  .heroimage-wrap { background-attachment: scroll !important; }
}

/* Safari iOS (fallback extra) */
@supports (-webkit-touch-callout: none) {
  .heroimage-wrap { background-attachment: scroll !important; }
}

.heroimage-wrap .mouse-pointer-wrap,
.page-has-full-background .mouse-pointer-wrap {
    bottom: 10px;
}

#croquetascontainer,
#futbolcontainer {
  box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px 2000px inset;
}

/* fila interna */
.food-item-title .tks-title-row{
  display:inline-flex;
  align-items:center;           /* centro vertical real */
  gap:.45rem;
}

/* el texto sin hueco inferior del line-height */
.food-item-title .tks-title-text{
  display:inline-block;
  line-height:1;                /* elimina el espacio extra inferior */
}

/* grupo de iconos */
.food-item-title .tks-allergens{
  display:inline-flex;
  gap:.3rem;
}

/* iconos dimensionados por el texto */
.food-item-title .tks-allergen{
  display:block;
  width:1em;
  height:1em;
}

/* baja o sube el icono una chispa */
.food-item-title .tks-allergen{
  transform: translateY(-0.15em);   /* prueba 0.04–0.1em según veas */
}

#copyright,
#goto-top {
    background: #22456B;
}


/* 1) Entre 993px y 1100px -> fuerzo CABECERA DESKTOP */
@media only screen and (min-width: 993px) and (max-width: 1100px) {
  .outer-wrap { display: block !important; }          /* desktop ON */
  .logo-menu-wrap { display: block !important; }
  .responsive-menu-wrap { display: none !important;}  /* móvil OFF */
  .header-is-simple .logo-mobile { display: none !important; }
  .mtheme-fullscreen-toggle,
  .header-cart-toggle { display: block !important; }
  .outer-header-wrap {width: auto !important;}
}

/* 2) ≤ 992px -> CABECERA MÓVIL (nuevo breakpoint) */
@media only screen and (max-width: 992px) {
  .outer-wrap { display: none !important; }           /* desktop OFF */
  .responsive-menu-wrap { display: block !important;}/* móvil ON */
  .outer-header-wrap {width: auto !important;}
}

#allergensinfo {
  background-color: #fff;
  padding: 0 15px;
}

#allergensinfo