.elementor-9139 .elementor-element.elementor-element-8723c8c{--display:flex;}.elementor-9139 .elementor-element.elementor-element-8723c8c.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-9139 .elementor-element.elementor-element-d4e6b82{width:var( --container-widget-width, 92.414% );max-width:92.414%;--container-widget-width:92.414%;--container-widget-flex-grow:0;}.elementor-9139 .elementor-element.elementor-element-d4e6b82 > .elementor-widget-container{margin:15px 0px 16px 0px;}.elementor-9139 .elementor-element.elementor-element-d4e6b82.elementor-element{--flex-grow:0;--flex-shrink:0;}@media(min-width:769px){.elementor-9139 .elementor-element.elementor-element-8723c8c{--width:103.103%;}}/* Start custom CSS for shortcode, class: .elementor-element-d4e6b82 *//*  FOXY STORE — CART RESTYLE (robust v2)
    WHERE TO PUT IT:  Appearance → Customize → Additional CSS  → paste all of this.
    (Additional CSS applies reliably on the live cart. Check the PUBLISHED page,
     not the Elementor editor — the editor shows the cart dimmed and unstyled.)
    Anchored on cart-only containers, so it won't touch checkout or other pages. */

:root{
  --orange:#FFA63D; --deep:#DC5D34;
  --card:#201F1F; --card-2:#262525; --line:rgba(255,255,255,.10);
  --txt:#ffffff; --muted:#a8a29c; --green:#34D399;
}

.woocommerce-cart-form,
.cart-collaterals,
.cart_totals{ font-family:"Cairo",system-ui,sans-serif; color:var(--txt); }

/* ---------- items table → cards ---------- */
.woocommerce-cart-form table.shop_table{
  border:0!important; background:transparent!important;
  border-collapse:separate!important; border-spacing:0 14px!important; width:100%;
}
.woocommerce-cart-form table.cart thead th{
  border:0!important; background:transparent!important; color:var(--muted)!important;
  font-size:12.5px; font-weight:700; letter-spacing:.6px; text-transform:uppercase; padding:6px 18px;
}
.woocommerce-cart-form tr.cart_item td{
  background:var(--card)!important; color:var(--txt)!important;
  border:0!important; border-top:1px solid var(--line)!important; border-bottom:1px solid var(--line)!important;
  padding:18px 16px!important; vertical-align:middle;
}
.woocommerce-cart-form tr.cart_item td:first-child{
  border-left:1px solid var(--line)!important; border-top-left-radius:16px; border-bottom-left-radius:16px;
}
.woocommerce-cart-form tr.cart_item td:last-child{
  border-right:1px solid var(--line)!important; border-top-right-radius:16px; border-bottom-right-radius:16px;
}

.woocommerce-cart-form td.product-thumbnail img{
  width:62px; height:62px; max-width:none!important; border-radius:12px;
  object-fit:contain; background:var(--card-2); padding:6px;
}
.woocommerce-cart-form td.product-name a{ color:var(--txt)!important; font-weight:800; font-size:15.5px; text-decoration:none; }
.woocommerce-cart-form td.product-name a:hover{ color:var(--orange)!important; }
.woocommerce-cart-form td.product-name .variation{ margin:6px 0 0; color:var(--muted); font-size:12.5px; line-height:1.6; }
.woocommerce-cart-form td.product-name .variation dt{ font-weight:700; float:none; display:inline; }
.woocommerce-cart-form td.product-name .variation dd{ margin:0 0 0 4px; display:inline; }
.woocommerce-cart-form td.product-name .variation dd p{ display:inline; margin:0; }

.woocommerce-cart-form td.product-price{ color:var(--txt)!important; font-weight:700; font-size:15px; }
.woocommerce-cart-form td.product-subtotal{ color:var(--orange)!important; font-weight:800; font-size:15.5px; }

.woocommerce-cart-form .quantity input.qty{
  width:72px; height:44px; border-radius:11px;
  border:1px solid var(--line); background:var(--card-2); color:var(--txt);
  text-align:center; font-weight:700; font-size:15px; font-family:inherit;
}
.woocommerce-cart-form .quantity input.qty:focus{ outline:none; border-color:var(--orange); }

.woocommerce-cart-form td.product-remove a.remove{
  display:grid; place-items:center; width:30px; height:30px; margin:0 auto;
  border-radius:50%; background:rgba(255,255,255,.06);
  color:var(--orange)!important; font-size:20px; font-weight:700; line-height:1; transition:.2s ease;
}
.woocommerce-cart-form td.product-remove a.remove:hover{ background:#fff; color:var(--deep)!important; transform:scale(1.08); }

/* ---------- coupon + update ---------- */
.woocommerce-cart-form td.actions{ background:transparent!important; border:0!important; padding:6px 0!important; }
.woocommerce-cart-form td.actions .coupon{ display:inline-flex; gap:10px; }
.woocommerce-cart-form #coupon_code{
  height:48px; min-width:190px; border-radius:12px;
  border:1px solid var(--line); background:var(--card); color:var(--txt);
  padding:0 16px; font-family:inherit; font-size:14.5px;
}
.woocommerce-cart-form #coupon_code:focus{ outline:none; border-color:var(--orange); }

