/* ---------------------------------------------
   🎨 Django Admin Custom Theme (Dark-Light Hybrid)
   --------------------------------------------- */
:root {
    /* رنگ‌های اصلی */
    --admin-bg: #dedfe0;                 /* پس‌زمینه کلی */
    --admin-panel-bg: #ffffff;           /* پس‌زمینه باکس‌ها */
    --admin-header-bg: #e8eaee;          /* هدر روشن‌تر */
    --admin-accent: #203c53;             /* آبی تیره‌تر */
    --admin-accent-hover: #203c53;       /* آبی در حالت hover */
    --admin-text: #222222;               /* متن اصلی */
    --admin-text-light: #555555;         /* متن ثانویه */
    --admin-border: #cdd1da;             /* خطوط و مرزها */
    --admin-input-bg: #f4f5f8;           /* پس‌زمینه ورودی‌ها */
    --admin-input-border: #bfc3cc;       /* کادر input */
    --admin-shadow: rgba(0, 0, 0, 0.05);

    /* فونت فارسی */
    --admin-font-family: 'Vazirmatn', Tahoma, sans-serif;
    --admin-font-size: 14px;
}

/* ---------------------------------------------
   پایه کلی
   --------------------------------------------- */
body {

    font-family: var(--admin-font-family) !important;
    font-size: var(--admin-font-size) !important;
    color: var(--admin-text) !important;
    background-color: var(--admin-bg) !important;
}

body form *{
    color: #203c53;

}

body,body *{
    color: #203c53;
}
/* تمام فیلدهای فرم بدون حاشیه و متن مشکی */
input, textarea, select {
    color: #000000 !important;           /* متن مشکی */
    background-color: #ffffff;           /* پس‌زمینه سفید یا هر رنگ دلخواه */
    border: none !important;             /* حذف تمام borders */
    outline: none !important;            /* حذف حاشیه focus پیش‌فرض */
    padding: 4px 8px;                    /* کمی فاصله داخلی */
    border-radius: 4px;                  /* اختیاری: گوشه گرد */
}

/* ---- رفع مشکل نمایش متن نصفه در فیلدهای select ---- */
select {
    padding: 6px 10px !important;  /* فاصله متناسب */
    line-height: normal !important;  /* برگرداندن ارتفاع طبیعی متن */
    height: auto !important;  /* اجازه بده مرورگر خودش ارتفاع بده */
    min-height: 36px !important;  /* حداقل ارتفاع زیبا */
    vertical-align: middle !important;  /* تراز عمودی */
    background-position: right 10px center !important;  /* فلش در وسط قرار بگیره */
}



/* -----------------------------
   دکمه افزودن (Add Object Button)
   ----------------------------- */
.object-tools a.addlink {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important; /* فاصله بین آیکن و متن */
    padding-right: 30px  !important;
    border-radius: 6px !important;
    background-color: var(--admin-accent, #007bff) !important;
    color: #fff !important;
    width: fit-content;


    text-decoration: none !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.15);
    vertical-align: middle !important;
    transition: background-color 0.2s ease, transform 0.1s ease;
}

.object-tools a.addlink:hover {
    background-color: var(--admin-accent-hover, #0056b3) !important;
    transform: translateY(-1px);
}

/* آیکن مثبت داخل دکمه */


/* placeholder هم مشکی باشه */
input::placeholder,
textarea::placeholder {
    color: #000000 !important;
    opacity: 1;
}



#content-related{
    border: 1px #203c53 solid;
}


#header,#header *{
    color: #eceef2;!important;
    font-weight: bold;
}
#header button{
    color: #eceef2;
    font-weight: bold;
    font-family: var(--admin-font-family);
}
/* استایل breadcrumb */
.breadcrumbs, .breadcrumbs * {
    color: #eceef2 !important;
    font-family:var(--admin-font-family) !important; /* تمام متن مشکی */
}

.breadcrumbs a {
    color: #e9ebf1 !important;        /* لینک‌ها مشکی */
    text-decoration: none;
    font-family:var(--admin-font-family) !important; /* اگر میخوای زیرخط نداشته باشه */
}

.breadcrumbs a:hover {
    color: #e9ebf1 !important;
    font-family:var(--admin-font-family) !important; /* هاور هم مشکی */
}

.breadcrumbs, .breadcrumbs * {
    background-color: #203c53 !important;        /* تمام متن مشکی */
}

/* رنگ متن caption در منوی کناری */
#nav-sidebar table caption {
    background-color: #203c53 !important;  /* متن سفید */
    color: white;!important;
    font-weight: bold;
    font-size: 14px;
    padding: 4px 0;
}

#nav-sidebar  {
    background-color: #1f3b53 !important;  /* متن سفید */
    padding: 5px;
}
#nav-sidebar tr  {
    background-color: #0f1d29 !important;  /* متن سفید */
    color: #222222;
    font-weight: normal;
    font-size: 12px;

}
#nav-sidebar tr a {

    color: #cdd1da;
    font-weight: normal;
    font-size: 12px;

}

#content-main table caption {
    background-color: #203c53 !important;  /* متن سفید */
    color: white;!important;
    font-weight: bold;
    font-size: 14px;
    padding: 4px 0;
}


/* ---------------------------------------------
   هدر
   --------------------------------------------- */
