/* static/css/navbar.css */

/* استایل کلی نوبار */
.navbar-professional {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
    background-color: #fafcbd !important;
    box-shadow: 0 4px 12px -2px rgba(22, 28, 45, 0.08);

    /* ✅ با !important اولویت را به این استایل می‌دهیم */
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
    transition: padding-top 0.3s ease, padding-bottom 0.3s ease;
}

/* استایل حالت اسکرول شده */
.navbar-professional.is-scrolled {
    /* ✅ اینجا هم از !important استفاده می‌کنیم */
    padding-top: 0.35rem !important;
    padding-bottom: 0.35rem !important;
    box-shadow: 0 6px 14px -4px rgba(22, 28, 45, 0.3);
    background-color: rgba(248, 243, 109, 0.5) !important;
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(12px); /* برای پشتیبانی از سافاری */

    /* ✅ ۳. حاشیه شیشه‌ای ظریف */
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);

    /* فرم جستجو */
    .navbar-professional .form-control {
        /* background-color: #f5f7fa; */
        background-color: rgba(255, 255, 255, 0.15);
        border: 1px solid transparent;
        border-radius: 0.5rem;
        transition: all 0.3s ease-out;
    }

    .navbar-professional .form-control:focus {
        background-color: #ffffff;
        border-color: #0d6efd;
        box-shadow: 0 0 0 3px rgba(13, 110, 253, 0.15);
    }

    /* آیکون‌ها و لینک‌های نوبار */
    .navbar-professional .nav-link {
        color: #555;
        font-weight: 500;
        transition: color 0.2s ease, transform 0.2s ease;
    }

    .navbar-professional .nav-link:hover {
        color: #000;
        transform: translateY(-2px);
    }

    /* استایل خاص برای آیکون‌های اعلان و پیام */
    .navbar-professional a[id$="Dropdown"]:hover i {
        color: #0d6efd !important;
    }

    @media (max-width: 991.98px) {

        /* در موبایل، افکت حرکت به بالای لینک‌ها را حذف می‌کنیم */
        .navbar-professional .nav-link:hover {
            transform: none;
        }
    }
   
}
 @media (max-width: 991.98px) {
        .navbar-professional .navbar-brand {
            margin-right: 3rem !important; /* در موبایل و تبلت لوگو به چپ‌تر میره */
        }
    }
.navbar .dropdown-item span svg {
    display: inline-block !important;
    width: 20px !important;
    height: 20px !important;
    visibility: visible !important;
    opacity: 1 !important;
}
@font-face {
          font-family: '{{ preferred_font.name }}';
          src: url('{{ preferred_font.ttf_file.url }}') format('truetype'),
               url('{{ preferred_font.woff_file.url }}') format('woff'),
               url('{{ preferred_font.eot_file.url }}') format('eot'),
               url('{{ preferred_font.woff2_file.url }}') format('woff2');
      }
body, h1, h2, h3, h4, h5, h6, p, a, span, div, li, ul, ol, input, select, textarea, button {
font-family: '{{ preferred_font.name }}';
}