.elementor-19346 .elementor-element.elementor-element-d7b8db9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-19346 .elementor-element.elementor-element-dc404e8{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-19346 .elementor-element.elementor-element-7c7746f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-19346 .elementor-element.elementor-element-b07bc2a > .elementor-widget-container{margin:0px 0px -20px 0px;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-19346 .elementor-element.elementor-element-5db8919{--grid-columns:2;--load-more-message-alignment:center;--load-more-button-align:center;}.elementor-19346 .elementor-element.elementor-element-5db8919 .elementor-button{background-color:#000000;}.elementor-19346 .elementor-element.elementor-element-5db8919 > .elementor-widget-container{background-color:#FAF7F2;padding:20px 0px 20px 15px;}.elementor-19346 .elementor-element.elementor-element-70837bf{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-19346 .elementor-element.elementor-element-1521787{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-19346 .elementor-element.elementor-element-c625d00{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-19346 .elementor-element.elementor-element-022726e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-19346 .elementor-element.elementor-element-31666cd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(min-width:768px){.elementor-19346 .elementor-element.elementor-element-7c7746f{--width:66.6666%;}.elementor-19346 .elementor-element.elementor-element-70837bf{--width:33.3333%;}}@media(max-width:1024px){.elementor-19346 .elementor-element.elementor-element-5db8919{--grid-columns:2;}}@media(max-width:767px){.elementor-19346 .elementor-element.elementor-element-5db8919{--grid-columns:1;}}/* Start custom CSS *//* ============================================================
   PAGE ÉTUDES DE CAS — ACACIA CONSULTING & FORMATIONS
   Elementor widget Posts — Skin : Cards — 3 colonnes
   Palette : #1B4332 (vert) + #ef5c1a (orange)
   À coller dans : Elementor → CSS personnalisé de la section
   ou Paramètres du site → CSS personnalisé
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,600;0,700;1,700&family=Outfit:wght@300;400;500;600&display=swap');

:root {
  --vert:    #1B4332;
  --vert2:   #0D2B1E;
  --orange:  #ef5c1a;
  --orange2: #c94a12;
  --creme:   #FAF7F2;
  --texte:   #1A1A1A;
  --gris:    #6B7280;
  --ligne:   #E5E0D8;
  --blanc:   #FFFFFF;
}

/* ── RESET GÉNÉRAL ── */
.acf-etudes-wrap * {
  box-sizing: border-box;
}

/* ══════════════════════════════════════════════════════
   HERO DE LA PAGE LISTE
   À placer dans un widget HTML avant le widget Posts
   ══════════════════════════════════════════════════════ */

.acf-etudes-hero {
  background: var(--vert);
  padding: 72px 24px 64px;
  position: relative;
  overflow: hidden;
  margin-bottom: 0;
}

.acf-etudes-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: radial-gradient(circle at 1px 1px, rgba(255,255,255,0.04) 1px, transparent 0);
  background-size: 32px 32px;
  pointer-events: none;
}

.acf-etudes-hero-inner {
  max-width: 960px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 40px;
  align-items: center;
}

@media (max-width: 768px) {
  .acf-etudes-hero-inner { grid-template-columns: 1fr; }
}

.acf-etudes-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: var(--orange);
  margin-bottom: 16px;
  font-family: 'Outfit', sans-serif;
}

.acf-etudes-eyebrow::before {
  content: '';
  display: block;
  width: 24px;
  height: 1px;
  background: var(--orange);
}

.acf-etudes-hero-title {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(30px, 4vw, 50px);
  font-weight: 700;
  color: white;
  line-height: 1.1;
  margin-bottom: 16px;
}

.acf-etudes-hero-title em {
  font-style: italic;
  color: var(--orange);
}

.acf-etudes-hero-desc {
  font-family: 'Outfit', sans-serif;
  font-size: 15px;
  color: rgba(255,255,255,0.65);
  line-height: 1.8;
  max-width: 520px;
}

.acf-etudes-hero-desc strong { color: rgba(255,255,255,0.9); }

/* Stats hero */
.acf-etudes-hero-stats {
  display: flex;
  flex-direction: column;
  gap: 2px;
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 8px;
  overflow: hidden;
  flex-shrink: 0;
}

.acf-etudes-hero-stat {
  padding: 14px 22px;
  border-bottom: 1px solid rgba(255,255,255,0.08);
  background: rgba(255,255,255,0.03);
}

.acf-etudes-hero-stat:last-child { border-bottom: none; }

.acf-etudes-hero-stat-val {
  font-family: 'Cormorant Garamond', serif;
  font-size: 26px;
  font-weight: 700;
  color: white;
  line-height: 1;
}

.acf-etudes-hero-stat-val span { color: var(--orange); }

.acf-etudes-hero-stat-label {
  font-family: 'Outfit', sans-serif;
  font-size: 11px;
  color: rgba(255,255,255,0.4);
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-top: 3px;
}

/* ══════════════════════════════════════════════════════
   FILTRES (widget HTML séparé)
   ══════════════════════════════════════════════════════ */

.acf-etudes-filtres {
  background: var(--creme);
  border-bottom: 1px solid var(--ligne);
  padding: 20px 24px;
}

.acf-etudes-filtres-inner {
  max-width: 960px;
  margin: 0 auto;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
}

.acf-etudes-filtres-label {
  font-family: 'Outfit', sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: var(--gris);
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-right: 4px;
  flex-shrink: 0;
}

.acf-filtre-btn {
  padding: 6px 14px;
  border-radius: 20px;
  border: 1.5px solid var(--ligne);
  background: white;
  font-family: 'Outfit', sans-serif;
  font-size: 12px;
  font-weight: 500;
  color: var(--gris);
  cursor: pointer;
  transition: all 0.15s;
  white-space: nowrap;
}

.acf-filtre-btn:hover,
.acf-filtre-btn.active {
  background: var(--vert);
  border-color: var(--vert);
  color: white;
}

.acf-filtre-btn.active-orange {
  background: var(--orange);
  border-color: var(--orange);
  color: white;
}

/* ══════════════════════════════════════════════════════
   WRAPPER ELEMENTOR POSTS
   ══════════════════════════════════════════════════════ */

.acf-etudes-posts-wrap {
  background: var(--creme);
  padding: 48px 24px 80px;
}

.acf-etudes-posts-wrap .elementor-posts-container {
  max-width: 960px;
  margin: 0 auto;
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 20px !important;
  padding: 0 !important;
}

@media (max-width: 900px) {
  .acf-etudes-posts-wrap .elementor-posts-container {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (max-width: 560px) {
  .acf-etudes-posts-wrap .elementor-posts-container {
    grid-template-columns: 1fr !important;
  }
}

/* ══════════════════════════════════════════════════════
   CARDS — SKIN CARDS ELEMENTOR
   ══════════════════════════════════════════════════════ */

.acf-etudes-posts-wrap .elementor-post {
  background: white !important;
  border: 1.5px solid var(--ligne) !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  box-shadow: none !important;
  transition: border-color 0.25s, box-shadow 0.25s, transform 0.25s !important;
  display: flex !important;
  flex-direction: column !important;
  padding: 0 !important;
  margin: 0 !important;
  position: relative;
}

.acf-etudes-posts-wrap .elementor-post:hover {
  border-color: var(--orange) !important;
  box-shadow: 0 8px 32px rgba(239,92,26,0.12) !important;
  transform: translateY(-3px) !important;
}

/* ── IMAGE ── */
.acf-etudes-posts-wrap .elementor-post__thumbnail {
  width: 100% !important;
  height: 180px !important;
  overflow: hidden !important;
  position: relative;
  flex-shrink: 0;
}

.acf-etudes-posts-wrap .elementor-post__thumbnail img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform 0.4s ease !important;
  display: block;
}

.acf-etudes-posts-wrap .elementor-post:hover .elementor-post__thumbnail img {
  transform: scale(1.05) !important;
}

/* Badge pays — injecté via PHP dans l'image */
.acf-etudes-posts-wrap .acf-card-pays-badge {
  position: absolute;
  top: 12px;
  left: 12px;
  background: var(--vert);
  color: white;
  font-family: 'Outfit', sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.5px;
  padding: 4px 10px;
  border-radius: 20px;
  display: flex;
  align-items: center;
  gap: 5px;
  z-index: 2;
}

/* Badge type structure — injecté via PHP */
.acf-etudes-posts-wrap .acf-card-type-badge {
  position: absolute;
  top: 12px;
  right: 12px;
  background: rgba(239,92,26,0.9);
  color: white;
  font-family: 'Outfit', sans-serif;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 4px 10px;
  border-radius: 20px;
  z-index: 2;
}

/* Overlay gradient sur image */
.acf-etudes-posts-wrap .elementor-post__thumbnail::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 60px;
  background: linear-gradient(to top, rgba(0,0,0,0.25), transparent);
  pointer-events: none;
}

/* ── TEXTE CARD ── */
.acf-etudes-posts-wrap .elementor-post__text {
  padding: 20px 20px 0 !important;
  flex: 1;
  display: flex;
  flex-direction: column;
}

/* ── TITRE ── */
.acf-etudes-posts-wrap .elementor-post__title {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 19px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  margin-bottom: 10px !important;
  color: var(--vert) !important;
}

.acf-etudes-posts-wrap .elementor-post__title a {
  color: var(--vert) !important;
  text-decoration: none !important;
  transition: color 0.15s !important;
}

.acf-etudes-posts-wrap .elementor-post:hover .elementor-post__title a {
  color: var(--orange) !important;
}

/* ── ACCROCHE (injectée via PHP dans l'extrait) ── */
.acf-etudes-posts-wrap .elementor-post__excerpt {
  display: block !important;
}

.acf-etudes-posts-wrap .acf-card-accroche {
  font-family: 'Outfit', sans-serif;
  font-size: 13px;
  color: var(--gris);
  line-height: 1.6;
  margin-bottom: 14px;
  font-style: italic;
}

/* ── MÉTA ACF (délai + économie) ── */
.acf-etudes-posts-wrap .acf-card-meta {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 16px;
}

.acf-card-meta-item {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 5px 10px;
  border-radius: 6px;
  font-family: 'Outfit', sans-serif;
  font-size: 12px;
  font-weight: 600;
}

.acf-card-meta-item.delai {
  background: rgba(27,67,50,0.07);
  color: var(--vert);
  border: 1px solid rgba(27,67,50,0.12);
}

.acf-card-meta-item.economie {
  background: rgba(239,92,26,0.08);
  color: var(--orange);
  border: 1px solid rgba(239,92,26,0.15);
}

.acf-card-meta-item.secteur {
  background: var(--creme);
  color: var(--gris);
  border: 1px solid var(--ligne);
}

/* ── FOOTER CARD ── */
.acf-etudes-posts-wrap .elementor-post__card {
  border: none !important;
  box-shadow: none !important;
  height: 100%;
  display: flex !important;
  flex-direction: column !important;
  background: transparent !important;
  border-radius: 0 !important;
  padding: 0 !important;
}

.acf-etudes-posts-wrap .elementor-post__footer {
  padding: 0 20px 20px !important;
  margin-top: auto !important;
  border-top: 1px solid var(--ligne) !important;
  padding-top: 14px !important;
}

/* ── BOUTON LIRE LA SUITE ── */
.acf-etudes-posts-wrap .elementor-post__read-more {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-family: 'Outfit', sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: var(--vert) !important;
  text-decoration: none !important;
  letter-spacing: 0.5px !important;
  transition: color 0.15s, gap 0.15s !important;
}

.acf-etudes-posts-wrap .elementor-post__read-more::after {
  content: '→';
  font-size: 14px;
  transition: transform 0.2s;
}

.acf-etudes-posts-wrap .elementor-post:hover .elementor-post__read-more {
  color: var(--orange) !important;
}

.acf-etudes-posts-wrap .elementor-post:hover .elementor-post__read-more::after {
  transform: translateX(4px);
}

/* ── MASQUER CE QU'ON NE VEUT PAS ── */
.acf-etudes-posts-wrap .elementor-post__meta-data,
.acf-etudes-posts-wrap .elementor-post__avatar,
.acf-etudes-posts-wrap .elementor-post__badge {
  display: none !important;
}

/* ══════════════════════════════════════════════════════
   PAGINATION
   ══════════════════════════════════════════════════════ */

.acf-etudes-posts-wrap .elementor-pagination {
  text-align: center;
  margin-top: 40px;
}

.acf-etudes-posts-wrap .elementor-pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 6px;
  border: 1.5px solid var(--ligne);
  font-family: 'Outfit', sans-serif;
  font-size: 13px;
  font-weight: 500;
  color: var(--gris);
  text-decoration: none;
  margin: 0 3px;
  transition: all 0.15s;
}

.acf-etudes-posts-wrap .elementor-pagination .page-numbers:hover,
.acf-etudes-posts-wrap .elementor-pagination .page-numbers.current {
  background: var(--vert);
  border-color: var(--vert);
  color: white;
}

/* ══════════════════════════════════════════════════════
   IMAGE DE FALLBACK (si pas d'image de couverture)
   ══════════════════════════════════════════════════════ */

.acf-etudes-posts-wrap .elementor-post__thumbnail:not(:has(img)) {
  background: linear-gradient(135deg, var(--vert) 0%, var(--vert2) 100%);
  display: flex;
  align-items: center;
  justify-content: center;
}

.acf-etudes-posts-wrap .elementor-post__thumbnail:not(:has(img))::before {
  content: '📋';
  font-size: 40px;
  opacity: 0.4;
}/* End custom CSS */