/*
*Theme Name:     CozyStay Child Theme
*Theme URI: 	 https://cozystay.loftocean.com/
*Description:    CozyStay child theme for user customization
*Author:         Loft.Ocean
*Author URI:     http://www.loftocean.com
*License: 		 GNU General Public License v2 or later
*License URI: 	 http://www.gnu.org/licenses/gpl-2.0.html
*Tags: 			 full-width-template, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, rtl-language-support, sticky-post, threaded-comments, translation-ready
*Template:       cozystay
*Text Domain: 	 cozystay-child
*Version:        1.0
*/

 /** Add your styles below **/

/* ---------------------------------------------------------------
   Cha Miquela, correctifs maison (thème enfant, survit aux mises à jour)
   --------------------------------------------------------------- */

/* Menu de l'en-tête : jamais sur deux lignes.
   Le gabarit ne laisse qu'un tiers de la largeur au menu, cinq entrées
   débordaient en dessous d'environ 1400 px de large. */
.cs-site-header .elementor-widget-cs_menu ul.primary-menu,
.elementor-widget-cs_menu ul.primary-menu {
  flex-wrap: nowrap !important;
  white-space: nowrap;
}
@media (max-width: 1439px) {
  .elementor-widget-cs_menu ul.primary-menu > li > a { padding-left: 10px !important; padding-right: 10px !important; }
}
@media (max-width: 1279px) {
  .elementor-widget-cs_menu ul.primary-menu > li > a { padding-left: 7px !important; padding-right: 7px !important; font-size: 12px !important; letter-spacing: 0.4px !important; }
}
}

/* Le calendrier du moteur de réservation doit flotter au-dessus de la page,
   comme dans le thème, sans repousser les sections : on laisse déborder les
   conteneurs qui portent le module. */
.mrplan-holder { overflow: visible !important; }
.elementor-widget-html:has(.mrplan-holder),
.elementor-widget-html:has(.mrplan-holder) .elementor-widget-container { overflow: visible !important; }

/* Video de la rehabilitation, page La casa (2026-09-12) */
/* Video : le theme embarque FitVids, qui enveloppe l'iframe dans un
   .fluid-width-video-wrapper portant deja le rapport 16/9. Notre propre
   padding-top s'ajoutait au sien : la boite faisait le double de la hauteur
   et la moitie haute affichait le fond vert. On laisse donc FitVids faire,
   et la regle sur > iframe ne sert que s'il n'a pas tourne. */
.cm-video{width:100%;margin:28px 0 4px;}
.cm-video .fluid-width-video-wrapper{margin:0;}
.cm-video > iframe{width:100%;aspect-ratio:16/9;height:auto;border:0;display:block;}

/* Section en collage de l accueil (2026-09-12).
   La colonne centrale fait 156 px mais le titre est rendu a 396 px : il deborde
   volontairement de sa colonne, et venait toucher les photos laterales des que la
   fenetre changeait de taille. On borne sa largeur et on le fait peindre au-dessus,
   pour qu un texte plus long ne puisse plus passer sous une photo. */
.elementor-element-4dd521f{position:relative;z-index:5;}
.elementor-element-4dd521f .cs-title-wrap{max-width:min(18vw,340px);margin-left:auto;margin-right:auto;}
@media (max-width:1440px){.elementor-element-4dd521f .cs-title-wrap{max-width:13vw;}}
@media (max-width:1024px){.elementor-element-4dd521f .cs-title-wrap{max-width:none;}}

/* Section « Lo que hay en las casas », accueil et Historia.
   Le theme ne definit pas .elementor-col-100 : les deux colonnes, laissees en
   flex:0 1 auto, se partageaient la largeur a parts egales et le diaporama
   ne faisait que 630 px sur une section de 1440. On force donc la pleine
   largeur sur les quatre colonnes concernees, texte au-dessus, diaporama
   en dessous, et le diaporama passe de trois a quatre vignettes par ligne. */
