/* Evergreen Distribution - Brand palette overrides
   Loaded AFTER template main.css to override colors site-wide. */

:root{
  --primary:#2E7D32;
  --primary-light:#4ADE80;

  --text:#222222;
  --text-light:#6b6b6b;

  --background:#ffffff;
  /* Sections grises : un peu plus claires pour réduire l’effet « lourd » */
  --section:#f4faf5;

  /* Map template variables (Ribuild/RRDevs) to brand palette */
  --rr-theme-primary: var(--primary);
  --rr-theme-primary-2: var(--primary-light);
  --rr-theme-secondary: var(--primary-light);
}

body{
  color: var(--text);
  background-color: var(--background);
}

/* Common section backgrounds */
.section-bg-1,
.section-bg,
.bg-gray,
.bg-grey{
  background-color: var(--section) !important;
}

/* Links & accents (keep readable defaults, only adjust key accents) */
a:hover{
  color: var(--primary);
}

/* Buttons (template uses primary variable in many places) */
.rr-btn,
.rr-btn__header{
  --btn-color: var(--primary);
}

/* Active nav item */
.main-menu ul li.active > a{
  color: var(--primary) !important;
}

/* Green checks/icons when SVG uses currentColor */
.about-us__list li span,
.latest-project__item-list li span,
.what-we-do__item-text ul li span{
  color: var(--primary);
}

/* Hardcoded template red in inline SVGs */
svg [stroke="#F44E19"],
svg [stroke="#f44e19"]{
  stroke: var(--primary) !important;
}
svg [fill="#F44E19"],
svg [fill="#f44e19"]{
  fill: var(--primary) !important;
}

/* --- Atmosphère plus claire (héros, footer, bannière) --- */
.theme-bg-heading-primary{
  /* Remplace le quasi-noir du thème par un vert profond mais plus lumineux */
  background-color: transparent !important;
  background-image: linear-gradient(180deg, #355c40 0%, #2a4832 55%, #243d2c 100%) !important;
}

/* Bandeau accueil : voile moins sombre sur la photo */
.banner__item::after{
  background: linear-gradient(
    90.09deg,
    rgba(32, 86, 44, 0.72) 0.09%,
    rgba(21, 24, 27, 0) 99.93%
  ) !important;
}

/* Sections « section-bg-1 » du gabarit : tirer vers un blanc cassé très léger */
.section-bg-1{
  background: #fbfefb !important;
}

/* Back-to-top / progress accent */
#scroll-percentage-value,
#scroll-percentage{
  color: var(--primary);
}

/* Preloader: remove red + hide close button */
.preloader-close{
  display: none !important;
}

#preloader,
.preloader,
.sk-three-bounce{
  background-color: #1e2f24 !important;
}

.sk-three-bounce .sk-child{
  background-color: var(--primary) !important;
}

.progress{
  background-color: var(--primary) !important;
}

/* Logo sizing (make it really large and visible) */
.header__logo img,
.footer__logo img,
.offcanvas__logo img,
.search__logo img{
  width: auto !important;
  height: 100px !important;
  max-width: 100% !important;
  object-fit: contain;
}

@media (max-width: 991.98px){
  .header__logo img{
    height: 75px !important;
  }
}

@media (max-width: 575.98px){
  .header__logo img{
    height: 60px !important;
  }
}

/* Header logo container: remove white background shape */
.header-1 .header__logo{
  background: transparent !important;
  border-bottom-right-radius: 0 !important;
  min-height: auto !important;
}

/* Add a subtle "badge" behind the logo for readability */
.header-1 .header__logo .logo{
  background: rgba(255, 255, 255, 0.92);
  padding: 10px 14px;
  border-radius: 14px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
}

@media (max-width: 575.98px){
  .header-1 .header__logo .logo{
    padding: 8px 10px;
    border-radius: 12px;
  }
}

/* Footer logo readability */
.footer__logo a{
  display: inline-flex;
  background: rgba(255, 255, 255, 0.92);
  padding: 10px 14px;
  border-radius: 14px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
}

@media (max-width: 575.98px){
  .footer__logo a{
    padding: 8px 10px;
    border-radius: 12px;
  }
}