/*
	Theme Name: Hello Elementor
	Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
	Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
	Author: Elementor Team
	Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
	Version: 3.4.7
	Stable tag: 3.4.7
	Requires at least: 6.0
	Tested up to: 6.8
	Requires PHP: 7.4
	License: GNU General Public License v3 or later.
	License URI: https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain: hello-elementor
	Tags: accessibility-ready, flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready,
*/

/* =========================
   GOLDAMMER-LIKE COLOR SYSTEM
   ========================= */
:root{
  --FONT-GLOBAL: "Nunito Sans", sans-serif;
  --FONT-TITLE: "Libre Baskerville", serif;
  --COLOR-BG-GRADIENT: #121212;
  --COLOR-BG: #121212;
  --COLOR-BG-RGB: 18, 18, 18;
  --COLOR-BG-ACCENT: #393636;
  --COLOR-BG-ACCENT-LIGHTEN: #605b5b;

  --COLOR-LINK: #ab8c52;
  --COLOR-LINK-A50: rgba(171, 140, 82, 0.5);
  --COLOR-LINK-A70: rgba(171, 140, 82, 0.7);
  --COLOR-LINK-HOVER: rgba(171, 140, 82, 0.7);
  --COLOR-LINK-OPPOSITE: #ffffff;

  --COLOR-TEXT: #fffff0;
  --COLOR-TEXT-HOVER: rgba(255, 255, 240, 0.7);
  --COLOR-TEXT-LIGHT: #b8b8ad;
  --COLOR-TEXT-DARK: #ffffa4;
  --COLOR-TEXT-A5: rgba(255, 255, 240, 0.05);
  --COLOR-TEXT-A35: rgba(255, 255, 240, 0.35);
  --COLOR-TEXT-A50: rgba(255, 255, 240, 0.5);
  --COLOR-TEXT-A80: rgba(255, 255, 240, 0.8);

  --COLOR-BORDER: rgb(57, 54, 54);
  --COLOR-BORDER-LIGHT: #292828;
  --COLOR-BORDER-DARK: #050404;
  --COLOR-BORDER-HAIRLINE: #0a0a0a;

  --overlay-bg: #212121;

  --COLOR-ACCENT: #ab8c52;
  --COLOR-ACCENT-HOVER: #806430;
  --COLOR-ACCENT-FADE: rgba(171, 140, 82, 0.05);
  --COLOR-ACCENT-LIGHT: #e8d4ae;

  --FREE-SHIPPING-GRADIENT: linear-gradient(to right, var(--COLOR-ACCENT-LIGHT) 0%, var(--accent) 100%);

  --BTN-PRIMARY-BG: #ab8c52;
  --BTN-PRIMARY-TEXT: #fffff0;
  --BTN-PRIMARY-BORDER: #ab8c52;
  --BTN-PRIMARY-BORDER-A70: rgba(171, 140, 82, 0.7);
  --BTN-PRIMARY-BG-BRIGHTER: #9a7e4a;

  --BTN-SECONDARY-BG: #ab8c52;
  --BTN-SECONDARY-TEXT: #fffff0;
  --BTN-SECONDARY-BORDER: #ab8c52;
  --BTN-SECONDARY-BORDER-A70: rgba(171, 140, 82, 0.7);
  --BTN-SECONDARY-BG-BRIGHTER: #9a7e4a;

  --COLOR-BG-BRIGHTER: #2c2c2c;
  --COLOR-BG-ALPHA-25: rgba(18, 18, 18, 0.25);
  --COLOR-BG-TRANSPARENT: rgba(18, 18, 18, 0);
  --COLOR-FOOTER-BG-HAIRLINE: #1a1a1a;

  /* Aliases */
  --accent: var(--COLOR-ACCENT);
  --accent-fade: var(--COLOR-ACCENT-FADE);
  --accent-hover: var(--COLOR-ACCENT-HOVER);
  --border: var(--COLOR-BORDER);
  --border-dark: var(--COLOR-BORDER-DARK);
  --border-light: var(--COLOR-BORDER-LIGHT);
  --border-hairline: var(--COLOR-BORDER-HAIRLINE);
  --bg: var(--COLOR-BG-GRADIENT, var(--COLOR-BG));
  --bg-accent: var(--COLOR-BG-ACCENT);
  --bg-accent-lighten: var(--COLOR-BG-ACCENT-LIGHTEN);
  --icons: var(--COLOR-TEXT);
  --link: var(--COLOR-LINK);
  --link-a50: var(--COLOR-LINK-A50);
  --link-a70: var(--COLOR-LINK-A70);
  --link-hover: var(--COLOR-LINK-HOVER);
  --link-opposite: var(--COLOR-LINK-OPPOSITE);
  --text: var(--COLOR-TEXT);
  --text-dark: var(--COLOR-TEXT-DARK);
  --text-light: var(--COLOR-TEXT-LIGHT);
  --text-hover: var(--COLOR-TEXT-HOVER);
  --text-a5: var(--COLOR-TEXT-A5);
  --text-a35: var(--COLOR-TEXT-A35);
  --text-a50: var(--COLOR-TEXT-A50);
  --text-a80: var(--COLOR-TEXT-A80);
}

