/*
Theme Name: Bridge
Theme URI: http://bridgelanding.qodeinteractive.com/
Description: Creative Multi-Purpose WordPress Theme
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-menu, featured-images, flexible-header, post-formats, sticky-post, threaded-comments, translation-ready
Author: Qode Interactive
Author URI: http://qodethemes.com/
Text Domain: bridge
Version: 18.0.6
License: GNU General Public License
License URI: licence/GPL.txt

CSS changes can be made in files in the /css/ folder. This is a placeholder file required by WordPress, so do not delete it.

*/
#site-header {
  width: 100%;
  background: #fff;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  position: relative;
  margin-bottom: -25px;
  z-index: 9999;

}
.header-inner {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 20px;
  flex-wrap: wrap;
  direction: rtl;
}
.logo img { max-height: 60px; }

/* دسکتاپ منو */
.desktop-menu { display: flex; }
.custom-menu {
  list-style: none;
  display: flex;
  gap: 20px;
  margin: 0;
  padding: 0;
  align-items: center;
}
.custom-menu li { position: relative; }
.custom-menu li a {
    font-family: IRANSans;
  text-decoration: none;
  color: #333;
  padding: 5px 10px;
  display: block;
}
.custom-menu li.has-submenu > a::after { content: ' ▼'; margin-right: 5px; }
.custom-menu li ul {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  background: #fff;
  list-style: none;
  padding: 10px 0;
  margin: 0;
  min-width: 180px;
  z-index: 9999;
}
.custom-menu li:hover > ul { display: block; }
.custom-menu li ul li a:hover { background: #f1f1f1; }

/* =======================
 موبایل (<900px)
======================= */
@media (max-width:900px){
  .desktop-menu { display: none; }
  .hamburger { display: block; font-size: 25px; cursor: pointer; }
  .logo { margin: 0 auto; order: 2; }

  /* بک‌گراند نیمه شفاف */
  .mobile-menu-overlay {
    display: none;
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 99999;
  }
  .mobile-menu-overlay.active { display: block; }

  /* ساید پنل موبایل */
  .mobile-menu {
    position: fixed;
    top: 0; right: -345px;
    width: 300px;
    height: 100%;
    background: #fff;
    z-index: 100000;
    transition: right 0.3s ease;
    overflow-y: auto;
    padding: 20px;
    height: -webkit-fill-available;
  }
  .mobile-menu.active { right: 0; }

  .mobile-custom-menu { list-style: none; padding: 0; }
  .mobile-custom-menu li { margin-bottom: 10px; position: relative; }

  /* زیرمنو موبایل همیشه باز */
  .mobile-custom-menu li ul {
    display: block !important;
    padding-right: 20px;
    padding-top: 5px;
    position: relative;
    z-index: 9999;
    background: #fff;
  }
  .mobile-custom-menu li ul li { margin-bottom: 5px; }

  .mobile-custom-menu li.has-submenu > a::after {
    content: ' ▼';
    margin-left: 5px;
    cursor: pointer;
  }

  /* دکمه کلوز */
  .close-menu {
    font-size: 25px;
    cursor: pointer;
    text-align: left;
     margin: 5px;

  }
}

/* =======================
 استیکی هدر بعد از اسکرول
======================= */
.sticky-header { position: fixed; top: 0; width: 100%; z-index: 9999; }
@media (min-width:900px){
  .mobile-menu, .hamburger { display: none; }
  ul.sub-menu {
    width: max-content;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
 }
.fixed_top_header .logo_wrapper {
    display: none !important;
}