/*
 Theme Name:   Myvaudoo Child
 Theme URI:    https://www.myvaudoo.fr
 Description:  Thème enfant GeneratePress pour myvaudoo.fr
 Author:       David — seo4localagency.com
 Author URI:   https://seo4localagency.com
 Template:     generatepress
 Version:      1.2.0
 License:      GNU General Public License v2 or later
 Text Domain:  myvaudoo
*/

/* ==========================================================================
   VARIABLES CSS — Charte Myvaudoo (Palette_MyVaudoo.xlsx)
   ========================================================================== */
:root{
  --mv-prune:#5A2D82;
  --mv-noir:#111111;
  --mv-ivoire:#F3E9D6;
  --mv-laiton:#B89A58;
  --mv-gris:#666668;
  --mv-font-titres:"Playfair Display", Georgia, serif;
  --mv-font-texte:"Source Sans 3", -apple-system, sans-serif;
}

body{
  background:var(--mv-ivoire);
  color:var(--mv-noir);
  font-family:var(--mv-font-texte);
}

h1,h2,h3,h4,h5,h6,
.site-title,.site-title a{
  font-family:var(--mv-font-titres);
  color:var(--mv-noir);
}

a{ color:var(--mv-prune); }
a:hover{ color:var(--mv-laiton); }

.site-header{ background:var(--mv-ivoire); border-bottom:1px solid var(--mv-gris); }

.button,
button,
input[type="submit"],
.wp-block-button__link{
  background:var(--mv-laiton) !important;
  color:var(--mv-noir) !important;
  border:none;
  font-family:var(--mv-font-texte);
}
.button:hover,
button:hover,
input[type="submit"]:hover,
.wp-block-button__link:hover{
  background:var(--mv-prune) !important;
  color:var(--mv-ivoire) !important;
}

.widget{ background:#fff; border:1px solid #E5DCC8; }

/* ==========================================================================
   LOGO HEADER — contrainte de taille (source 1105x1333px, non prévue pour un header)
   ========================================================================== */
.site-logo img,
.custom-logo-link img,
img.custom-logo{
  max-height:70px;
  width:auto;
  height:auto;
}
.site-logo{ padding:10px 0; }

/* ==========================================================================
   PILIER — cartes satellites
   ========================================================================== */
.mv-pillar-cards{
  display:flex;
  gap:24px;
  flex-wrap:wrap;
  margin:32px 0;
}
.mv-pillar-card{
  flex:1 1 240px;
  background:#fff;
  border:1px solid #E5DCC8;
  border-radius:8px;
  padding:24px;
}
.mv-pillar-card h3{ margin-top:0; }
.mv-pillar-card a{ color:var(--mv-prune); font-weight:600; }
.mv-pillar-card a:hover{ color:var(--mv-laiton); }

/* ==========================================================================
   HOME — Hero
   ========================================================================== */
.mv-hero{
  display:flex;
  align-items:center;
  gap:48px;
  flex-wrap:wrap;
  padding:20px 0 40px;
}
.mv-hero-text{ flex:1 1 380px; }
.mv-hero-text h1{ margin-top:0; font-size:2.2em; }
.mv-hero-sub{
  font-family:var(--mv-font-titres);
  font-style:italic;
  color:var(--mv-prune);
  font-size:1.2em;
  margin:8px 0 16px;
}
.mv-hero-visual{ flex:1 1 280px; text-align:center; }
.mv-hero-visual img{ max-width:280px; width:100%; height:auto; }
.mv-hero .button{
  display:inline-block;
  margin-top:12px;
  padding:12px 28px;
  background:var(--mv-laiton);
  color:var(--mv-noir);
  text-decoration:none;
  border-radius:6px;
  font-weight:600;
}
.mv-hero .button:hover{ background:var(--mv-prune); color:var(--mv-ivoire); }

.mv-explore{ padding:20px 0 40px; }
.mv-explore h2{ text-align:center; }

/* ==========================================================================
   HOME — Hero image pleine largeur
   ========================================================================== */
.mv-hero-banner{ margin:0 0 32px; }
.mv-hero-banner img{ width:100%; height:auto; display:block; }
@media (max-width:768px){
  .mv-hero-banner{ margin:0 0 24px; }
}
.mv-hero-text{ text-align:center; max-width:640px; margin:0 auto; }
.mv-hero-text .button{ display:inline-block; }