.elementor-8120 .elementor-element.elementor-element-f4c1d97{--display:flex;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for shortcode, class: .elementor-element-ecad4ed *//* redesign the GTranslate select with your custom globe icon */
.foxy-right-actions .gtranslate_wrapper select{
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;

  background-color: rgba(255,255,255,0.18) !important;
  border: 1px solid rgba(255,255,255,0.35) !important;
  color: #ffffff !important;
  height: 38px !important;
  min-width: 88px;
  padding: 0 30px 0 34px !important;
  border-radius: 11px !important;
  font-family: "Cairo", sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  cursor: pointer;

  /* your custom globe icon (left) + chevron arrow (right) */
  background-image:
    url("https://foxy-storedz.com/wp-content/uploads/2026/07/languages-world.png"),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");
  background-repeat: no-repeat, no-repeat;
  background-position: 8px center, right 10px center;
  background-size: 18px 18px, 12px 12px;

  transition: 0.25s ease;
}

.foxy-right-actions .gtranslate_wrapper select:hover{
  background-color: #ffffff !important;
  color: #DC5D34 !important;
  background-image:
    url("https://foxy-storedz.com/wp-content/uploads/2026/07/languages-world.png"),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23DC5D34' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");
}

.foxy-right-actions .gtranslate_wrapper select{
  width: 118px !important;      /* fixed width, stops auto-sizing to widest option */
  padding: 0 24px 0 32px !important;   /* tighter right padding pulls arrow closer */
  background-position: 8px center, right 8px center !important;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}/* End custom CSS */
/* Start custom CSS *//* =========================
   FOXY WEBSITE BOXED LAYOUT
   Header full width + content limited
========================= */

:root {
  --foxy-box-width: 2500px;
  --foxy-content-width: 1450px;
  --foxy-side-bg: #1A1A1A;
  --foxy-page-bg: #1A1A1A;
}

* {
  font-family: "Cairo", sans-serif !important;
  font-weight: 600 !important;
}

/* Outside background */
html,
body {
  background: var(--foxy-side-bg) !important;
  overflow-x: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Main website wrapper */
#page,
.site,
.website-wrapper,
.main-page-wrapper {
  max-width: var(--foxy-box-width) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  background: var(--foxy-page-bg) !important;
  overflow: hidden !important;
}

/* Page content background */
.site-content,
.content-area,
.woocommerce,
.woocommerce-page,
main,
#main,
.elementor,
.elementor-section,
.elementor-container,
.elementor-widget-wrap,
.e-con {
  background: var(--foxy-page-bg) !important;
}

/* Limit normal page content, NOT the header */
.site-content,
.content-area,
.woocommerce,
.woocommerce-page,
main,
#main,
.elementor > .e-con,
.elementor-section .elementor-container {
  max-width: none !important;
  width: 100% !important;
  /*! margin-left: auto !important; */
  /*! margin-right: auto !important; */
}

/* Important: do NOT box the custom header */
.foxy-top-bar,
.foxy-header {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
}

/* Keep header inside content centered */
.foxy-header-row {
  max-width: var(--foxy-box-width) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Top bar should stay full width */
.foxy-top-track {
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Elementor header spacing fix */
.elementor-location-header,
.elementor-location-header .elementor-widget-html,
.elementor-location-header .elementor-widget-container {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: var(--foxy-side-bg) !important;
}

/* Mobile */
@media (max-width: 767px) {
  :root {
    --foxy-box-width: 100%;
    --foxy-content-width: 100%;
  }

  #page,
  .site,
  .website-wrapper,
  .main-page-wrapper {
    max-width: 100% !important;
    width: 100% !important;
  }

  .site-content,
  .content-area,
  .woocommerce,
  .woocommerce-page,
  main,
  #main,
  .elementor > .e-con,
  .elementor-section .elementor-container {
    max-width: 100% !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  .foxy-top-bar,
  .foxy-header {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
  }
}
/* =========================
   FOXY GLOBAL FONT - CAIRO SEMIBOLD
========================= */

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

body,
html,
p,
span,
a,
button,
input,
textarea,
select,
label,
div,
section,
header,
footer,
main,
.elementor,
.elementor-widget,
.elementor-heading-title,
.woocommerce,
.woocommerce-page,
.product-title,
.woocommerce-loop-product__title,
.wd-entities-title {
  font-family: "Cairo", sans-serif !important;
  font-weight: 600 !important;
}

/* Headings */
h1,
h2,
h3,
h4,
h5,
h6,
.elementor-heading-title {
  font-family: "Cairo", sans-serif !important;
  font-weight: 600 !important;
}

/* Buttons */
button,
.button,
.elementor-button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
  font-family: "Cairo", sans-serif !important;
  font-weight: 600 !important;
}

/* Inputs / search */
input,
textarea,
select,
.foxy-search-header input {
  font-family: "Cairo", sans-serif !important;
  font-weight: 600 !important;
}

/* Product titles mobile fix */
@media (max-width: 767px) {
  .woocommerce-loop-product__title,
  .product-title,
  .wd-entities-title,
  .elementor-heading-title a {
    font-family: "Cairo", sans-serif !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
  }
}

/* ==================================================
   FOXY STORE - ADMIN BAR + HEADER SAFE FIX
================================================== */

/* Keep WordPress admin/edit/customize bar always visible */
#wpadminbar {
  position: fixed !important;
  top: 0 !important;
  z-index: 999999999 !important;
}

/* Prevent WoodMart header from covering admin bar */
body.admin-bar .whb-header,
body.admin-bar .whb-sticky-header,
body.admin-bar .whb-clone {
  top: 32px !important;
  z-index: 9999 !important;
}

/* Mobile admin bar height */
@media (max-width: 782px) {
  body.admin-bar .whb-header,
  body.admin-bar .whb-sticky-header,
  body.admin-bar .whb-clone {
    top: 46px !important;
  }
}/* End custom CSS */