/* =========================
   Base
   ========================= */
html, body{
  background: var(--bg);
  color: var(--text);
  font-family: var(--FONT-GLOBAL);
}

body,
.elementor-kit-*{
  color: var(--text);
  font-family: var(--FONT-GLOBAL);
}

a{
  color: var(--link);
}
a:hover, a:focus{
  color: var(--link-hover);
}

h1,h2,h3,h4,h5,h6{
  color: var(--text);
  font-family: var(--FONT-TITLE);
}

.elementor-heading-title,
.elementor-widget-heading .elementor-heading-title{
  font-family: var(--FONT-TITLE);
}

.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce div.product .product_title{
  font-family: var(--FONT-TITLE);
}

small, .muted, .elementor-widget-text-editor p{
  color: var(--text-light);
}

/* =========================
   Borders / cards / inputs
   ========================= */
hr,
.elementor-divider-separator,
.elementor-widget-container,
.woocommerce div.product,
.woocommerce-page table.shop_table,
input, select, textarea{
  border-color: var(--border);
}

input, select, textarea{
  background: var(--bg);
  color: var(--text);
  font-family: var(--FONT-GLOBAL);
}

input::placeholder, textarea::placeholder{
  color: var(--text-a50);
}

/* =========================
   Buttons (Elementor + Woo)
   ========================= */
.elementor-button,
button,
input[type="button"],
input[type="submit"],
input[type="reset"],
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.alt,
.woocommerce button.alt,
.woocommerce input.alt,
.wc-block-components-button,
.wp-element-button{
  background: var(--BTN-PRIMARY-BG) !important;
  color: var(--BTN-PRIMARY-TEXT) !important;
  border: 1px solid var(--BTN-PRIMARY-BORDER) !important;
  font-family: var(--FONT-GLOBAL) !important;
}

.elementor-button:hover,
button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.alt:hover,
.woocommerce button.alt:hover,
.woocommerce input.alt:hover,
.wc-block-components-button:hover,
.wp-element-button:hover{
  background: var(--BTN-PRIMARY-BG-BRIGHTER) !important;
  border-color: var(--BTN-PRIMARY-BORDER-A70) !important;
  color: var(--BTN-PRIMARY-TEXT) !important;
}

/* Secondary / ghost */
.button.is-outline,
.elementor-button.elementor-button-outline{
  background: transparent !important;
  color: var(--accent) !important;
  border: 1px solid var(--accent) !important;
  font-family: var(--FONT-GLOBAL) !important;
}
.button.is-outline:hover,
.elementor-button.elementor-button-outline:hover{
  background: var(--accent-fade) !important;
  color: var(--accent-hover) !important;
  border-color: var(--accent-hover) !important;
}

