/* Système de boutons Prestige Concept.
   Repos : or + texte noir. Survol / focus : noir + texte or.
   Ce fichier ne cible que les boutons éditoriaux Prestige et Fluent Forms. */

:root {
  --pc-button-gold-start: #e1bd61;
  --pc-button-gold-end: #c8973b;
  --pc-button-ink: #17130d;
  --pc-button-gold-text: #f4d786;
  --pc-button-radius: 999px;
}

/*
 * Les modules "Code" de BeBuilder entourent chaque shortcode par un <pre>
 * avec son propre fond, ses marges et son espacement. Pour les sections
 * Prestige Concept, cela créait une fine bande blanche entre les modules.
 * Chaque section conserve son espacement interne, défini dans son CSS dédié.
 */
/* Les sections personnalisées ne doivent pas recevoir un second cadre du thème. */
body .mcb-section:has([id^="pc-"], [class^="pc-"], [class*=" pc-"]),
body .mcb-section:has([id^="pc-"], [class^="pc-"], [class*=" pc-"]) > .section_wrapper,
body .mcb-section:has([id^="pc-"], [class^="pc-"], [class*=" pc-"]) .mcb-wrap,
body .mcb-section:has([id^="pc-"], [class^="pc-"], [class*=" pc-"]) .mcb-wrap-inner,
body .mcb-section:has([id^="pc-"], [class^="pc-"], [class*=" pc-"]) .mcb-column-inner,
body .mcb-section:has([id^="pc-"], [class^="pc-"], [class*=" pc-"]) .mfn-html-editor-wrapper {
  margin: 0 !important;
  padding: 0 !important;
}

body .mcb-section:has([id^="pc-"], [class^="pc-"], [class*=" pc-"]),
body .mcb-section:has([id^="pc-"], [class^="pc-"], [class*=" pc-"]) .mcb-wrap,
body .mcb-section:has([id^="pc-"], [class^="pc-"], [class*=" pc-"]) .mcb-column-inner {
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Tous les blocs Code servent à afficher du HTML : le style "préformaté"
   de BeBuilder n'est donc jamais souhaité sur le site. */
body .mfn-html-editor-wrapper > pre.mfn-code {
  display: block !important;
  max-width: none !important;
  overflow: visible !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: inherit !important;
  font: inherit !important;
  line-height: inherit !important;
  white-space: normal !important;
}

/* Même fond chaud que les cartes "Repères pour votre projet". */
body .pcx-expertise {
  background: #f1ebe0 !important;
}

:is(a, button, input[type="submit"], input[type="button"])[class*="pc-"][class*="btn"],
:is(a, button, input[type="submit"], input[type="button"])[class*="pc-"][class*="button"],
.pc-footer-prestige__button,
.pc-hero-nav__menu > li.pc-menu-cta > a,
#Top_bar #menu > ul > li.pc-menu-cta > a,
.frm_forms .ff-btn-submit,
.fluentform .ff-btn-submit {
  border: 1px solid rgba(232, 197, 110, .9) !important;
  border-radius: var(--pc-button-radius) !important;
  background: linear-gradient(135deg, var(--pc-button-gold-start), var(--pc-button-gold-end)) !important;
  color: var(--pc-button-ink) !important;
  font-weight: 800 !important;
  letter-spacing: .02em;
  text-decoration: none;
  text-shadow: none !important;
  transition: background .22s ease, border-color .22s ease, color .22s ease, box-shadow .22s ease, transform .22s ease;
}

:is(a, button, input[type="submit"], input[type="button"])[class*="pc-"][class*="btn"]:is(:hover, :focus-visible),
:is(a, button, input[type="submit"], input[type="button"])[class*="pc-"][class*="button"]:is(:hover, :focus-visible),
.pc-footer-prestige__button:is(:hover, :focus-visible),
.pc-hero-nav__menu > li.pc-menu-cta > a:is(:hover, :focus-visible),
#Top_bar #menu > ul > li.pc-menu-cta > a:is(:hover, :focus-visible),
.frm_forms .ff-btn-submit:is(:hover, :focus-visible),
.fluentform .ff-btn-submit:is(:hover, :focus-visible) {
  border-color: rgba(229, 190, 96, .94) !important;
  background: #171411 !important;
  color: var(--pc-button-gold-text) !important;
  box-shadow: 0 9px 22px rgba(0, 0, 0, .28);
  outline: 0;
  text-decoration: none !important;
  transform: translateY(-1px);
}

:is(a, button, input[type="submit"], input[type="button"])[class*="pc-"][class*="btn"]:focus-visible,
:is(a, button, input[type="submit"], input[type="button"])[class*="pc-"][class*="button"]:focus-visible,
.pc-footer-prestige__button:focus-visible,
.pc-hero-nav__menu > li.pc-menu-cta > a:focus-visible,
#Top_bar #menu > ul > li.pc-menu-cta > a:focus-visible,
.frm_forms .ff-btn-submit:focus-visible,
.fluentform .ff-btn-submit:focus-visible {
  outline: 2px solid #fff8e9;
  outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
  :is(a, button, input[type="submit"], input[type="button"])[class*="pc-"][class*="btn"],
  :is(a, button, input[type="submit"], input[type="button"])[class*="pc-"][class*="button"],
  .pc-footer-prestige__button,
  .pc-hero-nav__menu > li.pc-menu-cta > a,
  #Top_bar #menu > ul > li.pc-menu-cta > a,
  .frm_forms .ff-btn-submit,
  .fluentform .ff-btn-submit {
    transition: none;
  }
}