/*
Theme Name: Jnane Rihane
Theme URI: https://jnanerihane.com/
Description: Thème enfant de Hello Elementor pour Jnane Rihane — maison d'hôtes et spa, Marrakech. Porte le système de design (jetons, typographie, en-tête et pied de page), pour que les pages Elementor n'aient à porter que leur contenu.
Author: Jnane Rihane
Template: hello-elementor
Version: 1.0.0
Text Domain: jnane-rihane
*/

/* Le système de design vit dans assets/base.css, chargé par functions.php.
   Ce fichier ne sert qu'aux ajustements propres à l'intégration WordPress. */

/* Hello Elementor pose une largeur et des marges sur .site-main ; le design
   gère ses propres conteneurs section par section. */
.site-main { max-width: none; margin: 0; padding: 0; }
.site-header, .site-footer { display: none; }   /* remplacés par les nôtres */

/* Elementor enveloppe chaque page dans .elementor ; on neutralise les
   largeurs par défaut pour que les sections restent pleine largeur. */
.elementor-section-wrap > .elementor-section { width: 100%; }

/* Elementor pose un retrait en haut du conteneur de page. Les sections du
   design portent leur propre rythme vertical, et le héros doit toucher le
   haut de la fenêtre pour que l'en-tête transparent ait un sens. */
.elementor { padding-top: 0 !important; padding-bottom: 0 !important; }

/* Chaque widget rend une <section> pleine largeur : les enveloppes
   d'Elementor ne doivent ajouter ni marge ni largeur maximale. */
.elementor-section > .elementor-container { max-width: none !important; }
.elementor-widget-container { margin: 0; }

/* Elementor espace ses widgets de 20 px par défaut. Nos widgets rendent des
   <section> pleine largeur qui portent déjà leur propre rythme vertical :
   cette marge ajoutait environ 20 px entre chaque section. */
.elementor-widget:not(:last-child) { margin-block-end: 0; }
.elementor-element { --widgets-spacing: 0px 0px; }

/* Le design part d'une remise à zéro complète (* { margin: 0 }) puis pose ses
   propres espacements. Hello Elementor et Elementor ajoutent des marges sur les
   éléments de texte, et un sélecteur de type l'emporte sur l'universel : on
   reproduit donc la remise à zéro au même niveau de spécificité. */
body p, body ul, body ol, body li,
body figure, body blockquote, body cite, body dl, body dd {
  margin: 0;
  padding: 0;
}

/* Hello Elementor redefinit aussi la taille, la graisse et la hauteur de ligne
   des titres. La maquette, elle, laisse ces trois valeurs au navigateur quand
   le design ne les fixe pas : « revert » les lui rend, et toute regle du
   design, qui passe par une classe, continue de l'emporter. */
body h1, body h2, body h3, body h4, body h5, body h6 {
  font-size: revert;
  font-weight: revert;
  line-height: revert;
  margin: 0;
  padding: 0;
}

/* Le reset de Hello Elementor traite les champs comme ceux d'un formulaire
   administratif : bordure grise, coins arrondis, rembourrage .5rem 1rem, et
   line-height:1 sur les <label>. Le design a ses propres champs — la carte de
   réservation du héros et l'inscription à la lettre — et le reset décalait le
   texte de 16 px vers la droite tout en écrasant la hauteur des intitulés.
   On rend au balisage ce qui lui avait été pris, à une spécificité qui gagne. */
body label { line-height: inherit; }

form.book-card input,
form.book-card select {
  border: 0;
  border-radius: 0;
  padding-inline: 0;
  line-height: normal;
}

footer .news input {
  border: 0;
  border-radius: 0;
  padding: 13px 14px;
  line-height: normal;
}