@charset "UTF-8";

/*
  Hoja de impresión.

  La carta de la web es también la carta que el restaurante imprime y deja en
  la barra: se pulsa Ctrl+P y sale. Se hace así, con una hoja de estilos, y no
  con una página aparte, porque una página aparte es una segunda carta que
  mantener y que el día que cambie un precio se queda vieja sin que nadie se dé
  cuenta. Aquí solo hay una carta.

  Se carga con media="print", así que el navegador ni la aplica ni la tiene en
  cuenta al pintar la pantalla.

  Todas las reglas de impresión del proyecto viven en este fichero. Estaban
  repartidas por style.css en dos bloques sueltos y así no se sabía nunca qué
  iba a salir por la impresora.
*/

@page {
  size: A4;
  margin: 16mm 14mm 18mm;
}

/*
  Lo primero, quitar el color. La web es oscura, y una carta oscura es media
  hora de impresora, un cartucho y un papel que se ondula. En papel manda la
  tinta negra sobre blanco.
*/
:root,
body,
.wp-site-blocks,
.wp-block-group,
.riad-hero,
.riad-panel {
  background: #fff !important;
  color: #000 !important;
}

body {
  font-size: 10.5pt;
  line-height: 1.4;
}

/* Fuera todo lo que no es la carta. */
header.wp-block-template-part,
footer.wp-block-template-part,
.wp-block-navigation,
.riad-cenefa,
.riad-ornamento,
.riad-friso,
.riad-lamina,
.riad-nav,
.riad-filtro,
.riad-vistas,
.riad-carta__aviso--legal,
.riad-galeria,
.riad-plato__foto {
  display: none !important;
}

/*
  Cabecera de la hoja. En la pantalla el nombre está en la barra de arriba, que
  no se imprime; en papel hace falta o es un folio de platos sin dueño.

  Va sobre lo primero que se imprima. Desde el 4/09/2026 eso son los menús de
  precio cerrado, que van delante de los platos; si se hubiera dejado colgada
  solo de la carta, el nombre del restaurante habría salido en mitad del folio.
*/
.riad-menus::before,
.riad-carta::before {
  content: "Riad El Jadida · Cocina marroquí · Madrid · 610 32 55 22";
  display: block;
  margin-bottom: 8mm;
  padding-bottom: 3mm;
  border-bottom: 1pt solid #000;
  font-size: 11pt;
  font-weight: bold;
  text-align: center;
}

/* Si los menús están, la cabecera ya la puso su bloque: la carta no repite. */
.riad-menus ~ .riad-carta::before {
  display: none;
}

/* --------------------------------------------------- MENUS CERRADOS ------ */

.riad-menus {
  margin: 0 0 7mm;
}

/* En papel las dos tarjetas van una al lado de otra, como en pantalla: son
   dos ofertas que se comparan, y en columna se pierde la comparacion. */
.riad-menus__rejilla {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6mm;
  margin-top: 3mm;
}

/* Ni un menu partido entre dos hojas. */
.riad-menu {
  background: none !important;
  border: 0.5pt solid #000 !important;
  padding: 3.5mm;
  break-inside: avoid;
  page-break-inside: avoid;
}

.riad-menu__cabecera {
  display: flex;
  justify-content: space-between;
  gap: 3mm;
}

.riad-menu__nombre,
.riad-menu__precio {
  font-size: 11pt;
  color: #000 !important;
  margin: 0;
}

.riad-menu__nombre { font-weight: bold; }

.riad-menu__cuando,
.riad-menu__paso dt {
  font-size: 7.5pt;
  color: #000 !important;
}

.riad-menu__paso dt { font-weight: bold; }

.riad-menu__paso dd {
  font-size: 8.5pt;
  line-height: 1.4;
  color: #000 !important;
  margin: 0.6mm 0 0;
}

.riad-menu__paso + .riad-menu__paso {
  margin-top: 2mm;
  padding-top: 2mm;
  border-top: 0.4pt solid #999;
}

/* La nota de alergenos SI se imprime: es la que dice donde estan, y son
   informacion obligatoria por el Reglamento (UE) 1169/2011. */
