/*==========================================
    AfraBiz Professional Theme
    Version 2.0
==========================================*/

/* فونت */
@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700;800&display=swap');

/* متغیرها */

:root{

--primary:#0f172a;
--secondary:#1e293b;
--gold:#f59e0b;
--gold-hover:#d97706;

--white:#ffffff;
--black:#111827;

--gray:#f5f7fb;
--border:#e5e7eb;

--radius:18px;

--shadow:0 10px 35px rgba(0,0,0,.08);

--transition:.30s ease;

}

/* ریست */

*{

margin:0;
padding:0;
box-sizing:border-box;

}

html{

scroll-behavior:smooth;

}

body{

font-family:'Vazirmatn',sans-serif!important;

background:var(--gray);

color:var(--black);

line-height:2;

overflow-x:hidden;

}

/* لینک */

a{

text-decoration:none;

transition:var(--transition);

}

a:hover{

text-decoration:none;

}

/* تصاویر */

img{

max-width:100%;

height:auto;

display:block;

}

/*======================================
            HEADER
======================================*/

#header{

background:var(--primary)!important;

position:sticky;

top:0;

z-index:9999;

border-bottom:4px solid var(--gold);

box-shadow:0 8px 30px rgba(0,0,0,.18);

}

/* داخل هدر */

.menu-wrapper{

padding:0 20px;

min-height:85px;

display:flex;

align-items:center;

}

/* لوگو */

.logo img{

height:72px;

width:auto;

transition:.35s;

}

.logo img:hover{

transform:scale(1.06);

}

/*==============================
          MENU
==============================*/

.main-nav ul{

display:flex;

align-items:center;

gap:10px;

}

.main-nav ul li{

list-style:none;

position:relative;

}

.main-nav ul li>a{

display:block;

padding:14px 18px;

font-weight:700;

font-size:15px;

color:#fff!important;

border-radius:12px;

}

.main-nav ul li>a:hover{

background:rgba(255,255,255,.08);

color:var(--gold)!important;

}

/*==============================
        SUB MENU
==============================*/

.sub-menu{

background:#fff;

border-radius:14px;

min-width:230px;

box-shadow:0 20px 40px rgba(0,0,0,.12);

padding:10px 0;

}

.sub-menu li{

display:block;

}

.sub-menu li a{

padding:12px 20px;

display:block;

color:#333!important;

font-size:14px;

}

.sub-menu li a:hover{

background:#fafafa;

padding-right:28px;

color:var(--gold)!important;

}

/*==============================
      Search Button
==============================*/

.search-form{

background:#fff;

border-radius:50px;

overflow:hidden;

box-shadow:var(--shadow);

}

.search-field{

border:none;

background:#fff;

padding:14px;

font-family:inherit;

}

.search-field:focus{

outline:none;

}

.submit{

background:var(--gold)!important;

border:none;

color:#fff;

padding:0 22px;

}

.submit:hover{

background:var(--gold-hover)!important;

}

/*==============================
     Buttons
==============================*/

button{

font-family:inherit;

transition:var(--transition);

}

button:hover{

transform:translateY(-2px);

}
/* ===== اصلاح هدر ===== */

.menu-wrapper{
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.logo{
    display:flex;
    align-items:center;
}

.main-nav ul{
    display:flex;
    align-items:center;
    gap:28px;
}

.main-nav ul li{
    position:relative;
}

.share-buttons{
    display:flex;
    align-items:center;
    gap:12px;
}

.epcl-search-button,
.main-nav .bi-search{
    display:flex;
    align-items:center;
    justify-content:center;
}

/* منوی کشویی */

.sub-menu{
    min-width:240px;
    border-radius:14px;
    overflow:hidden;
}

.sub-menu li{
    width:100%;
}

.sub-menu li a{
    padding:12px 18px;
}