/* =============================================================================
   Al Qamara — Block Editor Styles (editor-style.css)
   Loaded via add_editor_style() in functions.php so the Gutenberg editor
   roughly mirrors the front-end typography, colors, and content width.
============================================================================= */

/* Editor content width — matches theme.json contentSize/wideSize
   Fonts are served locally; no Google Fonts import needed. */
.editor-styles-wrapper {
    --alqamara-primary: #1a5fa8;
    --alqamara-dark: #1a1a2e;
    font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 1rem;
    line-height: 1.7;
    color: #333333;
    background-color: #ffffff;
}

/* Headings use Playfair Display to match the front end */
.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: 'Playfair Display', Georgia, 'Times New Roman', serif;
    font-weight: 700;
    color: #1a1a2e;
    line-height: 1.25;
}

/* Links */
.editor-styles-wrapper a {
    color: #1a5fa8;
}

/* Primary buttons preview */
.editor-styles-wrapper .wp-block-button__link {
    border-radius: 6px;
}

/* Constrain default editor measure for readability */
.editor-styles-wrapper .wp-block {
    max-width: 800px;
}

.editor-styles-wrapper .wp-block[data-align="wide"] {
    max-width: 1320px;
}

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