/*
Theme Name: Avante Child
Theme URI: https://themes.themegoods.com/avante/landing
Description: Premium Business & Consulting WordPress Theme
Version: 1.0
Author: ThemeGoods
Author URI: https://themeforest.net/user/ThemeGoods
License: GNU General Public License
License URI: https://themeforest.net/licenses/regular_extended
Text Domain: avante
Template: avante
*/
:root{
  --esus-accent:#2E8B57; /* vert personnalisé */
  --esus-text:#0f172a; --esus-muted:#475569; --esus-bg:#ffffff;
  --esus-border:#e2e8f0; --esus-shadow:0 10px 25px rgba(2,6,23,.06);
  --esus-radius:20px;
}
.esus-author-box{
  display:grid; grid-template-columns:160px 1fr; gap:24px; align-items:center;
  padding:24px; border:1px solid var(--esus-border); border-radius:var(--esus-radius);
  background:var(--esus-bg); box-shadow:var(--esus-shadow); margin-top:32px;
}
.esus-author-media{ inline-size:160px; block-size:160px; border-radius:50%; padding:4px;
  background:radial-gradient(120px 120px at 50% 40%, #ffffff, #f8fafc);
  border:1px solid var(--esus-border); box-shadow:0 6px 16px rgba(46,139,87,.15);
}
.esus-author-media img{ inline-size:100%; block-size:100%; object-fit:cover; border-radius:50%; display:block; }
.esus-author-content{ color:var(--esus-text); }
.esus-author-name{ margin:0 0 4px; font-size:1.25rem; line-height:1.2; font-weight:800; }
.esus-author-title{ margin:0 0 10px; font-size:1rem; color:var(--esus-accent); font-weight:600; }
.esus-author-bio{ margin:0 0 16px; color:var(--esus-muted); font-size:1rem; line-height:1.6; }
.esus-author-cta{ display:flex; gap:12px; flex-wrap:wrap; }
.esus-btn{
  display:inline-flex; align-items:center; justify-content:center; padding:10px 16px; border-radius:12px;
  font-weight:700; text-decoration:none; background:var(--esus-accent); color:#fff; border:1px solid transparent;
  transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
  box-shadow:0 8px 18px rgba(46,139,87,.25);
}
.esus-btn:hover{ transform:translateY(-1px); box-shadow:0 10px 22px rgba(46,139,87,.28); }
.esus-btn:focus-visible{ outline:2px solid #000; outline-offset:3px; }
@media (max-width:720px){
  .esus-author-box{ grid-template-columns:1fr; text-align:center; }
  .esus-author-media{ margin:0 auto; }
  .esus-author-cta{ justify-content:center; }
}
@media (prefers-color-scheme:dark){
  :root{ --esus-text:#e5e7eb; --esus-muted:#cbd5e1; --esus-bg:#0b1220; --esus-border:#1f2937; }
  .esus-author-media{ background:radial-gradient(120px 120px at 50% 40%, #0b1220, #0e1726); }
}
