/* =========================================================================
   Furex — Gutenberg Block Editor Stylesheet (v1.21.0)
   Brings the exact Furex typography, RTL geometry, Liquid Glass cards,
   and custom block styles directly into the WordPress Block Editor canvas.
   ========================================================================= */

.editor-styles-wrapper {
    font-family: var(--font-body, "Vazirmatn", Tahoma, sans-serif) !important;
    background-color: var(--bg, #f4f3f0);
    color: var(--text, #15171c);
    direction: rtl;
}

.editor-styles-wrapper h1,
.editor-styles-wrapper .wp-block-post-title {
    font-family: var(--font-h1, var(--font-body, "Vazirmatn", sans-serif));
    font-size: var(--h1-size, 42px);
    color: var(--text);
}

.editor-styles-wrapper h2 {
    font-family: var(--font-h2, var(--font-body, "Vazirmatn", sans-serif));
    font-size: var(--h2-size, 32px);
    color: var(--text);
}

.editor-styles-wrapper h3 {
    font-family: var(--font-h3, var(--font-body, "Vazirmatn", sans-serif));
    font-size: var(--h3-size, 22px);
    color: var(--text);
}

/* Furex Custom Block Styles (Frontend + Editor) */
.is-style-furex-glass-card {
    background: var(--glass-blog_title-bg, rgba(255, 255, 255, 0.14));
    -webkit-backdrop-filter: blur(var(--glass-blog_title-blur, 18px)) saturate(var(--glass-blog_title-saturation, 160%));
    backdrop-filter: blur(var(--glass-blog_title-blur, 18px)) saturate(var(--glass-blog_title-saturation, 160%));
    border: 1px solid var(--glass-blog_title-border, rgba(255, 255, 255, 0.22));
    box-shadow: var(--glass-blog_title-shadow, 0 12px 32px rgba(0, 0, 0, 0.12));
    border-radius: 28px;
    padding: 28px 32px;
}

.is-style-furex-surface-card {
    background: var(--surface, #ffffff);
    border: 1px solid var(--border, #e7e5e1);
    border-radius: 28px;
    padding: 28px 32px;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.06);
}

.wp-block-quote.is-style-furex-glass-quote {
    background: var(--glass-article_quote-bg, rgba(255, 255, 255, 0.12));
    -webkit-backdrop-filter: blur(var(--glass-article_quote-blur, 16px)) saturate(160%);
    backdrop-filter: blur(var(--glass-article_quote-blur, 16px)) saturate(160%);
    border: 1px solid var(--glass-article_quote-border, var(--border));
    border-inline-start: 4px solid var(--accent, #c9522f);
    border-radius: 22px;
    padding: 22px 26px;
    margin: 24px 0;
}

.wp-block-button.is-style-furex-pill-accent .wp-block-button__link {
    background: var(--accent, #c9522f) !important;
    color: var(--box-text-colored, #ffffff) !important;
    border-radius: 999px !important;
    padding: 12px 28px !important;
    font-weight: 700;
    text-decoration: none;
    transition: transform 0.2s ease, opacity 0.2s ease;
}

.wp-block-button.is-style-furex-pill-accent .wp-block-button__link:hover {
    transform: translateY(-2px);
    opacity: 0.94;
}

.wp-block-button.is-style-furex-pill-glass .wp-block-button__link {
    background: var(--glass-site_header-bg, rgba(255, 255, 255, 0.16)) !important;
    -webkit-backdrop-filter: blur(16px) saturate(160%);
    backdrop-filter: blur(16px) saturate(160%);
    color: var(--text) !important;
    border: 1px solid var(--border) !important;
    border-radius: 999px !important;
    padding: 12px 28px !important;
    font-weight: 700;
}

.wp-block-image.is-style-furex-rounded-shadow img {
    border-radius: 24px !important;
    box-shadow: 0 14px 36px rgba(0, 0, 0, 0.16) !important;
}

.wp-block-heading.is-style-furex-section-head {
    position: relative;
    padding-bottom: 12px;
}
.wp-block-heading.is-style-furex-section-head::after {
    content: "";
    display: block;
    width: 56px;
    height: 4px;
    border-radius: 99px;
    background: var(--accent, #c9522f);
    margin-top: 10px;
}

/* Full-width builder pages */
.furex-page--builder {
    width: 100%;
    max-width: 100%;
}
.furex-page--builder .elementor-section.elementor-section-boxed > .elementor-container {
    max-width: var(--container, 1440px);
}