/* static/css/custom_rtl.css */
html {
    direction: rtl;
}

body {
font-family: 'Vazir', sans-serif !important;}

/* اصلاح منوها */
.sidebar {
    direction: rtl;
    text-align: right;
}

/* اصلاح فرم‌ها */
.form-group label,
.form-group input,
.form-group select,
.form-group textarea {
    direction: rtl;
    text-align: right;
}

/* اصلاح جداول */
table th,
table td {
    direction: rtl;
    text-align: right;
}

/* Material Symbols - using full font with all icons */
@font-face {
    font-family: "Material Symbols Outlined";
    font-style: normal;
    font-weight: 100 700;
    font-display: block;
    src: url("/static/fonts/material-symbols/material-symbols-outlined.woff2") format("woff2"),
         url("/static/fonts/material-symbols/material-symbols-outlined.ttf") format("truetype");
}

.material-symbols-outlined {
    font-family: "Material Symbols Outlined" !important;
    font-weight: normal;
    font-style: normal;
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
    -webkit-font-feature-settings: 'liga';
    font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.related-widget-wrapper {
    margin: 20px;
}

.border-base-200 {
    border-color: rgb(var(--color-base-200));
}

img, video {
    max-width: 100%;
    height: auto;
    padding: 3px;
    margin: 5px;
}

id_property_title {
    border: 1px;
}

.mr-3 {
    margin-right: calc(var(--spacing) * 3);
    margin-left: 10px;
}

/* برای همه inputها
.unfold-admin input:not([type="checkbox"]):not([type="radio"]),
.unfold-admin select,
.unfold-admin textarea {
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    padding: 8px 12px !important;
} */

/* برای focus state */
/* .unfold-admin input:focus,
.unfold-admin select:focus,
.unfold-admin textarea:focus {
    border-color: #3b82f6 !important;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1) !important;
    outline: none !important;
}

  input, textarea{
    border: 1px solid #e5e5e5 !important;
    padding: 5px !important;
    margin: 5px !important;
    border-radius: 5px !important;
    box-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d) !important;
  }  
  
  select{
    border: 1px solid #e5e5e5 !important;
    padding: 5px !important;
    margin: 5px !important;
    border-radius: 5px !important;
    box-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d) !important;
  } */