@import url("/templates/joomspirit_134/css/custom/BLOC 50_PAGE CHARBONIER.css");
@import url("/templates/joomspirit_134/css/custom/BLOC 60_DOSSIERS ET THEMATIQUES.css");
@import url("/templates/joomspirit_134/css/custom/BLOC 40_PAGES ACCOMPAGNEMENT.css");
@import url("/templates/joomspirit_134/css/custom/BLOC 10_PAGES RDV.css");
@import url("/templates/joomspirit_134/css/custom/BLOC 42_UNIVERS REGRESSION.css");




/* ==========================================================================
   PATCH AMIH PILIER — habillage page actuelle
   URL : /amih-pch-high-jj-charbonier
   Scope : .amih-page.amih-page--pillar
   ========================================================================== */

.amih-page.amih-page--pillar{
  --amih-violet:#433878;
  --amih-blue:#1b3c5f;
  --amih-gold:#d5a76e;
  --amih-soft:#faf8ff;
  --amih-paper:#fffdf8;
  --amih-line:rgba(31,46,59,.12);
  --amih-shadow:0 14px 34px rgba(31,46,59,.07);

  max-width: 980px;
  margin: 0 auto 3rem;
}

/* Header principal */
.amih-page.amih-page--pillar .page-hero--amih{
  margin: 0 0 1.4rem;
  padding: 1.45rem 1.55rem;
  border: 1px solid var(--amih-line);
  border-left: 6px solid var(--amih-violet);
  border-radius: 20px;
  background:
    radial-gradient(circle at 94% 0%, rgba(213,167,110,.16), transparent 34%),
    linear-gradient(180deg,#fff 0%,#faf8ff 100%);
  box-shadow: var(--amih-shadow);
}

.amih-page.amih-page--pillar .page-hero--amih h1{
  margin-top: .25rem !important;
  color: var(--amih-violet);
  font-size: clamp(1.55rem, 3vw, 2.25rem);
  line-height: 1.22;
}

.amih-page.amih-page--pillar .tc-kicker{
  margin: 0 0 .35rem;
  color: #8a6233;
  font-size: .78rem;
  font-weight: 850;
  letter-spacing: .08em;
  text-transform: uppercase;
}

/* Notes douces / clarifications */
.amih-page.amih-page--pillar .soft-note{
  margin: 1rem 0;
  padding: 1rem 1.1rem;
  border: 1px solid rgba(67,56,120,.12);
  border-left: 5px solid var(--amih-gold);
  border-radius: 16px;
  background: rgba(255,255,255,.92);
  box-shadow: 0 8px 20px rgba(31,46,59,.045);
}

.amih-page.amih-page--pillar .tc-note-title{
  margin: 0 0 .35rem;
  color: var(--amih-violet);
  font-weight: 850;
}

/* Boutons / liens d’action */
.amih-page.amih-page--pillar .tc-linkset{
  display:flex;
  flex-wrap:wrap;
  gap:.55rem;
  margin-top:.85rem;
}

.amih-page.amih-page--pillar .tc-link,
.amih-page.amih-page--pillar .btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:.62rem .95rem;
  border-radius:999px;
  border:1px solid rgba(67,56,120,.16);
  background:var(--amih-violet);
  color:#fff !important;
  font-weight:800;
  text-decoration:none !important;
}

.amih-page.amih-page--pillar .tc-link:hover,
.amih-page.amih-page--pillar .btn:hover{
  background:var(--amih-gold);
  color:#1b2638 !important;
}

/* Deux portes */
.amih-page.amih-page--pillar .amih-two-doors{
  margin:1.25rem 0;
}

.amih-page.amih-page--pillar .amih-two-doors__grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.85rem;
}

.amih-page.amih-page--pillar .amih-two-doors__card{
  padding:1.05rem 1.1rem;
  border:1px solid var(--amih-line);
  border-radius:16px;
  background:#fff;
  box-shadow:0 8px 20px rgba(31,46,59,.045);
}

.amih-page.amih-page--pillar .amih-two-doors__card h2{
  margin-top:0 !important;
  color:var(--amih-violet);
}

/* Sections de contenu */
.amih-page.amih-page--pillar section,
.amih-page.amih-page--pillar .amih-details{
  margin:1.2rem 0;
  padding:1.15rem;
  border:1px solid var(--amih-line);
  border-radius:18px;
  background:var(--amih-paper);
  box-shadow:0 10px 26px rgba(31,46,59,.05);
}

