/*
Theme Name: Salient Child - Elimboo
Theme URI: https://elimboo.com
Description: Thème enfant de Salient pour Elimboo - Agence Web à Parakou. Design amélioré, bouton WhatsApp, balisage SEO/GEO, favicon et section réalisations, sans perdre les mises à jour de Salient.
Author: Elimboo
Author URI: https://elimboo.com
Template: salient
Version: 1.1.0
Text Domain: salient-child-elimboo
*/

/* ============================================================
   ELIMBOO — PALETTE (couleur exacte du logo : #E09216)
   ============================================================ */
:root {
  --elimboo-orange: #E09216;
  --elimboo-orange-dark: #c47d0c;
  --elimboo-dark: #16151a;
  --elimboo-text: #2b2b33;
  --elimboo-light: #faf7f1;
  --elimboo-grey: #6b6b75;
}

/* ============================================================
   BOUTONS — plus modernes, cohérents avec le logo
   ============================================================ */
.nectar-button.regular,
body .nectar-button[class*="extra-color"],
input[type="submit"],
button[type="submit"],
.wpforms-submit {
  border-radius: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 0.3px;
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease !important;
}
.nectar-button.regular:hover,
input[type="submit"]:hover,
button[type="submit"]:hover,
.wpforms-submit:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(224,146,22,.32) !important;
}

/* ============================================================
   CARTES TARIFS — plus modernes
   ============================================================ */
.pricing-column {
  border-radius: 18px !important;
  box-shadow: 0 10px 30px rgba(22,21,26,.08) !important;
  transition: transform .3s ease, box-shadow .3s ease;
  overflow: hidden;
}
.pricing-column:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 44px rgba(22,21,26,.16) !important;
}

/* Titres plus impactants */
h1, h2.section-heading { letter-spacing: -.5px; }

/* ============================================================
   BOUTON WHATSAPP FLOTTANT (action n°1 de conversion)
   ============================================================ */
#elimboo-whatsapp-float {
  position: fixed; bottom: 22px; left: 22px; z-index: 99998;
  display: flex; align-items: center; gap: 10px;
  background: #25D366; color: #fff !important;
  padding: 14px 20px; border-radius: 50px;
  font-weight: 600; font-size: 15px; text-decoration: none;
  box-shadow: 0 6px 24px rgba(37,211,102,.45);
  transition: transform .2s ease, box-shadow .2s ease;
}
#elimboo-whatsapp-float:hover { transform: scale(1.05); box-shadow: 0 8px 30px rgba(37,211,102,.6); color:#fff !important; }
#elimboo-whatsapp-float svg { width: 24px; height: 24px; fill: #fff; }
@media (max-width: 600px){
  #elimboo-whatsapp-float .ewf-label { display:none; }
  #elimboo-whatsapp-float { padding: 14px; bottom: 16px; left: 16px; }
}

/* ============================================================
   BANDEAU DE RÉASSURANCE (avis Google)
   ============================================================ */
.elimboo-trust-bar {
  background: var(--elimboo-light);
  border: 1px solid rgba(224,146,22,.25);
  border-radius: 14px; padding: 14px 22px;
  display: inline-flex; align-items: center; gap: 12px;
  font-weight: 600; color: var(--elimboo-dark);
}
.elimboo-trust-bar .stars { color: #FFB400; font-size: 18px; letter-spacing: 2px; }

/* ============================================================
   SECTION RÉALISATIONS (galerie de portfolio)
   ============================================================ */
.elimboo-realisations { padding: 60px 0; }
.elimboo-realisations .er-head { text-align:center; max-width:680px; margin:0 auto 44px; }
.elimboo-realisations .er-eyebrow {
  color: var(--elimboo-orange); font-weight:700; letter-spacing:2px;
  text-transform:uppercase; font-size:13px; margin-bottom:10px;
}
.elimboo-realisations h2 { font-size: clamp(28px,4vw,40px); margin:0 0 14px; color: var(--elimboo-dark); }
.elimboo-realisations .er-sub { color: var(--elimboo-grey); font-size:17px; line-height:1.6; }

.er-grid {
  display:grid; grid-template-columns: repeat(3, 1fr);
  gap: 24px; max-width: 1180px; margin: 0 auto; padding: 0 20px;
}
@media (max-width: 980px){ .er-grid { grid-template-columns: repeat(2,1fr); } }
@media (max-width: 620px){ .er-grid { grid-template-columns: 1fr; } }

.er-card {
  position: relative; border-radius: 16px; overflow: hidden;
  box-shadow: 0 8px 24px rgba(22,21,26,.10);
  background:#fff; transition: transform .3s ease, box-shadow .3s ease;
  text-decoration: none; display:block;
}
.er-card:hover { transform: translateY(-6px); box-shadow: 0 16px 40px rgba(22,21,26,.18); }
.er-card img { width:100%; height:auto; display:block; aspect-ratio:16/10; object-fit:cover; }
.er-card .er-overlay {
  position:absolute; inset:0;
  background: linear-gradient(to top, rgba(22,21,26,.85) 0%, rgba(22,21,26,.05) 55%, transparent 100%);
  opacity:0; transition: opacity .3s ease;
}
.er-card:hover .er-overlay { opacity:1; }
.er-card .er-info {
  position:absolute; left:0; right:0; bottom:0; padding:18px 20px;
  color:#fff; transform: translateY(8px); opacity:0; transition: all .3s ease;
}
.er-card:hover .er-info { transform: translateY(0); opacity:1; }
.er-card .er-info .er-title { font-weight:700; font-size:16px; margin:0 0 4px; }
.er-card .er-info .er-cat { font-size:13px; opacity:.85; }
.er-card .er-badge {
  position:absolute; top:14px; left:14px; background: var(--elimboo-orange);
  color:#fff; font-size:11px; font-weight:700; letter-spacing:.5px;
  padding:5px 12px; border-radius:50px; text-transform:uppercase;
}
.er-cta { text-align:center; margin-top:44px; }
.er-cta a {
  display:inline-block; background: var(--elimboo-orange); color:#fff;
  padding:15px 34px; border-radius:50px; font-weight:600; text-decoration:none;
  transition: transform .2s ease, box-shadow .2s ease;
}
.er-cta a:hover { transform: translateY(-2px); box-shadow:0 10px 26px rgba(224,146,22,.4); }

/* ============================================================
   AMÉLIORATION LISIBILITÉ DU BLOG (tu le trouvais "moche")
   ============================================================ */
.single-post #content .post-content,
.blog .post-content {
  font-size: 17px; line-height: 1.75; color: var(--elimboo-text);
}
.single-post #content .post-content h2 { margin-top: 1.6em; }
.blog .post-area .post .recent-post-wrap,
.blog article.post {
  border-radius: 14px; overflow:hidden;
  box-shadow: 0 6px 20px rgba(22,21,26,.07);
  transition: transform .25s ease, box-shadow .25s ease;
}
.blog article.post:hover { transform: translateY(-4px); box-shadow:0 12px 30px rgba(22,21,26,.13); }