.riad-menus__nota {
  font-size: 8pt;
  line-height: 1.4;
  color: #000 !important;
  border-left: 0.5pt solid #000;
  padding-left: 2.5mm;
  margin-top: 3mm;
  break-inside: avoid;
}

/*
  Dos columnas. Una carta de veintidós platos a una sola columna se va a tres
  folios y deja la mitad derecha en blanco.
*/
.riad-categoria__platos {
  columns: 2;
  column-gap: 10mm;
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Ni un plato partido entre dos columnas o entre dos hojas. */
.riad-plato {
  break-inside: avoid;
  page-break-inside: avoid;
  padding: 0 0 3.5mm;
  margin: 0;
  border: 0 !important;
}

.riad-categoria {
  break-inside: auto;
  margin-top: 6mm;
}

/* El título de sección no se queda solo al final de una columna. */
.riad-categoria__titulo {
  break-after: avoid;
  page-break-after: avoid;
  font-size: 13pt;
  margin: 0 0 3mm;
  padding-bottom: 1mm;
  border-bottom: 0.5pt solid #000;
  color: #000 !important;
}

/* La estrellita del título es una imagen de fondo y en papel no aporta. */
.riad-categoria__titulo::before {
  display: none;
}

.riad-plato__nombre {
  font-size: 10.5pt;
  font-weight: bold;
  margin: 0;
  color: #000 !important;
}

.riad-plato__precio {
  font-weight: bold;
  color: #000 !important;
}

.riad-plato__descripcion {
  font-size: 9pt;
  margin: 0.5mm 0 0;
  color: #333 !important;
}

/*
  Los alérgenos son lo único que NO se puede perder al imprimir: es información
  obligatoria. Se pintan como números entre corchetes, que se leen igual en
  blanco y negro; el círculo dorado de la pantalla desaparece en papel.
*/
.riad-alergeno {
  width: auto !important;
  height: auto !important;
  border: 0 !important;
  border-radius: 0 !important;
  font-size: 8.5pt;
  color: #000 !important;
}

.riad-alergeno::before { content: "["; }
.riad-alergeno::after { content: "]"; }

.riad-plato__sin-alergenos {
  border: 0 !important;
  padding: 0 !important;
  font-size: 8pt;
  color: #333 !important;
}

/* La leyenda, en hoja aparte y a tres columnas. */
.riad-alergenos-leyenda {
  break-before: page;
  page-break-before: always;
  margin-top: 0;
}

.riad-alergenos-leyenda__grid {
  columns: 3;
  column-gap: 8mm;
  display: block !important;
}

.riad-alergenos-leyenda__item {
  break-inside: avoid;
  page-break-inside: avoid;
  margin-bottom: 4mm;
}

.riad-alergenos-leyenda__numero {
  width: auto !important;
  height: auto !important;
  border: 0 !important;
  border-radius: 0 !important;
  font-size: 10pt;
  font-weight: bold;
  color: #000 !important;
}

.riad-alergenos-leyenda__nombre,
.riad-alergenos-leyenda__descripcion {
  color: #000 !important;
}

/* El aviso de trazas se imprime: es lo que cubre al restaurante. */
.riad-carta__aviso {
  border: 0.5pt solid #000 !important;
  padding: 3mm;
  margin-top: 6mm;
  font-size: 8.5pt;
  break-inside: avoid;
}

/*
  Los enlaces, sin subrayado y sin sacar la URL detrás. En una carta impresa
  «Ver los desayunos (https://riadeljadida.com/carta/#cat-…)» solo estorba.
*/
a {
  color: #000 !important;
  text-decoration: none !important;
  border: 0 !important;
}

a[href]::after {
  content: "" !important;
}

/*
  La carta de shishas: si está oculta en pantalla porque el conmutador tiene
  elegida la de comida, en papel se queda fuera. Quien quiera imprimirla cambia
  a shishas y vuelve a imprimir. Es lo que se espera: son dos cartas.
*/
[hidden] {
  display: none !important;
}