.woocommerce-cart-form button[name="apply_coupon"]{
  height:48px; padding:0 22px; border-radius:12px; cursor:pointer;
  background:transparent!important; background-image:none!important;
  border:1.5px solid rgba(255,255,255,.25)!important; color:var(--txt)!important;
  font-family:inherit; font-weight:800; font-size:14.5px; transition:.2s ease; text-shadow:none;
}
.woocommerce-cart-form button[name="apply_coupon"]:hover{ border-color:var(--orange)!important; color:var(--orange)!important; }

.woocommerce-cart-form button[name="update_cart"]{
  height:48px; padding:0 26px; border-radius:12px; cursor:pointer; border:0!important;
  background:linear-gradient(135deg,var(--orange),var(--deep))!important;
  background-image:linear-gradient(135deg,var(--orange),var(--deep))!important;
  color:#fff!important; font-family:inherit; font-weight:800; font-size:14.5px;
  box-shadow:0 12px 26px rgba(220,93,52,.35); transition:.2s ease; text-shadow:none;
}
.woocommerce-cart-form button[name="update_cart"]:hover:not([disabled]){ filter:brightness(1.08); }
.woocommerce-cart-form button[name="update_cart"][disabled]{ opacity:.45; box-shadow:none; }

/* ---------- totals ---------- */
.cart-collaterals .cart_totals{
  background:var(--card)!important; border:1px solid var(--line); border-radius:20px;
  padding:26px 24px; box-shadow:0 18px 40px rgba(0,0,0,.4);
}
.cart_totals h2{ color:var(--txt)!important; font-size:20px; font-weight:800; margin:0 0 14px; }
.cart_totals table{ border:0!important; width:100%; background:transparent!important; }
.cart_totals table th{
  color:var(--muted)!important; font-weight:700; text-align:start;
  padding:13px 0!important; border:0!important; border-top:1px solid var(--line)!important;
}
.cart_totals table td{
  color:var(--txt)!important; font-weight:800; text-align:end;
  padding:13px 0!important; border:0!important; border-top:1px solid var(--line)!important;
}
.cart_totals .order-total td,
.cart_totals .order-total td .amount{ color:var(--orange)!important; font-size:18px; }

/* checkout button — force the gradient FILL (gradients are background-image) */
.wc-proceed-to-checkout a.checkout-button,
.woocommerce .wc-proceed-to-checkout a.button.checkout-button,
.woocommerce .wc-proceed-to-checkout a.button.alt{
  display:block!important; text-align:center; text-decoration:none;
  background:linear-gradient(135deg,var(--orange),var(--deep))!important;
  background-image:linear-gradient(135deg,var(--orange),var(--deep))!important;
  color:#fff!important; font-weight:800; font-size:16px; padding:15px!important; border-radius:13px!important;
  margin-top:18px; box-shadow:0 14px 30px rgba(220,93,52,.42); transition:.2s ease; text-shadow:none;
}
.wc-proceed-to-checkout a.checkout-button:hover{ filter:brightness(1.07); transform:translateY(-1px); }

/* ---------- empty cart ---------- */
.woocommerce .cart-empty{ color:var(--txt)!important; font-size:18px; font-weight:700; text-align:center; }
.woocommerce .return-to-shop a.button{
  background:linear-gradient(135deg,var(--orange),var(--deep))!important;
  background-image:linear-gradient(135deg,var(--orange),var(--deep))!important;
  color:#fff!important; border-radius:12px; font-weight:800; padding:13px 26px; text-decoration:none;
}

/* notices in brand color */
.woocommerce-cart .woocommerce-message{ border-top-color:var(--orange); }
.woocommerce-cart .woocommerce-message::before{ color:var(--orange); }

/* ---------- responsive: rows become stacked cards ---------- */
@media(max-width:768px){
  .woocommerce-cart-form table.cart thead{ display:none; }
  .woocommerce-cart-form table.cart,
  .woocommerce-cart-form table.cart tbody,
  .woocommerce-cart-form table.cart tr,
  .woocommerce-cart-form table.cart td{ display:block; width:100%; }

  .woocommerce-cart-form tr.cart_item{
    background:var(--card); border:1px solid var(--line); border-radius:16px;
    padding:6px 4px; margin-bottom:14px; box-shadow:0 10px 26px rgba(0,0,0,.35);
  }
  .woocommerce-cart-form tr.cart_item td{
    background:transparent!important; border:0!important; border-radius:0!important;
    display:flex; align-items:center; justify-content:space-between; gap:14px;
    padding:11px 16px!important; text-align:end;
  }
  .woocommerce-cart-form tr.cart_item td::before{
    content:attr(data-title); color:var(--muted); font-weight:700; font-size:13px; text-align:start;
  }
  .woocommerce-cart-form td.product-thumbnail{ justify-content:center; }
  .woocommerce-cart-form td.product-thumbnail::before,
  .woocommerce-cart-form td.product-remove::before{ content:""; }
  .woocommerce-cart-form td.product-remove{ justify-content:flex-end; }
  .woocommerce-cart-form td.actions{ display:block; }
  .woocommerce-cart-form td.actions .coupon{ display:flex; width:100%; }
  .woocommerce-cart-form #coupon_code{ flex:1; min-width:0; }
  .woocommerce-cart-form button[name="update_cart"]{ width:100%; margin-top:12px; }
}/* 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;
  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: 100% !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: none !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 */