/* =========================================================
   CONTENU — RESPIRATION MINIMALE
========================================================= */
body.home .entry-content{
  padding:20px 20px 0 !important;
}

/* =========================================================
   HERO / TITRE
========================================================= */
body.home .am-hero-wrap{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:2vw;
  margin:40px 0;
  text-align:center;
}

body.home .am-hero-text{
  font-size:clamp(36px,5vw,60px);
  font-weight:700;
  color:#fff;
  text-shadow:
    0 3px 6px rgba(0,0,0,.45),
    0 6px 14px rgba(0,0,0,.25),
    0 10px 22px rgba(0,0,0,.15);
}

body.home .am-hero-logo{
  width:clamp(80px,12vw,260px);
  height:auto;
}

/* =========================================================
   COLONNES GUTENBERG
========================================================= */
body.home .wp-block-columns{
  margin:0 !important;
  padding:0 !important;
  justify-content:space-between !important;
}

/* =========================================================
   METASLIDER — STRUCTURE
========================================================= */
body.home .metaslider,
body.home .metaslider ul,
body.home .metaslider li{
  margin:0 !important;
  padding:0 !important;
}

body.home .metaslider .slides > li{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  position:relative;
  overflow:visible !important;
}

body.home .metaslider img{
  display:block !important;
  max-width:100% !important;
  width:auto !important;
  height:clamp(220px,40vw,350px) !important;
  object-fit:contain !important;
  margin:0 auto 40px auto !important;
  cursor:pointer;
}

/* =========================================================
   LÉGENDES
========================================================= */
body.home .metaslider .caption-wrap,
body.home .metaslider .ms-caption,
body.home .metaslider .flex-caption{
  position:static !important;
  background:#333 !important;
  color:#fff !important;
  padding:10px 16px !important;
  text-align:center !important;
  font-size:.95em !important;
  line-height:1.4em !important;
  border-radius:20px !important;
  max-width:90% !important;
}

/* =========================================================
   AFFICHAGE SLIDERS — RESPONSIVE
========================================================= */
body.home .amup-slider-mobile,
body.home .amup-slider-desktop{
  display:none;
}

@media (min-width:769px){
  body.home .amup-slider-desktop{
    display:block !important;
  }
}

@media (max-width:768px){

  body.home .amup-slider-mobile{
    display:block !important;
  }

  body.home .metaslider img{
    height:clamp(200px,55vw,300px) !important;
    margin-bottom:30px !important;
  }

  body.home .metaslider .caption-wrap{
    font-size:.9em !important;
    padding:8px 14px !important;
  }
}

/* =========================================================
   BASE HOME
========================================================= */
body.home{
  min-height:100vh;
  background:transparent !important;
}

body.home #outer-wrap,
body.home #main,
body.home #content-wrap,
body.home #primary,
body.home #content,
body.home article,
body.home .container{
  background:transparent !important;
}

body.home #wrap{
  min-height:100vh;
  background:transparent !important;
}

/* =========================================================
   HEADER TRANSPARENT
========================================================= */
body.page-l-ame-du-metal #site-header,
body.am-galerie #site-header{
  background:transparent !important;
  box-shadow:none !important;
}

/* =========================================================
   HINT IMAGE
========================================================= */
@keyframes amupTapHint{
  0%{ transform: scale(1); }
  30%{ transform: scale(1.12); }
  55%{ transform: scale(.95); }
  75%{ transform: scale(1.08); }
  100%{ transform: scale(1); }
}

body.home .metaslider img.amup-tap-hint{
  animation: amupTapHint 1.2s cubic-bezier(.22,1.4,.36,1) 1 !important;
}

/********************************************************
  CTA GLOBAL — VERSION FINALE PROPRE
********************************************************/

/* container slider */
body.home .metaslider{
  position:relative;
  overflow:visible !important;
}

/* CTA */
body.home .metaslider .amup-slide-cta-global{

  position:absolute;
  left:50%;
  transform:translateX(-50%);

  bottom:20px;

  background:rgba(0,0,0,0.55);
  color:#fff;

  padding:8px 14px;
  border-radius:18px;

  font-size:13px;
  text-decoration:none;

  opacity:0;
  pointer-events:none;

  z-index:9999;

  transition:all .25s ease;
}

/* affichage auto (slide change) */
body.home .metaslider .amup-slide-cta-global.is-visible{
  opacity:1;
  pointer-events:auto;
}

/* hover → passage au dessus */
body.home .metaslider:hover .amup-slide-cta-global{

  opacity:1;
  pointer-events:auto;

  bottom:auto;
  top:-40px;

  transform:translateX(-50%) translateY(-4px);
}

/********************************************************
  CTA — CONTENU (SVG + TEXTE) — FIX HARD
********************************************************/

.amup-cta-content{
  display:flex;
  align-items:center;
  gap:8px;
}

/* 🔴 ON FORCE LE SVG */
.amup-cta-icon{
  width:24px !important;
  height:24px !important;

  display:inline-block !important;

  flex:none !important;

  fill:#fff !important;
  opacity:1 !important;
}

/* 🔴 ET ON ÉLARGIT LE CONTENEUR */
.amup-slide-cta-global{
  font-size:13px;
  line-height:1;
}

.amup-slide-cta-global svg{
  width:30px !important;
  height:30px !important;
}