/*
 * GazAria final mobile UX polish 1.0.2
 * Account navigation: vertical (no horizontal scroll)
 * Header: balanced menu / logo / functional search
 * WooCommerce product ordering: refined RTL native select
 */
@media (max-width: 980px) {
  /* The old 1-row account tabs created a horizontal scrollbar. */
  body.woocommerce-account .gaz-account-shell .gaz-account-sidebar .woocommerce-MyAccount-navigation {
    display:block !important;
    float:none !important;
    width:100% !important;
    min-width:0 !important;
    overflow:visible !important;
    margin:0 !important;
    padding:0 !important;
  }
  body.woocommerce-account .gaz-account-shell .gaz-account-sidebar .woocommerce-MyAccount-navigation ul {
    display:flex !important;
    flex-direction:column !important;
    flex-wrap:nowrap !important;
    align-items:stretch !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    gap:5px !important;
    margin:0 !important;
    padding:0 !important;
    overflow:visible !important;
    list-style:none !important;
  }
  body.woocommerce-account .gaz-account-shell .gaz-account-sidebar .woocommerce-MyAccount-navigation li {
    display:block !important;
    float:none !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    flex:none !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    box-sizing:border-box;
  }
  body.woocommerce-account .gaz-account-shell .gaz-account-sidebar .woocommerce-MyAccount-navigation li a {
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    box-sizing:border-box !important;
    width:100% !important;
    max-width:100% !important;
    min-height:43px !important;
    margin:0 !important;
    padding:9px 13px !important;
    white-space:normal !important;
    overflow-wrap:anywhere;
    text-align:right !important;
    border-radius:11px !important;
    color:#294e4b !important;
    background:transparent;
    font-size:12.5px !important;
    line-height:1.8 !important;
    box-shadow:none !important;
  }
  body.woocommerce-account .gaz-account-shell .gaz-account-sidebar .woocommerce-MyAccount-navigation li.is-active > a {
    background:#e8f5f0 !important;
    color:#066c62 !important;
    font-weight:850 !important;
    box-shadow:inset -3px 0 #16887b !important;
  }
  body.woocommerce-account .gaz-account-shell .gaz-account-sidebar .woocommerce-MyAccount-navigation li:not(.is-active) > a:hover {
    background:#f3f8f6 !important;
  }
  body.woocommerce-account .gaz-account-sidebar {
    min-width:0 !important;
    padding:13px !important;
  }
  body.woocommerce-account .gaz-account-side-head {
    min-height:44px;
    margin:0 0 9px !important;
    padding:5px 7px 13px !important;
  }
  body.woocommerce-account .gaz-account-shell,
  body.woocommerce-account .gaz-account-content {
    min-width:0 !important;
  }
  /* The left header cell existed, but an old rule hid the search button. */
  .site-header .header-row.gaz-has-account {
    display:grid !important;
    grid-template-columns:44px minmax(0, 1fr) 44px !important;
    grid-template-areas:"menu brand search" !important;
    align-items:center !important;
    column-gap:12px !important;
  }
  .site-header .header-row.gaz-has-account .header-actions {
    display:contents !important;
  }
  .site-header .header-row.gaz-has-account .header-actions .header-search-toggle {
    display:grid !important;
    grid-area:search !important;
    justify-self:end !important;
    align-self:center !important;
    place-items:center !important;
    box-sizing:border-box !important;
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
    max-width:44px !important;
    padding:0 !important;
    margin:0 !important;
    border:1px solid #dcece8 !important;
    border-radius:13px !important;
    color:#0a766c !important;
    background:#f3f9f7 !important;
    box-shadow:none !important;
    cursor:pointer;
  }
  .site-header .header-row.gaz-has-account .header-actions .header-search-toggle:hover,
  .site-header .header-row.gaz-has-account .header-actions .header-search-toggle[aria-expanded="true"] {
    color:#fff !important;
    background:#0e786e !important;
    border-color:#0e786e !important;
  }
  .site-header .header-row.gaz-has-account .header-actions .header-search-toggle .ds-search-icon {
    width:22px !important;
    height:22px !important;
  }
  .site-header .header-row.gaz-has-account .menu-toggle {
    grid-area:menu !important;
    justify-self:start !important;
    align-self:center !important;
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
    border-radius:13px !important;
  }
  .site-header .header-row.gaz-has-account > .brand {
    grid-area:brand !important;
    justify-self:center !important;
    min-width:0 !important;
  }
  .site-header .header-row.gaz-has-account > .brand img.gazaria-site-logo {
    max-width:min(100%, 178px) !important;
  }
}
@media (max-width: 390px) {
  .site-header .header-row.gaz-has-account {
    grid-template-columns:41px minmax(0, 1fr) 41px !important;
    column-gap:8px !important;
  }
  .site-header .header-row.gaz-has-account .menu-toggle,
  .site-header .header-row.gaz-has-account .header-actions .header-search-toggle {
    width:41px !important;
    height:41px !important;
    min-width:41px !important;
    max-width:41px !important;
  }
  .site-header .header-row.gaz-has-account > .brand img.gazaria-site-logo {
    max-width:min(100%, 164px) !important;
  }
}
/* Restrict sorting design to product archives (not checkout/profile selects). */
.woocommerce .woocommerce-ordering {
  position:relative;
  display:inline-flex !important;
  align-items:center;
  box-sizing:border-box;
  max-width:100%;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
.woocommerce .woocommerce-ordering select.orderby {
  -webkit-appearance:none !important;
  appearance:none !important;
  box-sizing:border-box !important;
  display:block !important;
  width:auto !important;
  min-width:min(220px, 100%) !important;
  max-width:100% !important;
  min-height:48px !important;
  padding:10px 16px 10px 45px !important;
  margin:0 !important;
  border:1px solid #d5e5df !important;
  border-radius:12px !important;
  background-color:#fff !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%230c776d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") !important;
  background-repeat:no-repeat !important;
  background-position:left 15px center !important;
  background-size:18px 18px !important;
  box-shadow:0 5px 16px rgba(12,57,53,.055) !important;
  outline:2px solid transparent !important;
  outline-offset:2px !important;
  color:#244844 !important;
  direction:rtl !important;
  text-align:right !important;
  text-overflow:ellipsis;
  font:750 13px/1.8 var(--font-fa,"Sahel",Tahoma,sans-serif) !important;
  cursor:pointer;
  transition:border-color .2s,box-shadow .2s,background-color .2s;
}
.woocommerce .woocommerce-ordering select.orderby:hover {
  border-color:#99bfb4 !important;
  background-color:#f8fcfa !important;
}
.woocommerce .woocommerce-ordering select.orderby:focus {
  border-color:#16877a !important;
  box-shadow:0 0 0 3px rgba(18,134,119,.12) !important;
  outline:2px solid transparent !important;
}
.woocommerce .woocommerce-ordering select.orderby:focus-visible {
  outline:2px solid #16877a !important;
  outline-offset:2px !important;
}
@media(max-width:600px){
  .woocommerce .woocommerce-ordering {float:none !important;max-width:100% !important;margin:0 0 17px !important}
  .woocommerce .woocommerce-ordering select.orderby {max-width:100% !important;min-height:46px !important;font-size:12.5px !important}
}