/*
Theme Name: Divi Child – Cogiclic
Theme URI: https://cogiclic.fr
Description: Thème enfant Divi pour le site Cogiclic (charte turquoise / orange, blocs bois).
Author: Cogiclic
Template: Divi
Version: 1.0.0
*/

/* ---------- Charte ---------- */
:root{
  --cg-orange:#F26522; --cg-orange-fonce:#D4511A; --cg-orange-pale:#FDE8DD;
  --cg-turquoise:#1FA9C9; --cg-turquoise-fonce:#147F98; --cg-turquoise-pale:#EEF7FA;
  --cg-texte:#152B35; --cg-texte-2:#48616B; --cg-ligne:#D6E6EC; --cg-bois:#F3E3CF;
}
body{ color:var(--cg-texte); }
a{ color:var(--cg-turquoise-fonce); }
h1,h2,h3,h4{ font-family:'Outfit',sans-serif; letter-spacing:-.01em; }

/* ---------- Navigation (module Menu du Theme Builder) ---------- */
.cg-nav .et_pb_menu__menu > nav > ul{ justify-content:flex-end; gap:8px; }
.cg-nav .et_pb_menu__menu > nav > ul > li > a{
  padding:8px 18px !important; border:1.5px solid var(--cg-orange); border-radius:999px;
  color:var(--cg-orange-fonce) !important; font-weight:500; transition:background .15s,color .15s;
}
.cg-nav .et_pb_menu__menu > nav > ul > li > a:hover,
.cg-nav .et_pb_menu__menu > nav > ul > li.current-menu-item > a{ background:var(--cg-orange); color:#fff !important; opacity:1; }
.cg-nav .et_pb_menu__menu > nav > ul > li.cg-cta > a{ background:var(--cg-orange); color:#fff !important; }

/* ---------- Boutons (pilules) ---------- */
.et_pb_button{ border-radius:999px !important; font-family:'Outfit',sans-serif !important; }

/* ---------- Blurbs "blocs bois" ---------- */
.et_pb_blurb .et_pb_main_blurb_image img{ border-radius:14px; box-shadow:0 6px 14px rgba(60,40,10,.15); }
.et_pb_blurb.et_pb_blurb_position_left .et_pb_blurb_content{ display:flex; align-items:center; gap:16px; }
.et_pb_blurb.et_pb_blurb_position_left .et_pb_main_blurb_image{ margin:0; flex:0 0 auto; }
.et_pb_blurb.et_pb_blurb_position_left .et_pb_blurb_container{ padding-left:0; }

/* ---------- Page Cogiclic : lettrine + frise ---------- */
.cg-story p:first-of-type::first-letter{
  font-family:'Outfit',sans-serif; font-size:3.4rem; float:left; line-height:.85; padding-right:.5rem; color:var(--cg-orange); font-weight:500;
}
.cg-timeline-row .et_pb_column:last-child{ border-left:2px solid var(--cg-ligne); padding-left:26px; }
.cg-tl .et_pb_blurb_content{ align-items:flex-start; }

/* ---------- Témoignages ---------- */
.et_pb_testimonial .et_pb_testimonial_description{ padding-left:0; }
.et_pb_testimonial:before{ font-size:26px; top:-14px; left:24px; }
.et_pb_testimonial_portrait{ display:none; }

/* ---------- Slider réalisations : image entière, fond blanc ---------- */
.et_pb_slider .et_pb_slide_image img{ object-fit:contain; max-height:420px; }
.et_pb_slider .et_pb_slide_description{ padding:0 30px; }
.et_pb_slider .et_pb_slide_description .et_pb_slide_title{ color:var(--cg-turquoise-fonce); }

/* ---------- Onglets équipe ---------- */
.et_pb_tabs .et_pb_tabs_controls{ background:#fff; border-bottom:1px solid var(--cg-ligne); }
.et_pb_tabs .et_pb_tabs_controls li{ border:0; }
.et_pb_tabs .et_pb_tabs_controls li a{ font-family:'Outfit',sans-serif; font-weight:500; }
.et_pb_tabs .et_pb_tabs_controls li.et_pb_tab_active{ border-bottom:2px solid var(--cg-orange); }

/* ---------- Compteurs ---------- */
.et_pb_number_counter .percent{ font-family:'Outfit',sans-serif; }
.et_pb_number_counter .title{ font-family:'Source Sans Pro',sans-serif; }

/* ---------- Mobile ---------- */
@media (max-width:980px){
  .cg-nav .et_pb_menu__menu > nav > ul > li > a{ margin:6px 0; display:inline-block; }
  .et_pb_number_counter .percent{ font-size:36px !important; }
}