@font-face {
  font-family: 'Vazir';
  src: url('assets/fonts/vazirmatn/Vazir.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Vazir';
  src: url('assets/fonts/vazirmatn/Vazir-Bold.woff2') format('woff2');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

html, body, p, div, span, h1, h2, h3, h4, h5, h6, 
button, input, textarea, select, 
.editor-styles-wrapper, .entry-content, .mce-content-body {
    font-family: 'Vazir', Tahoma, Arial, sans-serif !important;
    direction: rtl !important;
}

.editor-styles-wrapper * {
    font-family: 'Vazir', Tahoma !important;
}

.editor-styles-wrapper .block-editor-block-list__layout, 
.editor-styles-wrapper p, 
.editor-styles-wrapper div {
    font-size: 18px !important;
}

body.editor-styles-wrapper {
    line-height: 1.8;
}

/* Force blue links inside Gutenberg editor */
.editor-styles-wrapper .block-editor-rich-text__editable a:not(.wp-element-button) {
    color: #0073aa !important; /* WP default blue */
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: .1em;
}

/* Hover state */
.editor-styles-wrapper .block-editor-rich-text__editable a:not(.wp-element-button):hover {
    color: #005177 !important;
}


/* H1 */
.editor-styles-wrapper h1 {
    font-size: 2rem !important;
    line-height: 1.3;
    font-weight: 700;
}

/* H2 */
.editor-styles-wrapper h2 {
    font-size: 1.3rem !important;
    line-height: 1.35;
    font-weight: 700;
}

/* H3 */
.editor-styles-wrapper h3 {
    font-size: 1.2rem !important;
    line-height: 1.4;
    font-weight: 600;
}

/* H4 */
.editor-styles-wrapper h4 {
    font-size: 1.15rem !important;
    line-height: 1.45;
    font-weight: 600;
}

/* H5 */
.editor-styles-wrapper h5 {
    font-size: 1.1rem !important;
    line-height: 1.5;
    font-weight: 600;
}

/* H6 */
.editor-styles-wrapper h6 {
    font-size: 1rem !important;
    line-height: 1.55;
    font-weight: 600;
}


/* -------------------------------------
   Inline Code Styling inside Gutenberg
   ------------------------------------- */
.editor-styles-wrapper .block-editor-rich-text__editable code {
    background-color: #f3f4f6;       
    color: #343434;                 
    padding: 0.1px 6px;               
    border-radius: 4px;              
    font-family: "Courier New", monospace;
    font-size: 0.95em;
    border: 1px solid #e1e4e8;      
    display: inline;                 
    white-space: pre-wrap;          
    line-height: 1.4;               
    word-break: break-word;        
}