.amih-page.amih-page--pillar .amih-details summary{
  cursor:pointer;
  list-style:none;
}

.amih-page.amih-page--pillar .amih-details summary::-webkit-details-marker{
  display:none;
}

.amih-page.amih-page--pillar .amih-details-summary{
  position:relative;
  padding-right:2.4rem;
}

.amih-page.amih-page--pillar .amih-details-summary::after{
  content:"+";
  position:absolute;
  right:.25rem;
  top:.15rem;
  display:flex;
  align-items:center;
  justify-content:center;
  width:1.65rem;
  height:1.65rem;
  border-radius:50%;
  background:var(--amih-violet);
  color:#fff;
  font-weight:900;
}

.amih-page.amih-page--pillar .amih-details[open] .amih-details-summary::after{
  content:"−";
  background:var(--amih-gold);
  color:#1b2638;
}

/* Tags */
.amih-page.amih-page--pillar .amih-tags,
.amih-page.amih-page--pillar .amih-en-bref-tags{
  display:flex;
  flex-wrap:wrap;
  gap:.38rem;
  margin:.55rem 0 0;
  padding:0;
  list-style:none;
}

.amih-page.amih-page--pillar .amih-tag,
.amih-page.amih-page--pillar .amih-en-bref-tags li{
  display:inline-flex;
  align-items:center;
  padding:.22rem .62rem;
  border:1px solid rgba(67,56,120,.14);
  border-radius:999px;
  background:#f7f5ff;
  color:var(--amih-violet);
  font-size:.82rem;
  font-weight:750;
}

/* Bloc “en bref” */
.amih-page.amih-page--pillar .amih-en-bref-label{
  margin:.9rem 0 .25rem;
  color:#8a6233;
  font-size:.8rem;
  font-weight:850;
  letter-spacing:.08em;
  text-transform:uppercase;
}

/* Visio callout */
.amih-page.amih-page--pillar .amih-visio-callout{
  margin:1rem 0;
  padding:.95rem 1rem;
  border:1px solid rgba(27,60,95,.12);
  border-left:5px solid var(--amih-blue);
  border-radius:15px;
  background:#f7fbfb;
}

/* Cartes type accueil réutilisées dans AMIH */
.amih-page.amih-page--pillar .home-axes{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.9rem;
  margin:1rem 0;
}

.amih-page.amih-page--pillar .home-axe{
  padding:1rem;
  border:1px solid var(--amih-line);
  border-radius:16px;
  background:#fff;
  box-shadow:0 8px 20px rgba(31,46,59,.045);
}

/* Figure */
.amih-page.amih-page--pillar .amih-inline-photo{
  margin:1rem 0 0;
}

.amih-page.amih-page--pillar .amih-inline-photo img{
  display:block;
  width:100%;
  height:auto;
  border-radius:18px;
  box-shadow:0 12px 28px rgba(31,46,59,.12);
}

.amih-page.amih-page--pillar .amih-inline-photo figcaption{
  margin-top:.55rem;
  color:#5c6670;
  font-size:.88rem;
  font-style:italic;
}

/* Aside complémentaire */
.amih-page.amih-page--pillar + .amih-aside,
.amih-aside{
  margin:1.4rem 0;
  padding:1.15rem;
  border:1px solid rgba(67,56,120,.12);
  border-left:6px solid var(--amih-violet);
  border-radius:18px;
  background:linear-gradient(180deg,#fff 0%,#faf8ff 100%);
  box-shadow:0 10px 26px rgba(31,46,59,.05);
}

.amih-aside-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.85rem;
}

.amih-aside-card{
  padding:1rem;
  border:1px solid rgba(31,46,59,.10);
  border-radius:16px;
  background:#fff;
}

.amih-aside-actions{
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
  margin-top:.7rem;
}

/* Mobile */
@media(max-width:760px){
  .amih-page.amih-page--pillar .page-hero--amih{
    padding:1.05rem;
    border-radius:16px;
  }

  .amih-page.amih-page--pillar .amih-two-doors__grid,
  .amih-page.amih-page--pillar .home-axes,
  .amih-aside-grid{
    grid-template-columns:1fr;
  }

  .amih-page.amih-page--pillar section,
  .amih-page.amih-page--pillar .amih-details{
    padding:1rem;
    border-radius:16px;
  }

  .amih-page.amih-page--pillar .tc-link,
  .amih-page.amih-page--pillar .btn{
    width:100%;
  }
}