#header {
    background-color: #2a3f50;
    border-bottom: 1px solid var(--admin-border) !important;
    box-shadow: 0 2px 4px var(--admin-shadow);
}
#header h1, #header .nav-global {
    color: #eceef2;
}
#header a {
    color: #eceef2 !important;
}
#header a:hover {
    color: #f4b849 !important;
}

/* ---------------------------------------------
   منو سمت راست (برای RTL)
   --------------------------------------------- */

.breadcrumbs{
    background-color: #203c53;
}

#main-menu {
    background-color: var(--admin-panel-bg) !important;
    border-left: 1px solid var(--admin-border) !important;
}
#main-menu li a {
    color: var(--admin-text-light) !important;
    padding: 8px 12px !important;
}
#main-menu li a:hover, #main-menu li.selected a {
    background-color: var(--admin-accent) !important;
    color: #ffffff !important;
    border-radius: 6px !important;
}

/* ---------------------------------------------
   داشبورد و باکس‌ها
   --------------------------------------------- */
.dashboard-container .module {
    background-color: var(--admin-panel-bg) !important;
    border: 1px solid var(--admin-border) !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 6px var(--admin-shadow);
    margin-bottom: 15px !important;
}
.dashboard-container .module h2 {
    color: var(--admin-accent) !important;
    border-bottom: 1px solid var(--admin-border) !important;
    padding-bottom: 6px !important;
}

/* ---------------------------------------------
   فرم‌ها
   --------------------------------------------- */
input, select, textarea {
    background-color: var(--admin-input-bg) !important;
    border: 1px solid var(--admin-input-border) !important;
    border-radius: 6px !important;
    padding: 8px 10px !important;
    font-family: var(--admin-font-family) !important;
    transition: all 0.2s ease;
}
input:focus, select:focus, textarea:focus {
    border-color: var(--admin-accent) !important;
    background-color: #fff !important;
    outline: none !important;
    box-shadow: 0 0 4px var(--admin-accent-hover);
}

/* ---------------------------------------------
   جدول‌ها
   --------------------------------------------- */
#result_list th {
    background-color: #eceef2 !important;
    color: var(--admin-text) !important;
    border-bottom: 1px solid var(--admin-border) !important;
}
#result_list tbody tr {
    background-color: var(--admin-panel-bg) !important;
    transition: background-color 0.2s ease;
}
#result_list tbody tr:nth-child(even) {
    background-color: #f8f9fb !important;
}
#result_list tbody tr:hover {
    background-color: #e9ebf1 !important;
}

/* ---------------------------------------------
   دکمه‌ها--------------------------------------------- */
a.button, input[type="submit"], .submit-row input, .object-tools a {
    background-color: var(--admin-accent) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 6px !important;
    padding: 7px 14px !important;
    text-decoration: none !important;
    font-weight: bold;
    box-shadow: 0 2px 6px var(--admin-shadow);
    transition: background-color 0.2s ease, transform 0.1s ease;
}
a.button:hover, input[type="submit"]:hover, .submit-row input:hover {
    background-color: var(--admin-accent-hover) !important;
    transform: translateY(-1px);
}

/* ---------------------------------------------
   فیلدها و گروه‌های inline
   --------------------------------------------- */
.inline-group {
    border: 1px solid var(--admin-border) !important;
    background-color: var(--admin-input-bg) !important;
    padding: 12px !important;
    border-radius: 6px !important;
}
fieldset.module.aligned {
    background-color: var(--admin-panel-bg) !important;
    border: 1px solid var(--admin-border) !important;
    padding: 14px !important;
    margin-bottom: 18px !important;
    border-radius: 8px !important;
}
fieldset.module.aligned legend {
    color: var(--admin-accent) !important;
    font-weight: bold !important;
}

/* ---------------------------------------------
   نکات و کمک‌ها
   --------------------------------------------- */
p.help {
    color: var(--admin-text-light) !important;
    font-size: 0.9em !important;
}

/* ---------------------------------------------
   RTL پشتیبانی کامل فارسی
   --------------------------------------------- */
body {
    direction: rtl !important;
    text-align: right !important;
}
#header h1, #content, th, td, label {
    text-align: right !important;
}

/* ---------------------------------------------
   فیلد خطاها
   --------------------------------------------- */
input.error, select.error, textarea.error {
    border-color: #d9534f !important;
    background-color: #fff0f0 !important;
}

/* ---------------------------------------------
   دکمه‌های ذخیره
   --------------------------------------------- */
.change-form .submit-row {
    background-color: var(--admin-header-bg) !important;
    border-top: 1px solid var(--admin-border) !important;
    border-radius: 0 0 6px 6px;
    padding: 15px !important;
}

/* ---------------------------------------------
   واکنش‌گرا
   --------------------------------------------- */
@media (max-width: 768px) {
    #main-menu {
        display: none !important;
    }
    #container #content {
        margin-right: 0 !important;
    }
}

/* ---------------------------------------------
   افکت‌های ظریف بصری
   --------------------------------------------- */
.module, fieldset.module {
    transition: box-shadow 0.2s ease, transform 0.2s ease;
}
.module:hover, fieldset.module:hover {
    box-shadow: 0 4px 12px var(--admin-shadow);
}