@import url('/assets/css/font.css');

* {
    font-family: 'Vazirmatn', Tahoma, sans-serif !important;
    font-size:.86rem!important;
}

.navbar {
    background: linear-gradient(135deg, #76d1c6ff, #268d81ff);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    width: 100%;

}

/* ===========================
   🔷 10 Background Gradients
   =========================== */

/* گرادیانت 1 */
.bg-gradiant1 {
    background: linear-gradient(135deg, #76d1c6ac, #268d81ff);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    color: white;
}
.bg-gradiant2 {
    background: linear-gradient(135deg, #767fd198, #1d456cb3);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    color: white;
}
.bg-gradiant3 {
    background: linear-gradient(135deg, #b0a2bfc6, #6a5282ff);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    color: white;
}
.bg-gradiant4 {
    background: linear-gradient(135deg, #ff9a9e, #fad0c4);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    color: white;
}

.bg-gradiant4:hover {
    background: linear-gradient(135deg, #e88b91, #f6bfe6);
}
.bg-gradiant5 {
    background: linear-gradient(135deg, #42e695c9, #3bb2b8ff);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    color: white;
}
.bg-gradiant6 {
    background: linear-gradient(135deg, #fbc2ebc6, #a6c1ffff);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    color: white;
}
.bg-gradiant7 {
    background: linear-gradient(135deg, #ffd194c9, #d191d4ff);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    color: white;
}

.bg-gradiant8 {
    background: linear-gradient(135deg, #84fab0c6, #8fd3f4ff);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    color: white;
}

.bg-gradiant9 {
    background: linear-gradient(135deg, #43e97b, #38f9d7);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    color: white;
}

.bg-gradiant10 {
    background: linear-gradient(135deg, #6a11cb, #2575fc);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    color: white;
}

.btn-gradiant1 {
    background: linear-gradient(135deg, #6dcb99ff, #218851ff);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    border: none;
    color: white;
}

.btn-gradiant1:hover {
    background: linear-gradient(135deg, #5fc08cff, #1a7243ff);
    color: white;
}

/* دکمه 2 (جدید) */
.btn-gradiant2 {
    background: linear-gradient(135deg, #ff9a9e, #fad0c4);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    border: none;
    color: white;
}

.btn-gradiant2:hover {
    background: linear-gradient(135deg, #e88b91, #f6bfe6);
    color: white;
}

/* دکمه 3 */
.btn-gradiant3 {
    background: linear-gradient(135deg, #42e695c9, #3bb2b8ff);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    border: none;
    color: white;
}

.btn-gradiant3:hover {
    background: linear-gradient(135deg, #2db488b3, #1f7a84b7);
    color: white;
}

/* دکمه 4 */
.btn-gradiant4 {
    background: linear-gradient(135deg, #fbc2ebc6, #a6c1ffff);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    border: none;
    color: white;
}

.btn-gradiant4:hover {
    background: linear-gradient(135deg, #e29fd0c6, #7da2d0ff);
    color: white;
}

/* دکمه 5 (جدید) */
.btn-gradiant5 {
    background: linear-gradient(135deg, #43e97b, #38f9d7);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    border: none;
    color: white;
}

.btn-gradiant5:hover {
    background: linear-gradient(135deg, #34c768, #2ecdb7);
    color: white;
}

/* دکمه 6 */
.btn-gradiant6 {
    background: linear-gradient(135deg, #ff758c, #ff7eb3);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    border: none;
    color: white;
}

.btn-gradiant6:hover {
    background: linear-gradient(135deg, #e0667f, #e06fb0);
    color: white;
}

/* دکمه 7 */
.btn-gradiant7 {
    background: linear-gradient(135deg, #43e97b, #38f9d7);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    border: none;
    color: white;
}

.btn-gradiant7:hover {
    background: linear-gradient(135deg, #34c768, #2ecdb7);
    color: white;
}

/* دکمه 8 (جدید) */
.btn-gradiant8 {
    background: linear-gradient(135deg, #f7971e, #ffd200);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    border: none;
    color: white;
}

.btn-gradiant8:hover {
    background: linear-gradient(135deg, #e38a1b, #e6c500);
    color: white;
}

/* دکمه 9 */
.btn-gradiant9 {
    background: linear-gradient(135deg, #00c6ff, #0072ff);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    border: none;
    color: white;
}

.btn-gradiant9:hover {
    background: linear-gradient(135deg, #00b0e6, #005acc);
    color: white;
}

/* دکمه 10 */
.btn-gradiant10 {
    background: linear-gradient(135deg, #ff9a9e, #fecfef);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    border: none;
    color: white;
}

.btn-gradiant10:hover {
    background: linear-gradient(135deg, #e88b91, #f6bfe6);
    color: white;
}

.navbar-nav .nav-link {
    color: white !important;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:focus,
.navbar-nav .nav-link:active,
.navbar-nav .nav-link.active {
    color: white !important;
}

.btn-sm-2 {
    padding: 0.1rem 0.2rem 0.01rem 0.2rem;
    font-size: 1.15rem;
    border-radius: 0.2rem;
}

body {
    background-color: #ededed!important;
    overflow-x: hidden;
    font-family: 'Vazirmatn', sans-serif !important;
}

.rounded {
    border-radius: 0.75rem !important;
}

/* پس‌زمینه حرفه‌ای دراپ‌داون‌ها */
.dropdown-menu {
    min-width: 240px;
    border-radius: 0.6rem;
    background: linear-gradient(135deg, #76d1c6ff, #268d81ff);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.6);
    padding: 0.8rem 0;
    border: none;

}

/* استایل آیتم‌ها */
.dropdown-item {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-weight: 500;
    color: #cbd5e1;
    transition: background-color 0.3s, color 0.3s;
}

/* هاور و فوکوس */
.nav-item:hover,
.dropdown-item:hover,
.dropdown-item:focus {
    background: linear-gradient(135deg, #5bc1b5ff, #1a756aff);
    color: #fff;
    border-radius: 0.4rem;
}

/* هدر دراپ‌داون */
.dropdown-header {
    font-size: 1rem;
    font-weight: 700;
    color: #94a3b8;
    padding: 0.6rem 1.6rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

/* جداکننده */
.dropdown-divider {
    margin: 0.5rem 0;
    border-color: rgba(255, 255, 255, 0.1);
}

.nav-link,
.dropdown-item {
    color: white;
}



.navbar-toggler {

    /* پس‌زمینه دکمه */
    border-color: white !important;
    /* رنگ حاشیه دکمه */
}

.navbar-toggler-icon {
    filter: invert(1) brightness(2);
    /* آیکون رو سفید می‌کنه */
}

.btn-gradiant2 {
    background: linear-gradient(135deg, #2c4e73, #1b2530);
    color: white;
}

.btn-gradiant2:hover {
    background: linear-gradient(135deg, #244262, #0c1013);
    color: white;
}

.rounded {
    border-radius: 0.75rem !important;
}