/**
 * Editor-only styles for the Gutenberg block editor.
 * Mirrors the front-end dark/gold design system so editing matches live view.
 */

body.wp-admin {
    background: #09090b;
}

.editor-styles-wrapper,
.block-editor-writing-flow {
    background: #09090b;
    color: #f4f4f5;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}

.editor-styles-wrapper h1,
.editor-styles-wrapper h2,
.editor-styles-wrapper h3,
.editor-styles-wrapper h4,
.editor-styles-wrapper h5,
.editor-styles-wrapper h6 {
    font-family: 'Oswald', 'Arial Narrow', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #f4f4f5;
}

.editor-styles-wrapper p {
    color: #a1a1aa;
    font-weight: 300;
}

.editor-styles-wrapper a {
    color: #e5ab3a;
}

.editor-styles-wrapper .wp-block-button__link {
    background: #c9912a;
    color: #09090b;
    font-family: 'Oswald', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    font-size: 0.875rem;
    border-radius: 0;
}

.editor-styles-wrapper .wp-block-button.is-style-outline .wp-block-button__link {
    background: transparent;
    border: 1px solid #c9912a;
    color: #e5ab3a;
}

.editor-styles-wrapper .wp-block-cover {
    color: #f4f4f5;
}

.editor-styles-wrapper .divider-gold {
    max-width: 48px;
    border-top: 1px solid #c9912a;
    height: 1px;
    background: #c9912a;
}

.editor-styles-wrapper .wp-block-separator {
    border-color: #27272a;
}

.editor-styles-wrapper .has-gold-color,
.editor-styles-wrapper .has-gold-light-color {
    color: #e5ab3a;
}

.editor-styles-wrapper .has-text-secondary-color {
    color: #a1a1aa;
}

.editor-styles-wrapper .has-text-muted-color {
    color: #71717a;
}

.editor-styles-wrapper .has-dark-bg-background-color {
    background-color: #09090b;
}

.editor-styles-wrapper .wp-block-columns .wp-block-column.has-border-color {
    border-color: #27272a;
}

/* Service detail feature list */
.editor-styles-wrapper .service-detail__features {
    list-style: none;
    padding: 0;
}

.editor-styles-wrapper .service-detail__features li {
    color: #d4d4d8;
    font-size: 0.875rem;
    margin-bottom: 0.75rem;
    padding-left: 1.5rem;
    position: relative;
}

.editor-styles-wrapper .service-detail__features li::before {
    content: '\2713';
    color: #c9912a;
    position: absolute;
    left: 0;
    font-weight: 700;
}

/* Make the editor preview match front-end widths */
.editor-styles-wrapper .wp-block[data-align="wide"] {
    max-width: 80rem;
}

.editor-styles-wrapper .wp-block[data-align="full"] {
    max-width: none;
}