/*
Theme Name: DSG Elementor Child
Theme URI: https://www.mywebstrategies.com/
Description: Thème enfant DE SANGOSSE basé sur Hello Elementor.
Author: My Web Strategies
Author URI: https://www.mywebstrategies.com/
Template: hello-elementor
Version: 1.0.0
Text Domain: dsg-elementor-child
*/

:root {
  --dsg-green: #416346;
  --dsg-dark: #073f35;
  --dsg-bio: #91ba2d;
  --dsg-cream: #fffbe9;
}

html { scroll-behavior: smooth; }
body { background: var(--dsg-cream); }

.elementor-page .site-main,
.elementor-template-canvas {
  overflow-x: hidden;
}

/* ==============================
   PATCH DSG PREPROD - 01/07
   Nettoyage affichage shortcode
============================== */

/* Masquer le titre de page WordPress */
.page .entry-title,
.page-title,
h1.entry-title {
  display: none !important;
}

/* Pleine largeur */
body.page,
.site-main,
.page-content,
.entry-content {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Retirer les marges parasites du thème */
#content,
.site-content,
.elementor-location-single,
.elementor-location-archive {
  max-width: none !important;
  width: 100% !important;
}

/* Template DSG */
.dsg-template {
  width: 100% !important;
  max-width: none !important;
  overflow-x: hidden;
}

/* Hero plus propre */
.dsg-hero {
  min-height: 720px;
}

.dsg-hero h1,
.dsg-hero__title {
  max-width: 760px;
  line-height: 0.95;
}

/* Stats : éviter la superposition trop forte */
.dsg-stats,
.dsg-hero__stats {
  position: relative;
  z-index: 5;
}

/* Section immersive : réduire la hauteur excessive */
.dsg-journey {
  min-height: auto !important;
  padding: 90px 0 !important;
}

.dsg-journey__sticky {
  position: relative !important;
  top: auto !important;
  min-height: auto !important;
}

/* Mobile / tablette */
@media (max-width: 900px) {
  .dsg-hero {
    min-height: auto !important;
    padding: 90px 22px 40px !important;
  }

  .dsg-hero h1,
  .dsg-hero__title {
    font-size: clamp(42px, 12vw, 72px) !important;
    line-height: 0.9 !important;
  }

  .dsg-stats,
  .dsg-hero__stats {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
    margin-top: 24px !important;
  }

  .dsg-journey {
    padding: 70px 22px !important;
  }

  .dsg-journey__layout {
    display: block !important;
  }

  .dsg-journey__visual {
    margin: 40px auto !important;
    max-width: 320px !important;
  }

  .dsg-step,
  .dsg-journey__step {
    margin-bottom: 12px !important;
  }
}