.elementor-element-7cef2fd1, .elementor-element-57abc558,
.elementor-element-776ae962, .elementor-element-3ad70fae{flex:0 0 100%;max-width:100%;}
.elementor-element-7cef2fd1 > .elementor-element-populated,
.elementor-element-776ae962 > .elementor-element-populated{padding-right:0;}
.elementor-element-42c64e18 > .elementor-container,
.elementor-element-7d1e1cca > .elementor-container{flex-wrap:wrap;}
/* La galerie du theme n'est pas une grille CSS mais une mise en page maison
   a trois colonnes : on lui donne donc trois photos, pas quatre, pour une
   ligne pleine et reguliere. */

/* Pied de page : les cinq liens legaux passaient sur deux lignes. Texte plus
   petit, espacement resserre et pas de retour a la ligne, pour tenir sur une. */
/* La barre du bas tenait sur une seule rangee : le copyright a gauche, les
   cinq liens a droite dans 630 px alors qu'ils en demandent 741. Les liens
   debordaient donc sur le copyright. On empile les deux blocs, chacun sur
   toute la largeur : les liens tiennent alors sur une ligne, centres. */
.elementor-element-65107bc4 > .elementor-container{flex-wrap:wrap;}
/* Elementor ecrit ses largeurs avec deux classes, donc plus specifique que
   la notre : on reprend la meme forme. */
.elementor-element.elementor-element-1a4634af,
.elementor-element.elementor-element-51382688{flex:0 0 100% !important;max-width:100% !important;width:100% !important;}
.elementor-element-1c19ae3, .site-footer nav.footer-menu{text-align:center !important;}
.elementor-element-51382688{margin-top:10px;}
.site-footer nav.footer-menu ul.menu{
  flex-wrap:nowrap;justify-content:center;column-gap:18px;}
.site-footer nav.footer-menu ul.menu > li{white-space:nowrap;}
.site-footer nav.footer-menu ul.menu a{font-size:11px;letter-spacing:.6px;}
@media (max-width:900px){
  .site-footer nav.footer-menu ul.menu{flex-wrap:wrap;justify-content:center;}
}

/* Rentacar : les six liens de reservation CICAR, un par langue.
   En simple liste a puces dans un bloc centre, les puces restaient collees
   au bord gauche du conteneur, loin du texte. On les presente en pastilles. */
ul.cm-idiomas{list-style:none;margin:26px 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;}
ul.cm-idiomas li{margin:0;padding:0;text-indent:0;}
ul.cm-idiomas li::before,ul.cm-idiomas li::marker{content:none;display:none;}
ul.cm-idiomas a{display:block;padding:10px 18px;border:1px solid #b99d75;color:#1a1b1a;
  font-family:Jost,sans-serif;font-size:14px;letter-spacing:.4px;line-height:1.2;
  text-decoration:none;transition:background .2s ease,color .2s ease,border-color .2s ease;}
ul.cm-idiomas a:hover,ul.cm-idiomas a:focus{background:#b99d75;border-color:#b99d75;color:#fff;}

/* Hero de l accueil, mobile uniquement : la colonne du module de reservation est
   masquee sous 768 px et le bouton Reservar passe sous le menu burger, donc le
   premier ecran n offrait aucune action. Ce bouton la remplace. */
.cm-cta-mobile{display:none;}
@media (max-width:767px){
  .cm-cta-mobile{
    display:inline-block;margin-top:0;padding:15px 30px;
    background:#b99d75;color:#fff;border:0;
    font-family:Marcellus,serif;font-size:16px;letter-spacing:.2px;
    text-decoration:none;transition:background .2s ease;
  }
  .cm-cta-mobile:hover,.cm-cta-mobile:focus{background:#ab916c;color:#fff;}
  /* le widget du titre laisse 80 px sous le paragraphe : on remonte le bouton
     pour qu il suive le texte au lieu de flotter seul */
  .elementor-element-cmbtnmob1{margin-top:-62px;}
}

/* Historia, mobile : la colonne du module de reservation est masquee sous 768 px,
   mais la section gardait ses 110 px de marge haut et bas, soit un trou de
   220 px entierement vide au milieu de la page. On masque la section entiere. */
@media (max-width:767px){
  .elementor-element-45164b8{display:none;}
}