/* dc26-orobianco — entry point PostCSS */

/* WooCommerce overrides — dc26-kaws */

/* ── @font-face déclarés ici pour garantir le chargement dans l'éditeur ── */

@font-face {
  font-family: "KayotiqueSoftVF";
  font-style: normal;
  font-weight: 400;
  font-stretch: 50% 200%;
  font-display: swap;
  src: url('../assets/fonts/Kayotique/KayotiqueSoftVF_normal_ultra-condensed_400.woff2') format('woff2');
}

@font-face {
  font-family: "KayotiqueSharpVF";
  font-style: normal;
  font-weight: 400;
  font-stretch: 50% 200%;
  font-display: swap;
  src: url('../assets/fonts/Kayotique/KayotiqueSharpVF_normal_ultra-condensed_400.woff2') format('woff2');
}

/* ── Eyebrow label (gold, uppercase, spaced) ── */

.oro-eyebrow {
  font-size: var(--wp--preset--font-size--small);
  letter-spacing: 0.4em;
  text-transform: uppercase;
  color: var(--wp--preset--color--gold);
  font-family: var(--wp--preset--font-family--system);
  font-weight: 400;
}

/* ── Headings en italique (em dans les titres) ── */

h1 em, h2 em, h3 em {
  font-style: italic;
  color: var(--wp--preset--color--gold);
  font-weight: inherit;
}

/* ── Clipping images dans blocs avec border-radius ──
   Le border-radius se propage aux colonnes de bord pour que
   chaque colonne clippe son contenu (cover, image) à ses coins. */

[style*="border-radius"] {
  overflow: hidden;
}

[style*="border-radius"] > .wp-block-column:first-child {
  border-top-left-radius: inherit;
  border-bottom-left-radius: inherit;
  overflow: hidden;
}

[style*="border-radius"] > .wp-block-column:last-child {
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
  overflow: hidden;
}

/* ── Cover : contenu aligné en bas à gauche par défaut ── */

.wp-block-cover.is-position-bottom-left .wp-block-cover__inner-container {
  width: 100%;
}

/* ── Numéros de steps ── */

.oro-step-num {
  font-size: 3rem;
  font-style: italic;
  color: var(--wp--preset--color--gold);
  opacity: 0.5;
  line-height: 1;
  margin-bottom: 0.5rem;
  font-family: var(--wp--preset--font-family--kayotique-sharp-vf);
}

/* ── Label de step ── */

.oro-step-label {
  font-size: var(--wp--preset--font-size--sm);
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--wp--preset--color--cream);
  margin-bottom: 0.5rem;
}

/* ── Texte muted ── */

.oro-muted {
  opacity: 0.65;
  line-height: 1.8;
}