/* اعمال سراسری + override دیوی */
html[dir="rtl"] { direction: rtl; }
/* همه‌ی بدنه و اجزای عمومی با IRANSansX */
html, body,
.et_divi_theme, .et_pb_module, .et_pb_text, .et-menu-nav, .et-menu a,
input, textarea, select {
  font-family:'IRANSansX', system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}
/* فقط عناوین با PinarFD */
h1, h2, h3, h4, h5, h6, button,
.entry-title,
.wp-block-heading,
.et_pb_module h1, .et_pb_module h2, .et_pb_module h3, .et_pb_module h4, .et_pb_module h5, .et_pb_module h6,
.et_pb_post .entry-title, .et_pb_post .entry-title a,
.et_pb_fullwidth_header .header-content h1,
.et_pb_slider .et_pb_slide_title,
.et_pb_promo .et_pb_promo_description h2,
.et_pb_blurb .et_pb_blurb_title,
.et_pb_toggle .et_pb_toggle_title,
.et_pb_number_counter h3, .et_pb_counter_title,
.woocommerce div.product .product_title {
  font-family: 'PinarFD', 'IRANSansX', system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}
::marker {color: #FFC94B;}

.et_vertical_nav #main-header #top-menu>li>a:after {left: 0px;right: auto;top: 11px;}
#top-menu .menu-item-has-children>a:first-child:after {content: "4";}
.et_vertical_nav #main-header #top-menu li ul {    border-radius: 10px;padding:0;}
.et_vertical_nav #main-header #top-menu li li { padding:0;}
.et_vertical_nav #main-header #top-menu li a {width:100%;padding: 10px !important;}
.et_vertical_nav #main-header #top-menu li a:hover {background-color: var(--gcid-secondary-color); transition: all 0.3s;}
/* Pagination */
.samir-pagination { display:flex; justify-content:center; margin:2rem 0; }
.samir-pagination ul { display:flex; gap:.5rem; list-style:none; padding:0; margin:0; flex-wrap:wrap; }
.samir-pagination li a,
.samir-pagination li span {
  display:inline-block; min-width:40px; text-align:center;
  padding: .4rem;
    background-color: #eee; border-radius:.5rem;
  text-decoration:none;
  transition: all 0.3s;
}
.samir-pagination li .current{
  background: #000064;
  color:#fff;
  font-weight:700;
}
.samir-pagination li a:hover{ background-color: #FFC94B; }


/* Auto-hide بر روی خود header */
header.et-l--header.samir-autohide{
  position: sticky; top:0; z-index:9999;
  transition: transform .25s ease, opacity .2s ease;
  will-change: transform;
}
body.admin-bar header.et-l--header.samir-autohide{ top:32px; }
@media (max-width:782px){ body.admin-bar header.et-l--header.samir-autohide{ top:46px; } }

header.et-l--header.samir-autohide.show{ transform: translateY(0); opacity:1; }
header.et-l--header.samir-autohide.hide{ transform: translateY(-100%); opacity:.98; }

/* اجازه بده ساب‌منو از هدر بیرون بزند */
header.et-l--header,
header.et-l--header .et_builder_inner_content,
header.et-l--header .et_pb_section,
header.et-l--header .et_pb_row,
header.et-l--header .et_pb_menu,
header.et-l--header .et_pb_menu__menu {
  overflow: visible !important;
}

/* مطمئن شو خود منو و ساب‌منو بالای همه‌چیز هستند */
header.et-l--header .et_pb_menu{
  position: relative;
  z-index: 10001;           /* بالاتر از هدر */
}
header.et-l--header .et_pb_menu__menu > nav > ul > li > ul,
header.et-l--header .et_pb_menu__submenu {
  position: absolute;
  z-index: 10002 !important;
}

/* وقتی موس روی هدر/منو است، حتی اگر کلاس hide خورد، نشانش بده */
header.et-l--header.samir-autohide.hide:hover{
  transform: translateY(0);
}
@media (min-width: 981px) {
    .et_vertical_nav #page-container #main-header {
        padding-top: 20px;
    }
}
@media (min-width: 981px) {
    .et_vertical_nav #main-header .container, .et_vertical_nav.et_boxed_layout #main-header .container {
        margin: 0 15px;
    }
}
.et_pb_accordion .et_pb_toggle,
.et_pb_accordion .et_pb_toggle_open {
  transition: background-color 0.3s ease, color 0.3s ease;
}

.et_pb_toggle_title:before {
  transition: transform 0.3s ease, color 0.3s ease;
}
.et_header_style_left #et-top-navigation .mobile_menu_bar {
    padding: 20px 0;
}
