:root{

            --brand:#550AE0;
            --brand-soft:#7B3BF0;
            --brand-tint:#edebfc;
            --ink:#1E1B2E;
            --muted:#6E6A82;
            --line: rgba(85,10,224,0.10);
            --page-bg:#FBFAFE;
            --glass-bg: rgba(255,255,255,0.72);
            --glass-bg-strong: rgba(255,255,255,0.88);
            --glass-border: rgba(85,10,224,0.14);
            --cols:2;
          }
        .nice-select ul
        {
         column-count: 2;
    column-gap: 0px;
        }

        @font-face {
    font-family: Shabnam;
    src: url(../fonts/shabnam/eot/Shabnam-Medium-FD.eot);
    src: url(../fonts/shabnam/eot/Shabnam-Medium-FD.eot?#iefix) format('embedded-opentype'), url(../fonts/shabnam/woff2/Shabnam-Medium-FD.woff2) format('woff2'), url(../fonts/shabnam/woff/Shabnam-Medium-FD.woff) format('woff'), url(../fonts/shabnam/ttf/Shabnam-Medium-FD.ttf) format('truetype');
    font-weight: 500;
}

@font-face {
    font-family: 'IRANSansWeb';
    src: url('./fonts/IRANSansWeb.eot');
    src: url('./fonts/IRANSansWeb.eot#iefix')format('eot'), url('./fonts/IRANSansWeb.woff')format('woff'), url('./fonts/IRANSansWeb.ttf')format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'IRANSansWeb_Bold';
    src: url('./fonts/IRANSansWeb_Bold.eot');
    src: url('./fonts/IRANSansWeb_Bold.eot#iefix')format('eot'), url('./fonts/IRANSansWeb_Bold.woff')format('woff'), url('./fonts/IRANSansWeb_Bold.ttf')format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'IRANSansWeb_Medium';
    src: url('./fonts/IRANSansWeb_Medium.eot');
    src: url('./fonts/IRANSansWeb_Medium.eot#iefix')format('eot'), url('./fonts/IRANSansWeb_Medium.woff')format('woff'), url('./fonts/IRANSansWeb_Medium.ttf')format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'IRANSansWeb_Light';
    src: url('./fonts/IRANSansWeb_Light.eot');
    src: url('./fonts/IRANSansWeb_Light.eot#iefix')format('eot'), url('./fonts/IRANSansWeb_Light.woff')format('woff'), url('./fonts/IRANSansWeb_Light.ttf')format('truetype');
    font-weight: normal;
    font-style: normal
}

/* Fonts */
:root {
    --default-font:Shabnam, "IRANSansWeb", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --heading-font: Shabnam,"IRANSansWeb", sans-serif;
    --nav-font: Shabnam,"IRANSansWeb", sans-serif;
    --pfamily:Shabnam, 'Rubik', sans-serif;
}


        .form-select.mycity {
            height: auto;
    background-color: var(--primary)!important; /* بنفش Bootstrap */
    color: #ffffff !important;             /* متن سفید */
    border: none;
    background-image:
        url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 16 16'%3e%3cpath d='M7.247 11.14l-4.796-5.481A.5.5 0 0 1 2.704 5h10.592a.5.5 0 0 1 .353.84l-4.796 5.481a.5.5 0 0 1-.706 0z'/%3e%3c/svg%3e") !important;
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 1rem 1rem;
}

/* ---- وقتی فوکوس یا باز می‌شود ---- */
.form-select.mycity:focus {
    border-color: #6f42c1;
    box-shadow: 0 0 0 0.25rem rgba(111, 66, 193, 0.25);
    background-color: var(--primary)!important;
    color: #ffffff !important;
}

/* ---- آیتم‌های لیست بازشونده ---- */
.form-select.mycity option {
    background-color: #ffffff; /* زمینه سفید */
    color: #000000;            /* متن مشکی */
}

/* ---- غیرفعال یا انتخاب نشده ---- */
.form-select.mycity option[value="0"] {
    color: #777;
}

/* ---- برای راست‌چین (در صورت نیاز) ---- */
html[dir="rtl"] .form-select.mycity {
    background-position: left 0.0rem center;
}




#sub_cat_modual .modal-dialog {
  max-width: 80vw;   /* عرض مودال: ۸۰٪ از عرض صفحه */
  width: 80vw;
  margin: auto;      /* وسط‌چین افقی */
}

/* محتوای مودال */
#sub_cat_modual .modal-content {
  background-color: #ffffff !important; /* پس‌زمینه سفید */
  border-radius: 1rem;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
  height: auto;       /* ارتفاع خودکار */
}

/* اطمینان از اینکه ارتفاع با محتوا تنظیم شود */
#sub_cat_modual .modal-body {
  background-color: #fff;
  max-height: none;
  overflow: visible;  /* جلوگیری از اسکرول بی‌دلیل */
  padding: 1.5rem;
}

/* در موبایل تمام عرض را بگیرد */
@media (max-width: 768px) {
  #sub_cat_modual .modal-dialog {
    max-width: 95vw;
    width: 95vw;
  }
}


       html {
  scroll-behavior: smooth;
}