/* ==========================================================================
   DESCOL Fashion — editorial presentation layer on top of Commerce Core.
   ========================================================================== */

/* Section rhythm */
.dc-section { margin-block: 0; padding-block: var(--wp--preset--spacing--80); }
.dc-section + .dc-section { padding-top: 0; }
.dc-section__head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 8px 24px; margin-bottom: var(--wp--preset--spacing--60) !important; }
.dc-section__head > * { margin: 0 !important; }
.dc-eyebrow { font-family: var(--wp--preset--font-family--ui); font-size: var(--wp--preset--font-size--x-small); font-weight: 600; letter-spacing: var(--wp--custom--fashion--eyebrow-tracking, .14em); text-transform: uppercase; }
.dc-link-arrow a { font-size: var(--wp--preset--font-size--small); font-weight: 600; text-underline-offset: 4px; }

/* Campaign hero (core/cover). Min-heights reserve space up front → no CLS. */
.dc-hero.wp-block-cover { min-height: var(--wp--custom--fashion--hero-min-height-mobile, 78vh) !important; align-items: flex-end; padding: var(--wp--preset--spacing--70) var(--dc-gutter); }
@media (min-width: 768px) { .dc-hero.wp-block-cover { min-height: var(--wp--custom--fashion--hero-min-height, 88vh) !important; } }
.dc-hero .wp-block-cover__inner-container { max-width: var(--wp--style--global--wide-size, 1720px); margin-inline: auto; width: 100%; }
.dc-hero h1, .dc-hero h2 { font-size: var(--wp--preset--font-size--display); max-width: 14ch; margin: 0 0 16px; }
.dc-hero p { max-width: 46ch; font-size: var(--wp--preset--font-size--large); }
.dc-hero .wp-block-button__link { background: var(--wp--preset--color--base); color: var(--wp--preset--color--contrast); }
.dc-hero .wp-block-button__link:hover { background: var(--wp--preset--color--surface); }
.dc-hero .is-style-outline .wp-block-button__link { background: transparent; color: var(--wp--preset--color--base); border: 1px solid currentColor; }

/* Editorial banner / brand story (core/media-text) */
.dc-editorial.wp-block-media-text { gap: 0; }
.dc-editorial .wp-block-media-text__media img { aspect-ratio: 4 / 5; object-fit: cover; }
.dc-editorial .wp-block-media-text__content { padding: var(--wp--preset--spacing--70) var(--wp--preset--spacing--70); }
.dc-editorial h2 { font-size: var(--wp--preset--font-size--huge); }
@media (max-width: 781px) { .dc-editorial .wp-block-media-text__content { padding: var(--wp--preset--spacing--60) var(--dc-gutter); } }

/* Product card typography in fashion family */
.dc-card .wp-block-post-title { font-weight: 400; }

/* Newsletter / social proof placeholders */
.dc-placeholder-block { border: 1px dashed var(--wp--preset--color--warning); padding: var(--wp--preset--spacing--60); text-align: center; }
.dc-placeholder-block .dc-placeholder-tag { display: inline-block; margin-bottom: 8px; padding: 2px 8px; background: var(--wp--preset--color--warning); color: var(--wp--preset--color--base); font-size: var(--wp--preset--font-size--x-small); font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
