/*
Theme Name: Creote Child
Theme URI: 
Description: A child theme of Creote
Author: 
Author URI: 
Template: creote
Version: 1.0.0
Text Domain: creote-child
*/

/* Add your custom styles below this line */







/* IMMIGLOW, Creote Header, Menu centered + Icons left (Desktop only) */
@media (min-width: 992px){

  /* تنظیمات قابل تغییر */
  :root{
    --ig-menu-gap: 32px;
    --ig-icon-gap: 10px;
    --ig-menu-side-padding: 18px;

    --ig-topbar-gap: 14px;

    --ig-dd-pad-y: 9px;
    --ig-dd-pad-x: 16px;
    --ig-dd-wrap-pad: 8px;

    --ig-nested-indicator-space: 44px;

    --ig-sticky-left-zone: 140px;
    --ig-sticky-right-zone: 140px;
    --ig-sticky-icons-offset: 56px;
  }

  /* container of menu + icons */
  #header_contents .header_v13 .header_content.header_content_collapse{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    flex: 1 1 auto !important;
    direction: ltr !important;
  }

  /* Menu block in the middle */
  #header_contents .header_v13 .header_menu_box{
    order: 2 !important;
    flex: 1 1 auto !important;
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    direction: rtl !important;
    padding: 0 var(--ig-menu-side-padding) !important;
    margin: 0 !important;
    min-width: 0 !important;
  }

  /* Top level UL */
  #header_contents .header_v13 .header_menu_box .navigation_menu > ul.navbar_nav{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap: var(--ig-menu-gap) !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    flex-wrap: nowrap !important;
  }

  #header_contents .header_v13 .header_menu_box .navigation_menu > ul.navbar_nav > li{
    margin:0 !important;
    padding:0 !important;
    white-space: nowrap !important;
  }

  /* Icons on the LEFT */
  #header_contents .header_v13 ul.navbar_right.navbar_nav{
    order: 1 !important;
    display:flex !important;
    align-items:center !important;
    gap: var(--ig-icon-gap) !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style:none !important;
  }

  #header_contents .header_v13 ul.navbar_right.navbar_nav > li{
    margin:0 !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
  }

  /* Dropdown spacing */
  #header_contents .header_v13 .dropdown-menu{
    padding: var(--ig-dd-wrap-pad) 0 !important;
  }
  #header_contents .header_v13 .dropdown-menu a.nav-link{
    padding: var(--ig-dd-pad-y) var(--ig-dd-pad-x) !important;
    line-height: 1.5 !important;
  }

  /* Top bar gap */
  #header_contents .header_v13 .header_top .top_left .top-links{
    display: flex !important;
    align-items: center !important;
    gap: var(--ig-topbar-gap) !important;
  }
  #header_contents .header_v13 .header_top .top_left .top-links > li:empty{
    display: none !important;
  }

  /* Nested submenu indicator */
  #header_contents .header_v13 .dropdown-menu li.menu-item-has-children,
  header.sticky_header_main.default_sickty_heaad .dropdown-menu li.menu-item-has-children{
    position: relative !important;
  }

  /* show dropdown button */
  #header_contents .header_v13 .dropdown-menu li.menu-item-has-children > .dropdown-btn,
  header.sticky_header_main.default_sickty_heaad .dropdown-menu li.menu-item-has-children > .dropdown-btn{
    display: flex !important;
    position: absolute !important;
    left: 8px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 34px !important;
    height: 34px !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  /* give space so text doesn't collide with the indicator */
  #header_contents .header_v13 .dropdown-menu li.menu-item-has-children > a.nav-link,
  header.sticky_header_main.default_sickty_heaad .dropdown-menu li.menu-item-has-children > a.nav-link,
  header.sticky_header_main.default_sickty_heaad .dropdown-menu li.menu-item-has-children > a{
    padding-left: var(--ig-nested-indicator-space) !important;
  }

  /* rotate the icon only, avoid double-rotate issues */
  #header_contents .header_v13 .dropdown-menu li.menu-item-has-children > .dropdown-btn .fa-angle-down,
  header.sticky_header_main.default_sickty_heaad .dropdown-menu li.menu-item-has-children > .dropdown-btn .fa-angle-down{
    transform: rotate(-90deg) !important;
    display: inline-block !important;
  }


  /* ================================
     IMMIGLOW, Sticky Header (Desktop)
     Logo Right, Menu Center, Icons+Hamburger Left
     + Fix dropdown spacing + show nested submenu indicator
  ================================ */

  /* Full-width background (even if container is narrow) */
  header.sticky_header_main.default_sickty_heaad{
    width: 100% !important;
    left: 0 !important;
    right: 0 !important;
    background: #fff !important;
  }

  /* Keep height stable */
  header.sticky_header_main.default_sickty_heaad .auto-container > .d-flex.align-items-center{
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: 78px !important;
    padding: 10px 0 !important;
    direction: ltr !important;
  }

  /* Logo on RIGHT */
  header.sticky_header_main.default_sickty_heaad .logo_column{
    order: 3 !important;
    flex: 0 0 auto !important;
    direction: rtl !important;
  }

  /* Hamburger on LEFT */
  header.sticky_header_main.default_sickty_heaad .navbar_togglers.hamburger_menu{
    order: 1 !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
  }

  /* Collapse area in the middle */
  header.sticky_header_main.default_sickty_heaad .header_content_collapse{
    order: 2 !important;
    flex: 1 1 auto !important;
    display: flex !important;
    align-items: center !important;
    direction: ltr !important;
    min-width: 0 !important;
  }

  /* Icons LEFT of menu */
  header.sticky_header_main.default_sickty_heaad .header_right_content{
    order: 1 !important;
    flex: 0 0 auto !important;
    margin: 0 10px 0 0 !important;
  }
  header.sticky_header_main.default_sickty_heaad .header_right_content ul{
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  /* Menu centered */
  header.sticky_header_main.default_sickty_heaad .header_menu_box{
    order: 2 !important;
    flex: 1 1 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    direction: rtl !important;
    padding: 0 18px !important;
    margin: 0 !important;
    min-width: 0 !important;
  }

  header.sticky_header_main.default_sickty_heaad .navigation_menu > ul.navbar_nav{
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: nowrap !important;
    gap: 32px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }
  header.sticky_header_main.default_sickty_heaad .navigation_menu > ul.navbar_nav > li{
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
  }
  header.sticky_header_main.default_sickty_heaad .navigation_menu > ul.navbar_nav > li > a.nav-link{
    padding: 6px 0 !important;
    line-height: 1.4 !important;
  }

  /* Dropdown spacing */
  header.sticky_header_main.default_sickty_heaad .dropdown-menu{
    padding: 8px 0 !important;
  }
  header.sticky_header_main.default_sickty_heaad .dropdown-menu a.nav-link{
    padding: 9px 16px !important;
    line-height: 1.55 !important;
    white-space: nowrap !important;
  }

  /* Make dropdown open from right in RTL */
  header.sticky_header_main.default_sickty_heaad .navigation_menu .navbar_nav > li.menu-item-has-children{
    position: relative !important;
  }
  header.sticky_header_main.default_sickty_heaad .navigation_menu .navbar_nav > li > ul.dropdown-menu{
    right: 0 !important;
    left: auto !important;
    top: 100% !important;
  }

  /* Indicator for deeper submenu items */
  header.sticky_header_main.default_sickty_heaad .dropdown-menu li.menu-item-has-children{
    position: relative !important;
  }
  header.sticky_header_main.default_sickty_heaad .dropdown-menu li.menu-item-has-children > .dropdown-btn{
    display: flex !important;
    position: absolute !important;
    left: 10px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 30px !important;
    height: 30px !important;
    align-items: center !important;
    justify-content: center !important;
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 2 !important;
  }

  /* space for indicator so text doesn't collide */
  header.sticky_header_main.default_sickty_heaad .dropdown-menu li.menu-item-has-children > a{
    padding-left: 44px !important;
  }

  /* turn the down arrow into "next level" arrow */
  header.sticky_header_main.default_sickty_heaad .dropdown-menu li.menu-item-has-children > .dropdown-btn .fa-angle-down{
    transform: rotate(-90deg) !important;
    display: inline-block !important;
  }

  /* third level opens to the LEFT (RTL) */
  header.sticky_header_main.default_sickty_heaad .dropdown-menu li.menu-item-has-children > ul.dropdown-menu{
    top: 0 !important;
    right: 100% !important;
    left: auto !important;
  }

} /* end @media (min-width: 992px) */


/* IMMIGLOW - Fix FAQ question title font (Creote FAQs v1) + keep icons */
.elementor-widget-creote-faqs-v1 .faq_section .accordion dt.faq_header,
.elementor-widget-creote-faqs-v1 .faq_section .accordion dt.faq_header *,
.elementor-widget-creote-faqs-v1 .faq_section .accordion dt.faq_header a{
  font-family: "IRANSansWeb", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-weight: 700 !important;
}

/* Restore icon fonts inside the FAQ header so icons don't disappear */
.elementor-widget-creote-faqs-v1 .faq_section .accordion dt.faq_header i,
.elementor-widget-creote-faqs-v1 .faq_section .accordion dt.faq_header [class^="fa"],
.elementor-widget-creote-faqs-v1 .faq_section .accordion dt.faq_header [class*=" fa-"],
.elementor-widget-creote-faqs-v1 .faq_section .accordion dt.faq_header .fa,
.elementor-widget-creote-faqs-v1 .faq_section .accordion dt.faq_header .fas,
.elementor-widget-creote-faqs-v1 .faq_section .accordion dt.faq_header .far,
.elementor-widget-creote-faqs-v1 .faq_section .accordion dt.faq_header .fal,
.elementor-widget-creote-faqs-v1 .faq_section .accordion dt.faq_header .fab,
.elementor-widget-creote-faqs-v1 .faq_section .accordion dt.faq_header [class^="icon-"],
.elementor-widget-creote-faqs-v1 .faq_section .accordion dt.faq_header [class*=" icon-"],
.elementor-widget-creote-faqs-v1 .faq_section .accordion dt.faq_header::before,
.elementor-widget-creote-faqs-v1 .faq_section .accordion dt.faq_header::after{
  font-family: "Font Awesome 6 Free","Font Awesome 5 Free","Font Awesome 5 Pro","icomoon","flaticon","eicons" !important;
  font-weight: 900 !important; /* برای Solid در Font Awesome */
}