/* FAMEEN GROUP Core — styles des shortcodes (réalisations + clients)
   Charte : bleu #28326D, doré #E9A124. Préfixe .fg- pour éviter tout conflit Divi. */
.fg-filters{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin:0 0 28px}
.fg-fbtn{padding:9px 18px;border:1px solid #e6e8ef;background:#fff;border-radius:999px;font-weight:600;font-size:.86rem;color:#28326D;cursor:pointer;transition:.2s;font-family:inherit}
.fg-fbtn:hover{border-color:#E9A124}
.fg-fbtn.active{background:#28326D;color:#fff;border-color:#28326D}
.fg-pgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.fg-pcard{display:flex;flex-direction:column;background:#fff;border:1px solid #e6e8ef;border-radius:14px;overflow:hidden;transition:.3s}
.fg-pcard.fg-hide{display:none}
.fg-pcard:hover{transform:translateY(-6px);box-shadow:0 18px 50px rgba(40,50,109,.12)}
.fg-thumb{display:block;height:200px;overflow:hidden;background:#f5f7fb}
.fg-thumb img{width:100%;height:100%;object-fit:cover;transition:.5s ease}
.fg-pcard:hover .fg-thumb img{transform:scale(1.06)}
.fg-pbody{padding:18px 18px 20px;display:flex;flex-direction:column;flex:1}
.fg-pcat{align-self:flex-start;font-size:.64rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#c8861b;background:rgba(233,161,36,.14);padding:4px 9px;border-radius:6px;margin-bottom:10px}
.fg-pcard h3{font-size:1.02rem;margin:0 0 8px;color:#28326D;line-height:1.25}
.fg-pbody p{color:#667085;font-size:.88rem;margin:0 0 14px}
.fg-plink{margin-top:auto;color:#c8861b;font-weight:700;font-size:.84rem;text-decoration:none}

/* Carrousel clients */
.fg-logo-marquee{overflow:hidden;padding:10px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.fg-logo-track{display:flex;align-items:center;gap:60px;width:max-content;animation:fg-scroll 60s linear infinite}
.fg-logo-marquee:hover .fg-logo-track{animation-play-state:paused}
.fg-logo{flex:0 0 auto;width:160px;height:84px;display:grid;place-items:center;filter:grayscale(1);opacity:.62;transition:.3s}
.fg-logo img{max-width:160px;max-height:84px;width:auto;height:auto;object-fit:contain}
.fg-logo:hover{filter:grayscale(0);opacity:1;transform:scale(1.09)}
@keyframes fg-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.fg-logo-track{animation:none}}

@media(max-width:980px){.fg-pgrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.fg-pgrid{grid-template-columns:1fr}.fg-logo{width:120px;height:64px}.fg-logo img{max-width:120px;max-height:64px}.fg-logo-track{gap:38px}}

/* Témoignages (shortcode [fameen_testimonials]) */
.fg-testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.fg-testi{background:#fff;border:1px solid #e6e8ef;border-radius:16px;padding:28px 26px;display:flex;flex-direction:column;box-shadow:0 10px 30px rgba(40,50,109,.06)}
.fg-testi-stars{color:#E9A124;letter-spacing:2px;margin-bottom:12px;font-size:.95rem}
.fg-testi blockquote{margin:0 0 18px;color:#1f2533;font-size:1rem;line-height:1.6;font-style:italic}
.fg-testi figcaption{display:flex;align-items:center;gap:12px;margin-top:auto}
.fg-testi-av{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,#28326D,#3a4690);color:#fff;display:grid;place-items:center;font-weight:800;flex:0 0 auto}
.fg-testi figcaption img{width:46px;height:46px;border-radius:50%;object-fit:cover;flex:0 0 auto}
.fg-testi-id{display:flex;flex-direction:column}.fg-testi-id b{color:#28326D}.fg-testi-id i{color:#667085;font-size:.85rem;font-style:normal}
@media(max-width:880px){.fg-testi-grid{grid-template-columns:1fr}}

/* ===== DESIGN V2 — Phase 2 : réalisations immersives (shortcode) ===== */
.fg-pcard{border:0;border-radius:18px;box-shadow:0 10px 30px rgba(27,35,80,.08)}
.fg-thumb{height:215px;position:relative}
.fg-thumb::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 50%,rgba(14,20,48,.6));opacity:0;transition:.35s}
.fg-pcard:hover .fg-thumb::after{opacity:1}
.fg-pcard:hover{transform:translateY(-8px);box-shadow:0 28px 64px rgba(27,35,80,.20)}
.fg-pcard:hover .fg-thumb img{transform:scale(1.09)}
.fg-pcard h3{font-family:'Sora',sans-serif}

/* ===== Traduction automatique (mode direct) : masquer la barre Google ===== */
body{top:0 !important}
.skiptranslate iframe.skiptranslate,.goog-te-banner-frame,#goog-gt-tt,.goog-te-balloon-frame{display:none !important}
#gt_container{display:none}
font[face]{font-family:inherit !important}

/* ===== Bandeau annonce (10 ans) ===== */
.fg-banner{background:linear-gradient(90deg,#E9A124,#F6B93B);color:#28326D;font-weight:600;font-size:.92rem}
.fg-banner-in{display:flex;align-items:center;justify-content:center;gap:16px;padding:9px 24px;position:relative;flex-wrap:wrap}
.fg-banner-cta{font-weight:800;text-decoration:underline;color:#28326D}
.fg-banner-x{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:0;font-size:1.3rem;line-height:1;cursor:pointer;color:#28326D;opacity:.7}
.fg-banner-x:hover{opacity:1}
@media(max-width:680px){.fg-banner-in{font-size:.82rem;gap:8px;padding-right:34px}}