.fr_Rounded {
    border-radius: 8px;
}
.fr-dropdown-menu .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    color: black;
}

.fr_border {
    border: 2px solid #bdacac !important;
}

.fr_shadow {
    box-shadow: 2px 2px 8px #503d3d;
}

.fr_animation_top:hover {
    transform: translateY(-4px);
}

.fr_animation_top {
    transition: 1s all;
}

a[id="fr-logo"] {
    display: none !important;
}

p[data-f-id="pbf"] {
    display: none !important;
}

a[href*="www.froala.com"] {
    display: none !important;
}

@font-face {
    font-family: 'aafsanehfont';
    src: url('farsifonts/a.afsaneh.font.ttf');
}

@font-face {
    font-family: 'arazpersianfont';
    src: url('farsifonts/araz.persian.font.ttf');
}

@font-face {
    font-family: 'badkhat';
    src: url('farsifonts/badkhat.ttf');
}

@font-face {
    font-family: 'bnazanin';
    src: url('farsifonts/bnazanin.ttf') format('truetype');
}

@font-face {
    font-family: 'broya';
    src: url('farsifonts/broya.ttf') format('truetype');
}

@font-face {
    font-family: 'btitrbd';
    src: url('farsifonts/btitrbd.ttf') format('truetype');
}

@font-face {
    font-family: 'btraffic';
    src: url('farsifonts/btraffic.ttf') format('truetype');
}



@font-face {
    font-family: 'danstevis';
    src: url('farsifonts/danstevis.otf') format('opentype');
}

@font-face {
    font-family: 'delbarbold';
    src: url('farsifonts/delbar bold.ttf') format('truetype');
}

@font-face {
    font-family: 'dimashekastefont';
    src: url('farsifonts/dima.shekaste.font.ttf') format('truetype');
}

@font-face {
    font-family: 'dimatahririfont';
    src: url('farsifonts/dima.tahriri.font.ttf') format('truetype');
}

@font-face {
    font-family: 'eliyaregular';
    src: url('farsifonts/eliya regular.ttf') format('truetype');
}

@font-face {
    font-family: 'fedraarabic';
    src: url('farsifonts/fedraarabic.ttf') format('truetype');
}

@font-face {
    font-family: 'irannastaliq';
    src: url('farsifonts/irannastaliq.ttf') format('truetype');
}

@font-face {
    font-family: 'leyla_0';
    src: url('farsifonts/leyla_0.ttf') format('truetype');
}

@font-face {
    font-family: 'mj_ghalam1';
    src: url('farsifonts/mj.ghalam.1.ttf') format('truetype');
}


@font-face {
    font-family: 'morabba';
    src: url('farsifonts/morabba-bold.woff2') format('woff2');
}


@font-face {
    font-family: 'mosalasfont';
    src: url('farsifonts/mosalasfont.ttf') format('truetype');
}

@font-face {
    font-family: 'ordibehesht';
    src: url('farsifonts/ordibehesht.ttf') format('truetype');
}

@font-face {
    font-family: 'sofi';
    src: url('farsifonts/sofi.ttf') format('truetype');
}

@font-face {
    font-family: 'sogand';
    src: url('farsifonts/sogand.ttf') format('truetype');
}

@font-face {
    font-family: 'vazir-regular';
    src: url('farsifonts/vazir-regular.ttf') format('truetype');
}

/* ============================================
   Froala Editor Styles
   ============================================ */

   .fr-wrapper {
    border-radius: 8px;
    overflow: hidden;
}

.fr-toolbar {
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 8px 8px 0 0;
    padding: 8px 4px;
}

.fr-toolbar .fr-command {
    transition: all 0.2s ease;
}

.fr-toolbar .fr-command:hover {
    background: #e9ecef;
    border-radius: 4px;
}

.fr-btn {
    border-radius: 4px;
    transition: all 0.2s ease;
}

.fr-btn:hover {
    background: #667eea;
    color: white;
    transform: translateY(-1px);
}

.fr-popup {
    border-radius: 8px;
    box-shadow: 0 4px 16px rgba(0,0,0,0.1);
    border: 1px solid #e9ecef;
}

.fr-popup .fr-buttons {
    padding: 8px;
}

.fr-popup .fr-input-line input,
.fr-popup .fr-input-line textarea {
    border-radius: 6px;
    border: 1px solid #e9ecef;
    transition: all 0.2s ease;
}

.fr-popup .fr-input-line input:focus,
.fr-popup .fr-input-line textarea:focus {
    border-color: #667eea;
    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
}

.fr-popup .fr-action-buttons button {
    border-radius: 6px;
    padding: 8px 16px;
    font-weight: 500;
    transition: all 0.2s ease;
}

.fr-popup .fr-action-buttons button:hover {
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.fr-editor {
    border: 1px solid #e9ecef;
    border-radius: 0 0 8px 8px;
    min-height: 300px;
    padding: 15px;
    transition: all 0.2s ease;
}

.fr-editor:focus {
    border-color: #667eea;
    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
}

.fr-color-hex-layer {
    border-radius: 6px;
}

.fr-color-picker {
    border-radius: 6px;
}

.fr-dropdown-menu {
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.fr-color-option {
    transition: all 0.2s ease;
}

.fr-color-option:hover {
    transform: scale(1.1);
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}