/* =====================================================
   WPML NEXT TO RETURNS (DESKTOP)
===================================================== */

@media (min-width: 768px) {

/* =====================================================
   DESKTOP HEADER – SHIPPING (WORKING GRID VERSION)
===================================================== */

.custom-hd-buttons-hlb {
  display: block;
  width: 12.5%;                 /* ← KEY FIX */
  margin-left: 16px;
  line-height: 1.2;
  cursor: pointer;
}

.parent-grid-hlb {
  display: grid;
  grid-template-columns: 1fr;
}

.custom-hd-buttons-hlb .child-hlb:first-child {
  font-size: 12px;
  opacity: 0.75;
  white-space: nowrap;
}

.custom-hd-buttons-hlb .child-hlb:last-child {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 600;
}

/* =====================================================
   DESKTOP HEADER – RETURNS
===================================================== */

.custom-hd-buttons-ro {
  display: inline-flex;
  flex-direction: column;
  padding-left: 5px; /*Adjust the padding between RO button and search bar*/
  margin-right: 18px;   /* natural spacing */
  text-decoration: none;
  color: inherit;
  width: auto !important;
}

.parent-grid-ro {
  display: grid;
  grid-template-columns: 1fr;
}

.custom-hd-buttons-ro .child-ro {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* =====================================================
   MARTFURY HEADER OVERRIDE (VISIBILITY LOCK)
===================================================== */

.header-main .custom-hd-buttons-ro {
  opacity: 1 !important;
  visibility: visible !important;
  display: inline-flex !important;
}




/* =====================================================
   MOBILE HEADER
===================================================== */

#mobile-header-extras {
  display: flex;
  gap: 12px;
  padding: 10px 8px;
}

.custom-hd-buttons-hlb-mb,
.custom-hd-buttons-ro-mb {
  display: flex;
  flex-direction: column;
  max-width: 160px;
}

.child-hlb-mb,
.child-ro-mb {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* =====================================================
   HEADER TEXT COLOR & HOVER POLISH
===================================================== */

/* Base color (readable on yellow) */
.custom-hd-buttons-hlb,
.custom-hd-buttons-ro {
  color: #1f1f1f; /* dark neutral, Amazon-like */
}

/* Secondary line (Shipping to / Returns) */
.custom-hd-buttons-hlb .child-hlb:first-child,
.custom-hd-buttons-ro .child-ro:first-child {
  color: #3a3a3a;
}

/* Primary line (location / & Orders) */
.custom-hd-buttons-hlb .child-hlb:last-child,
.custom-hd-buttons-ro .child-ro:last-child {
  color: #111;
}

/* Icons inherit text color */
.custom-hd-buttons-hlb i,
.custom-hd-buttons-ro i {
  color: inherit;
}

/* =========================
   HOVER STATES
========================= */

.custom-hd-buttons-hlb:hover,
.custom-hd-buttons-ro:hover {
  color: #000;
}

.custom-hd-buttons-hlb:hover .child-hlb:last-child,
.custom-hd-buttons-ro:hover .child-ro:last-child {
  text-decoration: underline;
}

/* Slight icon emphasis on hover */
.custom-hd-buttons-hlb:hover i,
.custom-hd-buttons-ro:hover i {
  color: #000;
}



/* =====================================================
   DESKTOP: MOVE WPML (header-bar) UP BESIDE RETURNS
===================================================== */

/* Make the whole header wrapper a positioning context */
  .header-main-wapper {
    position: relative;
  }

  /* Stop the topbar from reserving space (but allow the widget to float) */
  .header-bar.topbar {
    height: 0;
    padding: 0;
    margin: 0;
    overflow: visible;
  }


/* WPML behaves like RO */
#icl_lang_sel_widget-5 {
  position: static !important;
  width: 110px !important;
  display: inline-flex;
  align-items: center;
}


  #icl_lang_sel_widget-5 ul {
    margin: 0;
    padding: 0;
  }

  #icl_lang_sel_widget-5 a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    color: #1f1f1f;
    text-decoration: none;
    white-space: nowrap;
  }

  #icl_lang_sel_widget-5 a:hover {
    color: #000;
    text-decoration: underline;
  }

  #icl_lang_sel_widget-5 img {
    width: 18px;
    height: auto;
  }

 
 /* Remove WPML text clipping */
  #icl_lang_sel_widget-5 .wpml-ls-native {
    max-width: none !important;
    overflow: visible !important;
    text-overflow: unset !important;
    white-space: nowrap;
  }

  /* Give widget real breathing room */
  #icl_lang_sel_widget-5, .wpml-ls-item-toggle, .wpml-ls-link {
    width: 110px !important;
  }
  
  
  /* =====================================================
   WPML HEADER COMPACT MODE WPML ITEM STYLING 😎
===================================================== */

#icl_lang_sel_widget-5 .wpml-ls-item-toggle {
  padding: 4px 8px !important;
  border-radius: 5px;
}
 
 /*Reduced search bar size*/
.search-wrapper{
	width:75% !important;
}

 /*Move extra memu item contianer */
.extras-menu{
    right:15px !important;
}

/*Show extra menu account icon - hidden by a script not known yet*/
.menu-item-account{
    display:block;
}


/* =====================================================
   WPML – DESKTOP HEADER (CLEAN ALIGNMENT)
===================================================== */


.wpml-ls.wpml-ls-legacy-dropdown {
  display: block;
  width: 140px;
  margin-left: 18px;        /* spacing from Returns & Orders */
  font-size: 13px;
  line-height: 1.25;
}

/* Current language row */
.wpml-ls-legacy-dropdown > ul > li > a {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #1f1f1f;
  text-decoration: none;
  cursor: pointer;
}

/* Flag */
.wpml-ls-legacy-dropdown img {
  width: 18px;
  height: auto;
}

/* Hover – subtle (secondary to RO) */
.wpml-ls-legacy-dropdown > ul > li > a:hover {
  color: #000;
  text-decoration: underline;
}


/* =====================================================
   HEADER UTILITIES – ZOOM SAFE - RO & WPML IN ONE DIV
===================================================== */

.header-utility-group {
  display: flex;
  align-items: center;
  gap: 0px;
}


/* =====================================================
   WPML HEADER SPACING FIX SPACING ABOVE CUSTOM BUTTONS (THE REAL VILLAIN)
===================================================== */

#icl_lang_sel_widget-5.widget {
  margin: 0 !important;
  padding: 0 !important;
  line-height: normal !important;
}


/* =====================================================
   STOP WPML FROM OVERLAPING ICONS ON ZOOM SAFETY BUFFER 😎
===================================================== */

.header-extras {
  display: flex;
  align-items: center;
  gap: 18px;              /* 👈 CRITICAL */
}

}



/* =====================================================
   RESPONSIVE VISIBILITY
===================================================== */

@media (min-width: 768px) {
  #mobile-header-extras {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .custom-hd-buttons-hlb,
  .custom-hd-buttons-ro {
    display: none !important;
  }
}