/* =========================================================
   Paris T'aime — Global Button System
   Objectif : synchroniser les boutons du site sans toucher
   aux pages PHP une par une.
   Règle : boutons = 3px ; eyebrows / badges = 999px.
   ========================================================= */

:root{
  --pta-btn-width-desktop: 220px;
  --pta-btn-width-mobile: 170px;
  --pta-btn-height-desktop: 42px;
  --pta-btn-height-mobile: 34px;
  --pta-btn-radius: 3px;

  --pta-btn-primary-bg: #540915;
  --pta-btn-primary-bg-hover: #650b19;
  --pta-btn-primary-border: #8f2536;
  --pta-btn-primary-border-hover: #aa3043;

  --pta-btn-secondary-bg: rgba(255,255,255,.035);
  --pta-btn-secondary-bg-hover: rgba(255,255,255,.07);
  --pta-btn-secondary-border: rgba(255,248,240,.24);
  --pta-btn-secondary-border-hover: rgba(255,248,240,.42);

  --pta-btn-text: #fff8f0;
  --pta-btn-shadow: 0 12px 28px rgba(84,9,21,.22);
}

/* Base commune — nouveaux boutons + anciens boutons fréquents du site */
.pta-btn,
.chapter-page-link,
.pta-section__button,
.pta-section__cta,
.expander-cta,
.pta-cta,
.pta-button,
a[class*="__button"],
a[class*="__cta"]{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--pta-btn-width-desktop);
  min-width: var(--pta-btn-width-desktop);
  max-width: var(--pta-btn-width-desktop);
  min-height: var(--pta-btn-height-desktop);
  padding: 0 16px;
  box-sizing: border-box;
  border-radius: var(--pta-btn-radius) !important;
  font-size: 14px;
  font-weight: 850;
  line-height: 1.15;
  text-align: center;
  text-decoration: none;
  white-space: normal;
  cursor: pointer;
  transition: background .22s ease, border-color .22s ease, transform .22s ease, opacity .22s ease;
}

/* Bouton primaire officiel */
.pta-btn-primary,
.chapter-page-link:first-child,
.pta-section__button,
.pta-section__cta,
.expander-cta,
.pta-cta-primary{
  background: var(--pta-btn-primary-bg) !important;
  border: 1px solid var(--pta-btn-primary-border) !important;
  color: var(--pta-btn-text) !important;
  box-shadow: var(--pta-btn-shadow);
}

.pta-btn-primary:hover,
.chapter-page-link:first-child:hover,
.pta-section__button:hover,
.pta-section__cta:hover,
.expander-cta:hover,
.pta-cta-primary:hover{
  background: var(--pta-btn-primary-bg-hover) !important;
  border-color: var(--pta-btn-primary-border-hover) !important;
  transform: translateY(-1px);
}

/* Bouton secondaire officiel */
.pta-btn-secondary,
.chapter-page-link + .chapter-page-link,
.pta-cta-secondary{
  background: var(--pta-btn-secondary-bg) !important;
  border: 1px solid var(--pta-btn-secondary-border) !important;
  color: var(--pta-btn-text) !important;
  box-shadow: none !important;
}

.pta-btn-secondary:hover,
.chapter-page-link + .chapter-page-link:hover,
.pta-cta-secondary:hover{
  background: var(--pta-btn-secondary-bg-hover) !important;
  border-color: var(--pta-btn-secondary-border-hover) !important;
  transform: translateY(-1px);
}

/* Les wrappers de CTA ne doivent pas devenir des cartes visuelles */
.pta-section__bottom,
.pta-cta-row,
.pta-dynamic-cinema__bottom,
.pta-ecosystem-loop__bottom,
.pta-closure-home__bottom,
.pta-footer-cta,
.cta-card,
.cta-panel{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
}

/* Texte explicatif dans les bandeaux CTA : à déplacer dans les pages dédiées */
.pta-section__bottom > p,
.pta-dynamic-cinema__bottom > p,
.pta-ecosystem-loop__bottom > p,
.pta-closure-home__bottom > p{
  display: none !important;
}

/* Eyebrows / badges / pills : seuls eux restent ovales */
.eyebrow,
.pta-section__eyebrow,
.section-eyebrow,
.kicker,
.badge,
.pill,
.pta-pill,
.pta-film-pill{
  border-radius: 999px !important;
}

/* Mobile : boutons plus petits, couleurs moins agressives mais même logique */
@media (max-width: 760px){
  .pta-btn,
  .chapter-page-link,
  .pta-section__button,
  .pta-section__cta,
  .expander-cta,
  .pta-cta,
  .pta-button,
  a[class*="__button"],
  a[class*="__cta"]{
    width: var(--pta-btn-width-mobile);
    min-width: var(--pta-btn-width-mobile);
    max-width: var(--pta-btn-width-mobile);
    min-height: var(--pta-btn-height-mobile);
    padding: 0 10px;
    font-size: 10px;
    line-height: 1.12;
  }

  .pta-btn-primary,
  .chapter-page-link:first-child,
  .pta-section__button,
  .pta-section__cta,
  .expander-cta,
  .pta-cta-primary{
    box-shadow: none !important;
  }
}