/*
Theme Name:   FreeRideBoat Child
Theme URI:    https://freerideboat.com
Description:  Thème enfant de FreeRideBoat — personnalisations CSS et surcharges spécifiques au projet. Ce fichier est chargé après le style.css du thème parent.
Author:       FreeRideBoat
Author URI:   https://freerideboat.com
Template:     freerideboat
Version:      1.0.0
Text Domain:  freerideboat-child
Tags:         custom, child-theme, tailwind, fullwidth
*/

/*
 * ─── SURCHARGES & PERSONNALISATIONS ──────────────────────────────────────
 *
 * Ce fichier est l'endroit idéal pour :
 *   - Modifier les couleurs ou espacements du thème parent
 *   - Ajouter des styles propres à certaines pages
 *   - Surcharger des classes Tailwind ou du thème parent
 *   - Intégrer des styles de plugins tiers (FareHarbor, CF7, etc.)
 *
 * Le thème parent (freerideboat) reste intact et peut être mis à jour
 * sans perdre vos personnalisations.
 * ──────────────────────────────────────────────────────────────────────── */


/* ─── EXEMPLE : surcharge d'une couleur ─────────────────────────────────
:root {
  --color-navy:      #0A3D62;
  --color-turquoise: #00B4D8;
  --color-gold:      #F4A261;
  --color-sand:      #F1E3C5;
}
*/

/* ─── FAREHARBOR — styles d'intégration ─────────────────────────────────
   Ajoutez ici vos surcharges pour le widget FareHarbor embed
   pour qu'il s'adapte au design du site.

.fh-widget { border-radius: 20px !important; }
*/

/* ─── MISE EN PAGE : FULL WIDTH ───────────────────────────────────────── */
body {
  margin: 0;
  overflow-x: hidden;
}
body.fullwidth .site,
body.fullwidth .site-content,
body.fullwidth main {
  max-width: 100%;
  width: 100%;
}
body.fullwidth .container {
  max-width: none !important;
  width: 100% !important;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
@media (min-width: 1280px) {
  body.fullwidth .container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* ─── HEADER : LIENS MENU BLANC (fond navy) ─────────────────────────── */
#site-header nav a,
#site-header .nav-link {
  color: #fff !important;
}
#site-header nav a:hover,
#site-header .nav-link:hover {
  color: #00B4D8 !important;
}

/* ─── CONTENU COLLÉ SOUS LE HEADER (pas de marge supplémentaire) ──────── */
#header-spacer + *,
.site-main > *:first-child,
main > *:first-child {
  margin-top: 0 !important;
}

/* ─── BARRE ADMIN WORDPRESS : décalage mobile (topbar + header), spacer fixe 120px ───── */
@media screen and (max-width: 782px) {
  body.admin-bar #topbar {
    top: 46px !important;
  }
  body.admin-bar #site-header {
    top: 86px !important;  /* 46 + 40 */
  }
  body.admin-bar #header-spacer {
    height: 120px !important;  /* même hauteur qu’en desktop, pas d’espace blanc */
  }
}

/* ─── TOPBAR + HEADER : occuper exactement la hauteur du spacer ────────── */
#topbar,
#site-header {
  box-sizing: border-box;
}
#site-header > .container {
  min-height: 100%;
}

/* ─── AJOUTEZ VOS STYLES ICI ─────────────────────────────────────────── */