/* =========================
   Woo price / notices / sale
   ========================= */
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce ul.products li.product .price,
.woocommerce-Price-amount{
  color: var(--text-light);
}

.woocommerce span.onsale{
  background: var(--accent);
  color: var(--text);
  border: 1px solid var(--accent);
}

.woocommerce-message,
.woocommerce-info,
.woocommerce-error{
  background: var(--bg-accent);
  color: var(--text);
  border-top-color: var(--accent);
}

/* WooCommerce forward buttons (e.g., View cart / Proceed) */
.woocommerce a.button.wc-forward,
.woocommerce a.wc-forward,
.woocommerce-page a.button.wc-forward,
.woocommerce-page a.wc-forward{
  border-radius: 0 !important;
  font-family: var(--FONT-GLOBAL) !important;
  font-weight: 400 !important;
}

/* =========================
   Checkout inputs (no fill, border only)
   ========================= */
body.woocommerce-checkout .woocommerce form .form-row input.input-text,
body.woocommerce-checkout .woocommerce form .form-row textarea,
body.woocommerce-checkout .woocommerce form .form-row select,
body.woocommerce-checkout .select2-container--default .select2-selection--single,
body.woocommerce-checkout .select2-container--default .select2-selection--multiple{
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border: 1px solid var(--accent, #ab8c52) !important;
  border-radius: 0 !important;
  color: var(--text, #fffff0) !important;
  font-family: var(--FONT-GLOBAL) !important;
}

body.woocommerce-checkout .woocommerce form .form-row input.input-text:focus,
body.woocommerce-checkout .woocommerce form .form-row textarea:focus,
body.woocommerce-checkout .woocommerce form .form-row select:focus,
body.woocommerce-checkout .select2-container--default.select2-container--focus .select2-selection--single,
body.woocommerce-checkout .select2-container--default.select2-container--focus .select2-selection--multiple{
  outline: none !important;
  box-shadow: none !important;
  border-color: var(--accent, #ab8c52) !important;
}

body.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered,
body.woocommerce-checkout .select2-container--default .select2-selection--multiple .select2-selection__rendered,
body.woocommerce-checkout .select2-container--default .select2-selection--multiple .select2-search__field{
  color: var(--text, #fffff0) !important;
  font-family: var(--FONT-GLOBAL) !important;
}

body.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow b{
  border-color: var(--text, #fffff0) transparent transparent transparent !important;
}

body.woocommerce-checkout .woocommerce form .form-row ::placeholder{
  color: rgba(255,255,240,0.55) !important;
}

/* WooCommerce Blocks checkout fields (if using Checkout block) */
body.woocommerce-checkout .wc-block-components-form .wc-block-components-text-input input,
body.woocommerce-checkout .wc-block-components-form .wc-block-components-text-input textarea,
body.woocommerce-checkout .wc-block-components-form .wc-block-components-select select,
body.woocommerce-checkout .wc-block-components-form .wc-block-components-combobox .components-combobox-control__input,
body.woocommerce-checkout .wc-block-components-form .components-text-control__input,
body.woocommerce-checkout .wc-block-components-form .components-textarea-control__input{
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border: 1px solid var(--accent, #ab8c52) !important;
  border-radius: 0 !important;
  color: var(--text, #fffff0) !important;
  font-family: var(--FONT-GLOBAL) !important;
}

/* Woo Blocks native <select> (e.g. #billing-country): one custom arrow on __container only */
body.woocommerce-checkout select.wc-blocks-components-select__select,
body.woocommerce-checkout select#billing-country{
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border: 1px solid var(--accent, #ab8c52) !important;
  border-radius: 0 !important;
  color: var(--text, #fffff0) !important;
  font-family: var(--FONT-GLOBAL) !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background-image: none !important;
  padding-right: 2.25rem !important;
  color-scheme: dark !important;
}
body.woocommerce-checkout select.wc-blocks-components-select__select::-ms-expand,
body.woocommerce-checkout select#billing-country::-ms-expand{
  display: none !important;
}

body.woocommerce-checkout .wc-blocks-components-select__container{
  position: relative !important;
  display: block !important;
  width: 100% !important;
}
body.woocommerce-checkout .wc-blocks-components-select__container::after{
  content: "" !important;
  position: absolute !important;
  right: 0.9rem !important;
  top: 50% !important;
  width: 0 !important;
  height: 0 !important;
  border-left: 5px solid transparent !important;
  border-right: 5px solid transparent !important;
  border-top: 6px solid var(--accent, #ab8c52) !important;
  transform: translateY(-35%) !important;
  pointer-events: none !important;
  z-index: 2 !important;
}

/* Kill second arrow if wrapper still injects ::after */
body.woocommerce-checkout .wc-blocks-components-select::after{
  content: none !important;
  display: none !important;
}

/* Hide extra icons next to native select */
body.woocommerce-checkout .wc-blocks-components-select__container svg,
body.woocommerce-checkout .wc-blocks-components-select__container .wc-blocks-components-select__expand,
body.woocommerce-checkout .wc-blocks-components-select__container .wc-blocks-components-select__icon,
body.woocommerce-checkout .wc-blocks-components-select svg,
body.woocommerce-checkout .wc-blocks-components-select .wc-blocks-components-select__expand{
  display: none !important;
}

body.woocommerce-checkout select.wc-blocks-components-select__select:focus,
body.woocommerce-checkout select#billing-country:focus{
  outline: none !important;
  box-shadow: none !important;
  border-color: var(--accent, #ab8c52) !important;
}

/* Dropdown menu styling (Blocks) */
body.woocommerce-checkout .wc-blocks-components-select__menu,
body.woocommerce-checkout .wc-blocks-components-select__listbox,
body.woocommerce-checkout .wc-blocks-components-select__popover .components-popover__content{
  background: var(--bg, #121212) !important;
  border: 1px solid var(--accent, #ab8c52) !important;
  box-shadow: 0 10px 30px rgba(0,0,0,0.45) !important;
  color: var(--text, #fffff0) !important;
}

body.woocommerce-checkout .wc-blocks-components-select__option,
body.woocommerce-checkout .wc-blocks-components-select__option *{
  color: var(--text, #fffff0) !important;
  font-family: var(--FONT-GLOBAL) !important;
}

body.woocommerce-checkout .wc-blocks-components-select__option[aria-selected="true"],
body.woocommerce-checkout .wc-blocks-components-select__option.is-selected{
  background: rgba(171, 140, 82, 0.12) !important;
}

body.woocommerce-checkout .wc-blocks-components-select__option:hover{
  background: rgba(255, 255, 255, 0.06) !important;
}

/* Dropdown (WordPress Components popover used by WC Blocks selects) */
body.woocommerce-checkout .components-popover__content{
  background: var(--bg, #121212) !important;
  border: 1px solid var(--accent, #ab8c52) !important;
  box-shadow: 0 10px 30px rgba(0,0,0,0.45) !important;
  color: var(--text, #fffff0) !important;
}

body.woocommerce-checkout .components-popover__content .components-menu-group__label{
  color: rgba(255,255,240,0.75) !important;
  font-family: var(--FONT-GLOBAL) !important;
}

body.woocommerce-checkout .components-popover__content .components-menu-item__button,
body.woocommerce-checkout .components-popover__content .components-menu-item__button *,
body.woocommerce-checkout .components-popover__content .components-dropdown-menu__menu-item,
body.woocommerce-checkout .components-popover__content .components-dropdown-menu__menu-item *{
  color: var(--text, #fffff0) !important;
  font-family: var(--FONT-GLOBAL) !important;
}

body.woocommerce-checkout .components-popover__content .components-menu-item__button:hover,
body.woocommerce-checkout .components-popover__content .components-dropdown-menu__menu-item:hover{
  background: rgba(255, 255, 255, 0.06) !important;
}

body.woocommerce-checkout .components-popover__content .components-menu-item__button.is-active,
body.woocommerce-checkout .components-popover__content .components-dropdown-menu__menu-item.is-active,
body.woocommerce-checkout .components-popover__content .components-menu-item__button[aria-checked="true"],
body.woocommerce-checkout .components-popover__content .components-dropdown-menu__menu-item[aria-checked="true"]{
  background: rgba(171, 140, 82, 0.12) !important;
}

/* Select / dropdown polish */
body.woocommerce-checkout .woocommerce form .form-row select,
body.woocommerce-checkout .wc-block-components-form .wc-block-components-select select{
  -webkit-appearance: none !important;
  appearance: none !important;
  background-image: none !important;
}

body.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow b{
  border-color: var(--accent, #ab8c52) transparent transparent transparent !important;
}

body.woocommerce-checkout .wc-block-components-form .wc-block-components-select select,
body.woocommerce-checkout .wc-block-components-form .wc-block-components-combobox .components-combobox-control__input{
  padding-right: 2.25rem !important;
}

/* Billing country: avoid double dropdown icons */
body.woocommerce-checkout #billing-country_field .select2-selection__arrow{
  display: none !important;
}
body.woocommerce-checkout #billing-country_field .select2-selection--single{
  position: relative !important;
}
body.woocommerce-checkout #billing-country_field .select2-selection--single::after{
  content: "" !important;
  position: absolute !important;
  right: 0.9rem !important;
  top: 50% !important;
  width: 0 !important;
  height: 0 !important;
  border-left: 5px solid transparent !important;
  border-right: 5px solid transparent !important;
  border-top: 6px solid var(--accent, #ab8c52) !important;
  transform: translateY(-30%) !important;
  pointer-events: none !important;
}

/* Checkout block country: hide only the built-in dropdown indicator (keeps other icons intact) */
body.woocommerce-checkout .wc-block-components-address-form [id*="billing-country"] .components-input-control__suffix{
  display: none !important;
}

body.woocommerce-checkout .wc-block-components-form .wc-block-components-text-input input:focus,
body.woocommerce-checkout .wc-block-components-form .wc-block-components-text-input textarea:focus,
body.woocommerce-checkout .wc-block-components-form .wc-block-components-select select:focus,
body.woocommerce-checkout .wc-block-components-form .wc-block-components-combobox .components-combobox-control__input:focus,
body.woocommerce-checkout .wc-block-components-form .components-text-control__input:focus,
body.woocommerce-checkout .wc-block-components-form .components-textarea-control__input:focus{
  outline: none !important;
  box-shadow: none !important;
  border-color: var(--accent, #ab8c52) !important;
}

body.woocommerce-checkout .wc-block-components-form .wc-block-components-text-input input::placeholder,
body.woocommerce-checkout .wc-block-components-form .wc-block-components-text-input textarea::placeholder,
body.woocommerce-checkout .wc-block-components-form .components-text-control__input::placeholder,
body.woocommerce-checkout .wc-block-components-form .components-textarea-control__input::placeholder{
  color: rgba(255,255,240,0.55) !important;
}

/* Woo blocks: order summary quantity badge like wishlist count */
.wc-block-components-order-summary-item__quantity{
  border-radius: 999px !important;
  background: var(--COLOR-ACCENT, #ab8c52) !important;
  color: #121212 !important;
  font-family: var(--FONT-GLOBAL, "Nunito Sans", sans-serif) !important;
  font-size: 0.625rem !important;
  font-weight: 700 !important;
  line-height: 1.125rem !important;
  text-align: center !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* =========================
   Cart page — mobile layout (Woo Blocks + Elementor)
   Woo default grid 80px + 132px is too narrow → clipped text / overflow
   ========================= */
@media screen and (max-width: 782px) {
  body.woocommerce-cart{
    overflow-x: hidden !important;
  }

  body.woocommerce-cart .site-main,
  body.woocommerce-cart .entry-content,
  body.woocommerce-cart .elementor-location-single .elementor-section,
  body.woocommerce-cart .elementor-section .elementor-container,
  body.woocommerce-cart .e-con{
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  body.woocommerce-cart .wp-block-woocommerce-cart,
  body.woocommerce-cart .wc-block-cart,
  body.woocommerce-cart .wc-block-components-sidebar-layout{
    max-width: 100% !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }

  body.woocommerce-cart .wc-block-components-sidebar-layout{
    flex-direction: column !important;
    flex-wrap: nowrap !important;
  }

  body.woocommerce-cart .wc-block-components-sidebar-layout .wc-block-components-main,
  body.woocommerce-cart .wc-block-components-sidebar-layout .wc-block-components-sidebar{
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  body.woocommerce-cart table.wc-block-cart-items{
    width: 100% !important;
    max-width: 100% !important;
    table-layout: fixed !important;
  }

  body.woocommerce-cart .wc-block-cart table.wc-block-cart-items .wc-block-cart-items__row,
  body.woocommerce-cart .is-mobile table.wc-block-cart-items .wc-block-cart-items__row,
  body.woocommerce-cart .is-small table.wc-block-cart-items .wc-block-cart-items__row,
  body.woocommerce-cart .is-medium table.wc-block-cart-items .wc-block-cart-items__row{
    grid-template-columns: minmax(64px, 88px) minmax(0, 1fr) max-content !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    column-gap: 10px !important;
  }

  body.woocommerce-cart .wc-block-cart-items__row .wc-block-cart-item__image{
    grid-column: 1 !important;
    grid-row: 1 !important;
  }

  body.woocommerce-cart .wc-block-cart-items__row .wc-block-cart-item__product{
    grid-column: 2 !important;
    grid-row: 1 !important;
    grid-column-end: 3 !important;
    min-width: 0 !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }

  body.woocommerce-cart .wc-block-cart-items__row .wc-block-cart-item__total{
    grid-column: 3 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    text-align: right !important;
    white-space: nowrap !important;
  }

  body.woocommerce-cart .wc-block-cart-items__row .wc-block-cart-item__quantity{
    grid-column: 1 !important;
    grid-row: 2 !important;
  }

  /* Giá hiện 2 lần: giữ cột tổng, ẩn block giá ngay dưới tên */
  body.woocommerce-cart .wc-block-cart-items__row .wc-block-cart-item__product .wc-block-cart-item__prices{
    display: none !important;
  }

  body.woocommerce-cart .wc-block-components-totals-item{
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 10px !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  body.woocommerce-cart .wc-block-components-totals-item__label{
    flex: 1 1 auto !important;
    min-width: 0 !important;
    word-break: break-word !important;
  }

  body.woocommerce-cart .wc-block-components-totals-item__value{
    flex: 0 0 auto !important;
    text-align: right !important;
    white-space: nowrap !important;
  }

  body.woocommerce-cart .wc-block-cart__submit-container--sticky{
    width: 100% !important;
    max-width: 100vw !important;
    left: 0 !important;
    right: auto !important;
    box-sizing: border-box !important;
    padding-left: max(12px, env(safe-area-inset-left)) !important;
    padding-right: max(12px, env(safe-area-inset-right)) !important;
    background: var(--COLOR-BG, #121212) !important;
  }

  body.woocommerce-cart .wc-block-cart__submit-button{
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}

/* =========================
   Header / footer helpers
   ========================= */
.site-header, header, .elementor-location-header{
  background: var(--bg);
  border-bottom: 1px solid var(--border-hairline);
}

.site-footer, footer, .elementor-location-footer{
  background: var(--bg);
  border-top: 1px solid var(--COLOR-FOOTER-BG-HAIRLINE);
}

.wc-block-cart-item__remove-link{
  background: none !important;
  border: none !important;
}

.entry-title{
  font-weight: 400 !important;
  text-align: center !important;
  font-size: 32px !important;
  margin: 20px 0 40px 0 !important;
}

.wc-block-cart__totals-title{
  padding-top: 0 !important;
}

body.woocommerce-checkout .wc-blocks-components-select__container{
  background: none !important;
  background-color: transparent !important;
}