/* ===========================================================
   MyGoodSite — Charte globale v4 (site-wide, hors home)
   Propage l'identité de la home v4 aux pages The7.
   Déployée via mu-plugin (enqueue). Réversible.
   =========================================================== */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,400;0,9..144,500;0,9..144,600;1,9..144,400&family=Hanken+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');

:root{
  --mgs-ink:#0A0D12; --mgs-ink2:#0F141B; --mgs-surface:#141A22;
  --mgs-line:rgba(255,255,255,.09); --mgs-line2:rgba(255,255,255,.14);
  --mgs-text:#EDF0F4; --mgs-muted:#9AA3AF;
  --mgs-mint:#5FE9C6; --mgs-coral:#FF7A4D;
}

/* ---- Fond global sombre ---- */
html,body{background:#0A0D12 !important;color:#C9D1DF !important}
#page,#main,#content,.wf-wrap,.wf-container,.wf-container-main,.sidebar,.content,
.elementor,.elementor-section,.elementor-container,.elementor-widget-wrap,
.elementor-widget-container,.e-con,.e-con-inner{background-color:transparent !important}

/* ---- Typo ---- */
body,p,li,td,th,input,textarea,select,.wpb_text_column,.entry-content,.widget{
  font-family:'Hanken Grotesk',sans-serif !important}
h1,h2,h3,h4,h5,h6,.entry-title,.widget-title,.dt-heading,.wpb_heading{
  font-family:'Fraunces',serif !important; color:var(--mgs-text) !important; font-weight:400 !important}
p,li,.entry-content,.wpb_text_column,.widget,.widgettitle+*{color:#AEB6C2 !important}

/* ---- Liens (contenu) ---- */
.entry-content a,.wpb_text_column a,.widget a,.post a{color:var(--mgs-mint) !important}
.entry-content a:hover,.widget a:hover{color:#8df3da !important}

/* ---- Header The7 -> sombre ---- */
.masthead,.header-bar,#phantom,.mixed-header .header-bar,.masthead .header-bar{
  background:#0A0D12 !important; border-color:var(--mgs-line) !important; box-shadow:none !important}
.masthead a,#primary-menu a,.main-nav a,.masthead .main-nav>li>a,.branding a{color:var(--mgs-text) !important}
#primary-menu a:hover,.main-nav>li>a:hover,.main-nav>li.act>a{color:var(--mgs-mint) !important}
/* Logo : désormais natif The7 (image logo-mgs.png claire, desktop + mobile) — plus de hack CSS. */

/* ---- Footer (déjà sombre) : aligner ---- */
.footer,.footer.solid-bg{background:#0A0D12 !important}
.footer h1,.footer h2,.footer h3,.footer h4,.footer .widget-title{color:var(--mgs-text) !important}
.footer,.footer p,.footer li,.footer a{color:var(--mgs-muted) !important}
.footer a:hover{color:var(--mgs-mint) !important}
#bottom-bar{background:rgba(255,255,255,.03) !important;color:var(--mgs-muted) !important}

/* ---- Boutons ---- */
.dt-btn,.wpb_button,.btn,button,input[type=submit],.wpcf7-submit,.elementor-button{
  background:var(--mgs-coral) !important;color:#220f06 !important;border:none !important;
  font-family:'Hanken Grotesk',sans-serif !important;font-weight:700 !important;border-radius:100px !important}
.dt-btn:hover,.wpb_button:hover,.btn:hover,input[type=submit]:hover,.wpcf7-submit:hover,.elementor-button:hover{
  filter:brightness(1.06)}

/* ---- Cartes / blocs de contenu blancs -> surface sombre ---- */
.widget,.dt-shortcode,.wpb_content_element,.box-content,.testimonial,
.elementor-widget-wrap>.elementor-element[style*="background"],.dt_team .team-desc{
  background-color:transparent}
/* cartes d'articles (grille blog/page) -> surface sombre */
.post,.post.visible,.blog-post,.format-standard{
  background:var(--mgs-surface) !important;border:1px solid var(--mgs-line) !important;
  border-radius:14px !important}
.entry-content table,.wp-block-table{border-color:var(--mgs-line) !important}

/* ---- Champs de formulaire (CF7) ---- */
input[type=text],input[type=email],input[type=tel],input[type=url],textarea,select{
  background:rgba(255,255,255,.04) !important;border:1px solid var(--mgs-line2) !important;
  color:var(--mgs-text) !important;border-radius:12px !important}
input::placeholder,textarea::placeholder{color:var(--mgs-muted) !important}
input:-webkit-autofill,textarea:-webkit-autofill{
  -webkit-text-fill-color:var(--mgs-text) !important;-webkit-box-shadow:0 0 0 1000px #11161e inset !important}