/*
Theme Name: Blank Canvas Enfant
Template: blank-canvas-3-wpcom2
Version: 1.0
*/

/* =========================================
   BASE GLOBALE & TYPO
========================================= */

:root {
  --lbdn-bleu-nuit: #0E1A2B;
  --lbdn-beige: #E8D1A4;
  --lbdn-beige-fond: #FAF3E7;

  /* Police système WordPress redéfinie */
  --wp--preset--font-family--system-font: 'Adobe Garamond Pro', 'EB Garamond', serif;
}

/* Import fallback proche si Adobe Garamond Pro n’est pas dispo */
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400;500;700&display=swap');

html {
  scroll-behavior: smooth;
}

:target {
  scroll-margin-top: 80px;
}

body {
  font-family: 'Adobe Garamond Pro', 'EB Garamond', serif;
  line-height: 1.5;
  color: #112033;
  margin: 0;
}

/* Typo globale */
p,
h1,h2,h3,h4,h5,h6,
.wp-block-site-title,
.wp-block-navigation,
.elementor-widget,
.elementor-heading-title {
  font-family: 'Adobe Garamond Pro', 'EB Garamond', serif;
}

/* H2 Elementor (titres beige doré) */
h2.elementor-heading-title.elementor-size-default,
h4.elementor-heading-title.elementor-size-default {
  color: #BDA18A !important;
  font-family: 'Adobe Garamond Pro', 'EB Garamond', serif;
}

/* =========================================
   FOOTER
========================================= */

footer {
  background-color:#112033;
  color: var(--lbdn-beige);
  text-align: center;
}

footer a {
  color: 112033;
  text-decoration: none;
  transition: opacity 0.3s ease;
}

footer a:hover {
  opacity: 0.8;
}

/* Icônes sociales en ligne dans le footer */
footer .wp-block-social-links {
  display: flex !important;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 1.2rem;
}

footer .wp-block-social-links svg {
  fill: var(--lbdn-beige);
  transition: fill 0.3s ease, transform 0.3s ease;
}

footer .wp-block-social-links a:hover svg {
  fill: #ffffff;
  transform: scale(1.1);
}

footer .wp-block-site-title a {
  color: var(--lbdn-beige);
}

/* Masquer tout titre de site dans le footer si jamais présent */
footer .wp-block-site-title {
  display: none !important;
}
/* ==========================================================
   HOME — VIDÉO FULL WIDTH / FULLSCREEN (ÉDITEUR CLASSIQUE)
   ========================================================== */

/* 1 — Enlever toutes les marges/padding imposés par le thème sur la home */
body.home .wp-site-blocks,
body.home main,
body.home .entry-content,
body.home .post,
body.home .hentry,
body.home article,
body.home .entry-content p {
  margin: 0 !important;
  padding: 0 !important;
}

/* 2 — Faire sortir la div vidéo du container WordPress */
body.home .lbdn-hero-video {
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw); /* “full bleed” */
  margin-right: calc(50% - 50vw);

  height: 100vh; /* pleine hauteur, change en 70vh si tu veux */
  overflow: hidden;
  position: relative;
  background: black;
}

/* 3 — L’iframe occupe toute la place → façon “background cover” */
body.home .lbdn-hero-video-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 120%;
  height: 120%;
  transform: translate(-50%, -50%);
  pointer-events: none; /* impossible de cliquer → pas de player */
}

body.home .lbdn-hero-video-inner iframe {
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}

/* 4 — Mobile : même principe */
@media (max-width: 768px) {
  body.home .lbdn-hero-video {
    height: 85vh;
  }
}
.lbdn-home-banner {
    width: auto;
    height: auto;
    display: block;
}
div.home-header{
  display: none;
}
home div.home-header{
  display: block;
}

.qui-sommes-nous{
  column-gap: 0px;
}