/* Cabecera de tequendama.es: una fila, desplegables, botón Reservar y fija al bajar. */
header.wp-block-template-part {
  position: relative; z-index: 60;
  background: rgba(255,255,255,.92);
  -webkit-backdrop-filter: saturate(1.4) blur(12px); backdrop-filter: saturate(1.4) blur(12px);
  border-bottom: 1px solid rgba(11,4,73,.06);
  transition: box-shadow .25s ease;
}

header.wp-block-template-part.tq-scrolled { box-shadow: 0 8px 28px rgba(11,4,73,.08); }
header.wp-block-template-part > .wp-block-group { padding-top: 14px !important; padding-bottom: 14px !important; }

@media (min-width: 1024px) {
  header .wp-block-navigation__container { gap: 4px !important; align-items: center; flex-wrap: nowrap !important; }
  header .wp-block-navigation .wp-block-navigation-item__content {
    font-family: "Roboto Flex", sans-serif; font-size: 15px; font-weight: 500;
    color: #0b0449; letter-spacing: .01em; white-space: nowrap;
    padding: 8px 10px; border-radius: 999px; position: relative; text-decoration: none;
    transition: color .2s ease;
  }
  header .wp-block-navigation-item__content::after {
    content: ""; position: absolute; left: 10px; right: 10px; bottom: 3px; height: 2px;
    border-radius: 2px; background: #c9942c; transform: scaleX(0); transform-origin: left;
    transition: transform .25s ease;
  }
  header .wp-block-navigation-item:hover > .wp-block-navigation-item__content::after,
  header .wp-block-navigation-item.current-menu-item > .wp-block-navigation-item__content::after { transform: scaleX(1); }
  header .wp-block-navigation-submenu > .wp-block-navigation-item__content { padding-right: 2px; cursor: default; }
  header .wp-block-navigation-submenu > .wp-block-navigation-item__content::after { right: 0; }
  header .wp-block-navigation__submenu-icon { color: #0b0449; opacity: .7; margin-left: 2px; transition: transform .2s ease; }
  header .wp-block-navigation-submenu:hover .wp-block-navigation__submenu-icon { transform: rotate(180deg); }

  /* Desplegable: tarjeta blanca redondeada */
  header .wp-block-navigation .has-child .wp-block-navigation__submenu-container {
    top: calc(100% + 6px); min-width: 210px !important; padding: 8px !important;
    background: #fff !important; border: 1px solid rgba(11,4,73,.06) !important; border-radius: 16px;
    box-shadow: 0 18px 40px rgba(11,4,73,.14);
    transform: translateY(-6px); transition: opacity .2s ease, transform .2s ease;
  }
  header .wp-block-navigation .has-child .wp-block-navigation__submenu-container::before {
    content: ""; position: absolute; top: -10px; left: 0; right: 0; height: 10px;
  }
  header .wp-block-navigation .has-child:hover > .wp-block-navigation__submenu-container,
  header .wp-block-navigation .has-child:focus-within > .wp-block-navigation__submenu-container { transform: none; }
  header .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
    display: block; width: 100%; padding: 10px 14px; border-radius: 10px;
  }
  header .wp-block-navigation__submenu-container .wp-block-navigation-item__content::after { display: none; }
  header .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover { background: #fcf9f5; color: #070f79; }

  /* Botón Reservar */
  header .tq-nav-cta { margin-left: 10px; }
  header .tq-nav-cta > .wp-block-navigation-item__content {
    background: #070f79; color: #fff !important; padding: 11px 22px; font-weight: 600;
    box-shadow: 0 6px 16px rgba(7,15,121,.25); transition: background .2s ease, transform .2s ease;
  }
  header .tq-nav-cta > .wp-block-navigation-item__content::after { display: none; }
  header .tq-nav-cta > .wp-block-navigation-item__content:hover { background: #c9942c; transform: translateY(-1px); }
}

/* Menú móvil a pantalla completa */
header .wp-block-navigation__responsive-container.is-menu-open {
  background: #0b0449 !important; color: #fff !important; padding: 28px 28px 40px !important;
}

header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container { gap: 6px !important; }
header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
  font-family: "Source Serif Pro", serif; font-size: 26px; font-weight: 600; color: #fff !important; padding: 6px 0;
}
header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container {
  padding: 2px 0 8px 14px !important; border-left: 2px solid #c9942c !important; margin: 2px 0 6px;
}
header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
  font-family: "Roboto Flex", sans-serif; font-size: 17px; font-weight: 400; opacity: .85;
}
header .wp-block-navigation__responsive-container.is-menu-open .tq-nav-cta { margin-top: 18px; }
header .wp-block-navigation__responsive-container.is-menu-open .tq-nav-cta > .wp-block-navigation-item__content {
  background: #c9942c; color: #fff !important; font-family: "Roboto Flex", sans-serif; font-size: 18px;
  padding: 14px 34px; border-radius: 999px;
}
header .wp-block-navigation__responsive-container-open { color: #0b0449; }
header .wp-block-navigation__responsive-container.is-menu-open { box-sizing: border-box; overflow-x: hidden; }
header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close { color: #0b0449; }

/* El menú (8 enlaces + Pedir + Reservar) no cabe en una fila por debajo de 1.300 px sin aplastar el
   logo: hasta ahí, menú hamburguesa, igual que en móvil. */
@media (min-width: 600px) and (max-width: 1299px) {
  header .wp-block-navigation__responsive-container-open:not(.always-shown) { display: flex !important; }
  header .wp-block-navigation__responsive-container:not(.is-menu-open) { display: none !important; }
}
@media (min-width: 1024px) {
  header .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content { color: #0b0449; }
}

/* Fija arriba solo en escritorio. En móvil la carta y el take away ya tienen su buscador y
   pestañas fijos, y sumar la cabecera dejaría media pantalla tapada. */
@media (min-width: 1024px) {
  header.wp-block-template-part { position: sticky; top: 0; }
  body.admin-bar header.wp-block-template-part { top: var(--wp-admin--admin-bar--height, 32px); }
  body .tq-carta-search { top: var(--tq-header-h, 0px); }
  body .tq-carta-tabs { top: calc(var(--tq-header-h, 0px) + 57px); }
  body .tq-pedido-tabs { top: var(--tq-header-h, 0px); }
}

/* Títulos sin palabras partidas con guion ("me-jor", "co-lombiano"): el tema lo trae activado
   en todos los encabezados. Y líneas equilibradas, para que no quede una palabra sola al final. */
h1, h2, h3, h4, h5, h6, .wp-block-heading, .wp-block-post-title {
  -webkit-hyphens: manual; hyphens: manual;
  word-break: normal; overflow-wrap: normal;
  text-wrap: balance;
}

/* Título de página que pasa a párrafo cuando el contenido ya trae su propio H1 (tequendama-seo.php):
   mismo aspecto que tenía como encabezado. */
p.wp-block-post-title {
  font-family: "Instrument Serif", "Source Serif Pro", serif; font-weight: 400; color: #0b0449;
  line-height: 1.15; letter-spacing: -.01em; text-wrap: balance; margin-top: 0; margin-bottom: 0;
}

/* Botón «Pedir» del menú: misma píldora que «Reservar», pero con borde. */
header .tq-nav-cta--linea { margin-left: 10px; }
header .tq-nav-cta--linea > .wp-block-navigation-item__content {
  border: 1.5px solid #0b0449; border-radius: 999px; padding: 9px 20px !important; font-weight: 600;
}
header .tq-nav-cta--linea > .wp-block-navigation-item__content::after { display: none; }
header .tq-nav-cta--linea > .wp-block-navigation-item__content:hover { background: #0b0449; color: #fff !important; }
header .tq-nav-cta--linea + .tq-nav-cta { margin-left: 6px; }
/* En el menú desplegado (fondo azul): «Pedir» como píldora con borde claro, alineada con el resto. */
header .wp-block-navigation__responsive-container.is-menu-open .tq-nav-cta--linea { margin: 18px 0 0 !important; }
header .wp-block-navigation__responsive-container.is-menu-open .tq-nav-cta--linea > .wp-block-navigation-item__content {
  display: inline-flex; border: 1.5px solid rgba(255,255,255,.55); color: #fff !important; padding: 12px 26px !important;
}
header .wp-block-navigation__responsive-container.is-menu-open .tq-nav-cta--linea + .tq-nav-cta { margin-top: 12px !important; margin-left: 0 !important; }

/* Selector de idioma ES · EN */
header .tq-nav-idioma { display: flex; align-items: center; gap: 2px; margin-left: 12px; }
header .tq-nav-idioma > a.wp-block-navigation-item__content { font-size: 13px !important; font-weight: 600; letter-spacing: .06em; padding: 6px 4px !important; color: #625d78 !important; }
header .tq-nav-idioma > a[aria-current] { color: #0b0449 !important; }
header .tq-nav-idioma > a::after { display: none !important; }
header .tq-nav-idioma > span { color: #b9b3c9; font-size: 12px; }
header .wp-block-navigation__responsive-container.is-menu-open .tq-nav-idioma { margin: 22px 0 0 !important; justify-content: flex-start; gap: 8px; }
header .wp-block-navigation__responsive-container.is-menu-open .tq-nav-idioma > a.wp-block-navigation-item__content { font-size: 16px !important; padding: 6px 2px !important; }

/* Enlaces solo para el menú móvil (p. ej. Nosotros): ocultos en la fila de escritorio */
header .tq-nav-movil { display: none !important; }
header .wp-block-navigation__responsive-container.is-menu-open .tq-nav-movil { display: block !important; }