@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700&display=swap');

body.site_manager {
  font-family: 'Cairo', Arial, sans-serif !important;

  /* 1. Ensure the region does not use flex layout for this menu */
  .region-breadcrumb {
    display: block !important;
  }

  /* 2. Center the menu container block */
  .block-superfishaccount {
    display: inline-block !important;
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }

  #toolbar-administration-secondary {
    display: none !important;
  }

  /* 3. Remove float and set menu to inline-flex for horizontal alignment */
  #superfish-account {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    background: #23272f !important;
    padding: 1.2em 0 !important;
    border-radius: 14px !important;
    font-family: 'Cairo', Arial, sans-serif !important;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.12) !important;
    margin: 30px auto !important;
    max-width: 100% !important;
    direction: rtl !important;
    float: none !important;
  }

  /* Remove default list styles */
  #superfish-account,
  #superfish-account li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Menu item styles */
  #superfish-account>li {
    margin: 0 12px !important;
    position: relative !important;
    white-space: nowrap !important;
  }

  /* Menu links */
  #superfish-account a {
    display: block !important;
    color: #fff !important;
    font-size: 1.12rem !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    padding: 0.7em 1.7em !important;
    border-radius: 9px !important;
    transition:
      background 0.2s,
      color 0.2s,
      box-shadow 0.2s !important;
    letter-spacing: 0.5px !important;
    font-family: 'Cairo', Arial, sans-serif !important;
    background: rgba(40, 43, 52, 0.7) !important;
  }

  /* Hover and active states */
  #superfish-account a:hover,
  #superfish-account a:focus,
  #superfish-account li.sfHover>a {
    background: #009688 !important;
    color: #ffffff !important;
    box-shadow: 0 2px 10px rgba(0, 150, 136, 0.18) !important;
    outline: none !important;
  }


  /* Responsive: Stack vertically on small screens */
  @media (max-width: 500px) {
    #superfish-account {
      flex-direction: column !important;
      align-items: center !important;
      padding: 0.7em 0.3em !important;
    }

    #superfish-account>li {
      margin: 7px 0 !important;
    }

    #superfish-account>li:not(:last-child)::after {
      display: none !important;
    }
  }

  ul.sf-menu.sf-style-default li:hover {
    background-color: unset !important;
  }

  ul.sf-menu.sf-style-default li {
    background-color: unset !important;
  }



  .taxonomy-overview-terms #edit-help {
    /* display: none !important; */
    margin-bottom: 1rem;
  }

  .commerce-dashboard--management-links .management-link a {
    background: #23272f !important;
    color: #ffffff;
    font-weight: bold;
    transition: background 0.2s, color 0.2s;
  }

  .commerce-dashboard--management-links .management-link a:hover,
  .commerce-dashboard--management-links .management-link a:focus {
    background: #009688 !important;
    /* Teal highlight on hover */
    color: #fff !important;
    text-decoration: none;
  }

  .commerce-order-dashboard-metrics-form {
    width: 80vw !important;
    /* 80% of the viewport width */
    max-width: 100% !important;
    /* Prevent overflow on small screens */
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
  }

  .commerce-dashboard {
    grid-template-columns: 100% 1fr;
  }

  .commerce-dashboard--management-links .management-links {
    padding: 40px;
  }

  #taxonomy-overview-vocabularies .tabledrag-toggle-weight-wrapper {
    display: none !important;
  }

  .gin-layer-wrapper+.gin-layer-wrapper {
    margin-block-start: 0 !important;
  }

  #edit-bulk-actions-container .form-item__label {
    display: none !important;
  }

  .commerce-product-variations .tabledrag-toggle-weight-wrapper {
    display: none !important;
  }

  .commerce-product-myproduct-edit-form .field--type-language {
    display: none !important;
  }

  .site_manager .taxonomy-term-brands-form #edit-relations,
  .site_manager .taxonomy-term-brands-form .js-form-type-vertical-tabs,
  .taxonomy-term-main-categories-form #edit-relations,
  .taxonomy-term-main-categories-form .js-form-type-vertical-tabs {
    display: none !important;
  }



  .menu-item__admin_toolbar_tools-help {
    display: none !important;
  }

  li.menu-item.menu-item__system-admin_structure>ul>li.menu-item>a.toolbar-icon[href$="/admin/structure"] {
    display: none !important;
  }


  /* Make the admin toolbar fixed at the top */
  .toolbar-administration {
    position: fixed;
    /* Fix at viewport top */
    top: 0;
    /* Align to top */
    left: 0;
    right: 0;
    z-index: 9999 !important;
    width: 100%;
  }


  form#commerce-product-attribute-edit-form>.js-form-type-textfield,
  form#commerce-product-attribute-edit-form>.js-form-type-select,
  form#commerce-product-attribute-edit-form>#edit-variation-types--wrapper,
  form#commerce-product-attribute-edit-form>.js-form-item-enable-value-translation {
    display: none !important;
  }

  #product-attribute-values-ajax-wrapper .tabledrag-toggle-weight-wrapper {
    display: none !important;
  }

  .js-form-type-language-select{
    display: none !important;
  }


}


.current-register{
  margin-bottom: 0.5rem !important;
}

.layer-wrapper{
  margin-bottom: 0.5rem !important;
}

/* ================================================
   Breadcrumb Region Language Switcher
   ================================================ */
.region-breadcrumb .language-switcher-language-url,
.region-breadcrumb #block-gin-languageswitcher {
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  order: -1 !important;
  justify-content: flex-start !important;
  direction: ltr !important;
}

.region-breadcrumb .language-switcher-language-url ul,
.region-breadcrumb #block-gin-languageswitcher ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  font-family: "Cairo", sans-serif !important;
  font-size: 0.75rem !important;
}

.region-breadcrumb .language-switcher-language-url li,
.region-breadcrumb #block-gin-languageswitcher li {
  padding: 0 0.3rem !important;
  text-transform: uppercase !important;
  margin: 0 !important;
  border: none !important;
  background: none !important;
  font-family: "Cairo", sans-serif !important;
  display: inline-block !important;
}

.region-breadcrumb .language-switcher-language-url li + li::before,
.region-breadcrumb #block-gin-languageswitcher li + li::before {
  content: " | " !important;
  color: #999 !important;
  font-weight: normal !important;
  font-family: "Cairo", sans-serif !important;
  margin: 0 0.3rem !important;
  display: inline-block !important;
}

.region-breadcrumb .language-switcher-language-url a,
.region-breadcrumb #block-gin-languageswitcher a {
  text-decoration: none !important;
  color: #333 !important;
  display: inline-block !important;
  transition: color 0.2s ease-in-out !important;
  padding: 0.1rem 0 !important;
  font-size: 0.75rem !important;
  font-weight: normal !important;
  background: none !important;
  border: none !important;
  font-family: "Cairo", sans-serif !important;
  letter-spacing: 0.5px !important;
}

.region-breadcrumb .language-switcher-language-url a:hover,
.region-breadcrumb #block-gin-languageswitcher a:hover {
  color: #0d6efd !important;
  text-decoration: none !important;
}

.region-breadcrumb .language-switcher-language-url a.is-active,
.region-breadcrumb #block-gin-languageswitcher a.is-active {
  font-weight: 600 !important;
  color: #0d6efd !important;
}