/* =============================================
   PAGES CEDIA3D - SHARED STYLES
   Templates: fullwidth, landing, 3d-home
   ============================================= */

/* Google Font */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800&display=swap');

/* =============================================
   VARIABLES
   ============================================= */
:root {
  --marine: #0f2044;
  --marine-light: #1a3460;
  --orange: #f05a00;
  --orange-light: #ff7a2b;
  --blanc: #ffffff;
  --gris-clair: #f4f6f9;
  --gris-mid: #e8ecf2;
  --gris-texte: #5a6a82;
  --gris-dark: #2d3a4e;
  --radius: 12px;
  --shadow: 0 4px 24px rgba(15,32,68,.08);
  --shadow-lg: 0 8px 48px rgba(15,32,68,.13);
}

/* =============================================
   PLEINE LARGEUR — override Shoptimizer col-full
   Le thème applique max-width:1170px via customizer
   On force 100% pour tous les templates custom
   ============================================= */
.page-template-template-fullwidth .shoptimizer-archive > .col-full,
.page-template-template-fullwidth-no-heading .shoptimizer-archive > .col-full,
.page-template-template-landing .shoptimizer-archive > .col-full {
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.page-template-template-fullwidth #primary.content-area,
.page-template-template-fullwidth #main.site-main,
.page-template-template-landing #primary.content-area,
.page-template-template-landing #main.site-main {
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Supprimer gap header/contenu */
.page-template-template-fullwidth #content.site-content,
.page-template-template-landing #content.site-content {
  padding-top: 0 !important;
  margin-top: 0 !important;
}
.page-template-template-fullwidth .shoptimizer-archive,
.page-template-template-landing .shoptimizer-archive {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

html, body { overflow-x: hidden; }

/* =============================================
   BASE cedia3d-page
   ============================================= */
.cedia3d-page *, .cedia3d-page *::before, .cedia3d-page *::after {
  box-sizing: border-box;
}
.cedia3d-page {
  font-family: 'Manrope', sans-serif;
  color: var(--gris-dark);
  font-size: 16px;
  line-height: 1.6;
}
.cedia3d-page h1, .cedia3d-page h2, .cedia3d-page h3, .cedia3d-page h4 {
  font-family: 'Manrope', sans-serif;
}

/* =============================================
   UTILITAIRES
   ============================================= */
.cedia3d-page .container { max-width: 1160px; margin: 0 auto; padding: 0 24px; }
.cedia3d-page .section-label { font-size: .72rem; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: var(--orange); margin-bottom: 10px; }
.cedia3d-page .section-title { font-size: clamp(1.9rem, 3.5vw, 2.8rem); font-weight: 800; color: var(--marine); line-height: 1.15; letter-spacing: -.5px; margin-bottom: 16px; }
.cedia3d-page .section-sub { color: var(--gris-texte); font-size: .97rem; line-height: 1.75; max-width: 580px; }
.cedia3d-page .bg-clair { background: var(--gris-clair); }

/* Boutons */
.cedia3d-page .btn-primary { display: inline-block; background: var(--orange); color: #fff; padding: 14px 32px; border-radius: 50px; font-weight: 700; font-size: .95rem; text-decoration: none; transition: .25s; border: none; cursor: pointer; font-family:'Manrope',sans-serif; }
.cedia3d-page .btn-primary:hover { background: var(--orange-light); transform: translateY(-1px); box-shadow: 0 6px 24px rgba(240,90,0,.3); }
.cedia3d-page .btn-outline { display: inline-block; background: transparent; color: var(--marine); border: 2px solid var(--marine); padding: 12px 28px; border-radius: 50px; font-weight: 700; font-size: .95rem; text-decoration: none; transition: .25s; font-family:'Manrope',sans-serif; }
.cedia3d-page .btn-outline:hover { background: var(--marine); color: #fff; }

/* Reveal animation */
.cedia3d-page .reveal { opacity: 0; transform: translateY(22px); transition: opacity .6s ease, transform .6s ease; }
.cedia3d-page .reveal.visible { opacity: 1; transform: translateY(0); }

/* =============================================
   BREADCRUMB — masqué sur pages custom
   ============================================= */
.page-template-template-fullwidth .woocommerce-breadcrumb,
.page-template-template-fullwidth-no-heading .woocommerce-breadcrumb,
.page-template-template-landing .woocommerce-breadcrumb {
  display: none !important;
}