/*
 Theme Name:   Altered Reality AI
 Theme URI:    https://alteredrealityai.com
 Description:  Flatsome Child — Dark Bitcoin store with floating glow tiles
 Author:       Altered Reality AI
 Template:     flatsome
 Version:      1.1.0
 Text Domain:  altered-reality-ai
*/

@import url("../flatsome/style.css");
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600&family=Raleway:wght@300;400;500;600;700&display=swap');

/* ============================================================
   CSS VARIABLES
   ============================================================ */
:root {
  --ar-bg:      #0a0d12;
  --ar-bg2:     #0e1219;
  --ar-card:    #141a24;
  --ar-gold:    #f0a030;
  --ar-gold-lt: #f5c060;
  --ar-border:  rgba(240,160,48,0.13);
  --ar-bh:      rgba(240,160,48,0.40);
  --ar-text:    #ddd8ce;
  --ar-muted:   rgba(200,194,180,0.52);
  --ar-display: 'Cinzel', Georgia, serif;
  --ar-body:    'Raleway', system-ui, sans-serif;
  --ar-r:       13px;
}

/* ============================================================
   NUCLEAR DARK BACKGROUND OVERRIDE
   ============================================================ */
html { background: var(--ar-bg) !important; }

body,
body.woocommerce,
body.woocommerce-page,
body.altered-reality-ai,
#page, #main, .site, .site-content,
#content, .page-wrapper, .wrapper,
main, .main-container,
.woocommerce, .woocommerce-page {
  background-color: var(--ar-bg) !important;
  color: var(--ar-text) !important;
  font-family: var(--ar-body) !important;
}

/* Grid overlay */
body::before {
  content: '';
  position: fixed; inset: 0;
  background-image:
    linear-gradient(rgba(240,160,48,0.024) 1px, transparent 1px),
    linear-gradient(90deg, rgba(240,160,48,0.024) 1px, transparent 1px);
  background-size: 48px 48px;
  pointer-events: none; z-index: 0;
}

/* Flatsome's own section/row wrappers */
.section, .row-container, .row, .col,
.ux-builder-section, [class*="section-"],
.shop-container, .entry-content, .page-content,
article, .post, .page, .hentry,
.blog-posts, .post-content {
  background-color: var(--ar-bg) !important;
}

.white-bg, .light-bg, .is-light, .bg-fill-white {
  background-color: var(--ar-bg2) !important;
}

/* ============================================================
   TYPOGRAPHY
   ============================================================ */
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,
.product_title,.entry-title,.page-title {
  font-family: var(--ar-display) !important;
  color: #f0ece4 !important;
  font-weight: 400 !important;
  letter-spacing: 0.025em !important;
}
p, li, span, td, th, label, .body-font { font-family: var(--ar-body) !important; color: var(--ar-text) !important; }
a { color: var(--ar-gold) !important; text-decoration: none; transition: opacity .2s; }
a:hover { opacity: .72; }
strong, b { color: inherit; }

/* ============================================================
   TOP BAR
   ============================================================ */
#top-bar, .top-bar, .top-bar-inner {
  background-color: #080b10 !important;
  border-bottom: 0.5px solid rgba(240,160,48,0.09) !important;
  color: rgba(200,194,180,0.38) !important;
  font-family: var(--ar-body) !important;
  font-size: 10px !important; letter-spacing: .1em;
}
#top-bar a, .top-bar a { color: rgba(200,194,180,0.38) !important; }

/* ============================================================
   HEADER
   ============================================================ */
#header, #header .header-inner,
.header-wrapper, .header-bg,
.is-sticky #header, .sticky-header {
  background-color: rgba(10,13,18,0.97) !important;
  border-bottom: 0.5px solid var(--ar-border) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  box-shadow: none !important;
}

#logo, #logo a, .logo, .logo a,
.logo-text, .site-title, .site-title a {
  font-family: var(--ar-display) !important;
  color: var(--ar-gold) !important;
  font-size: 16px !important;
  letter-spacing: .12em !important;
  font-weight: 400 !important;
}

#main-nav .nav > li > a,
.nav-right .nav > li > a,
#header .nav > li > a,
ul.nav > li > a {
  font-family: var(--ar-body) !important;
  font-size: 10px !important; letter-spacing: .15em !important;
  text-transform: uppercase !important;
  color: rgba(200,194,180,0.58) !important;
  font-weight: 500 !important; transition: color .2s !important;
}
#main-nav .nav > li > a:hover,
#main-nav .nav > li.active > a,
#main-nav .nav > li.current-menu-item > a { color: var(--ar-gold) !important; }

.nav-dropdown, .sub-menu {
  background: #0e1219 !important;
  border: 0.5px solid var(--ar-border) !important;
  border-radius: var(--ar-r) !important;
}
.nav-dropdown a, .sub-menu a { color: var(--ar-muted) !important; font-size: 11px !important; }
.nav-dropdown a:hover, .sub-menu a:hover { color: var(--ar-gold) !important; }

.cart-icon, .header-cart, .cart-count, .icon-cart, #cart-btn { color: var(--ar-gold) !important; }
.cart-count { background: var(--ar-gold) !important; color: #0a0d12 !important; }

/* ============================================================
   BREADCRUMBS
   ============================================================ */
.breadcrumbs, .woocommerce-breadcrumb, nav.woocommerce-breadcrumb {
  background: transparent !important; color: var(--ar-muted) !important;
  font-family: var(--ar-body) !important; font-size: 11px !important; letter-spacing: .06em;
}
.breadcrumbs a, .woocommerce-breadcrumb a {
  color: rgba(247, 147, 26, 0.7) !important;
}
.breadcrumbs a:hover { color: var(--ar-gold) !important; }

/* ============================================================
   PRODUCT TILES
   ============================================================ */
ul.products, .products, .woocommerce ul.products { background: transparent !important; }

ul.products li.product,
.products li.product,
.woocommerce ul.products li.product,
.product-grid-item, .product-small {
  background: var(--ar-card) !important;
  border: 0.5px solid var(--ar-border) !important;
  border-radius: var(--ar-r) !important;
  overflow: visible !important; position: relative;
  transition: transform .30s cubic-bezier(.34,1.56,.64,1), box-shadow .30s ease, border-color .22s ease !important;
}

ul.products li.product::before, .products li.product::before {
  content: '';
  position: absolute; top: 0; left: 0; right: 0; height: 1px;
  background: linear-gradient(90deg, transparent, rgba(240,160,48,.55), transparent);
  opacity: 0; transition: opacity .3s; z-index: 3;
}
ul.products li.product:hover::before, .products li.product:hover::before { opacity: 1; }

ul.products li.product:hover, .products li.product:hover {
  transform: translateY(-8px) scale(1.02) !important;
  border-color: var(--ar-bh) !important;
  box-shadow: 0 20px 50px rgba(0,0,0,.7), 0 0 30px rgba(240,160,48,.09), inset 0 1px 0 rgba(255,255,255,.03) !important;
}

ul.products li.product img, .products li.product img {
  border-radius: 8px 8px 0 0 !important; opacity: .9; transition: opacity .25s;
}
ul.products li.product:hover img { opacity: 1; }

ul.products li.product .box-text,
ul.products li.product .product-info,
.products li.product .box-text {
  padding: 14px 16px 16px !important; background: transparent !important;
}

.woocommerce-loop-product__title,
ul.products li.product h2,
.products li.product h2, .products .title {
  font-family: var(--ar-display) !important;
  font-size: 13px !important; font-weight: 600 !important;
  color: #f0ece4 !important; letter-spacing: .03em !important; line-height: 1.3 !important;
}

.woocommerce ul.products li.product .price,
.products li.product .price,
.woocommerce-Price-amount, span.price {
  color: var(--ar-gold) !important; font-weight: 700 !important;
  font-size: 20px !important; font-family: var(--ar-body) !important;
}
.price del, del .woocommerce-Price-amount {
  color: rgba(200,194,180,.3) !important; font-size: 13px !important; font-weight: 400 !important;
}

.ar-btc-price {
  display: block !important; font-size: 10px !important;
  color: rgba(200,194,180,.36) !important; font-family: var(--ar-body) !important;
  letter-spacing: .06em; margin-top: 2px;
}

/* ============================================================
   PRODUCT BADGES
   ============================================================ */
.ar-product-badge {
  display: inline-block; font-size: 8px !important; letter-spacing: .16em !important;
  font-family: var(--ar-body) !important; font-weight: 700 !important;
  padding: 3px 10px !important; border-radius: 20px !important;
  margin-bottom: 8px; text-transform: uppercase !important;
}
.badge-commerce-engine { background:rgba(240,160,48,.12)!important; color:var(--ar-gold)!important; border:0.5px solid rgba(240,160,48,.28)!important; }
.badge-ai-tool         { background:rgba(122,180,245,.1)!important;  color:#7ab4f5!important;       border:0.5px solid rgba(122,180,245,.22)!important; }
.badge-commerce-suite  { background:rgba(180,122,255,.1)!important;  color:#b47aff!important;       border:0.5px solid rgba(180,122,255,.22)!important; }
.badge-bundle          { background:rgba(80,220,160,.1)!important;   color:#50dcaa!important;       border:0.5px solid rgba(80,220,160,.22)!important; }

.woocommerce span.onsale, .onsale {
  position:absolute!important; display:inline-flex!important; align-items:center!important; justify-content:center!important;
  background:rgba(240,160,48,.14)!important; color:var(--ar-gold)!important;
  border:0.5px solid rgba(240,160,48,.32)!important; border-radius:20px!important;
  font-family:var(--ar-body)!important; font-size:9px!important; letter-spacing:.12em;
  text-transform:uppercase!important; padding:3px 10px!important;
  top:10px!important; left:10px!important; box-shadow:none!important;
}
/* Remove Flatsome orange circle wrapper around sale badge */
.badge-inner.on-sale {
  background: transparent !important;
  border-radius: 0 !important;
  width: auto !important;
  height: auto !important;
  line-height: normal !important;
  padding: 0 !important;
  min-height: 0 !important;
  min-width: 0 !important;
}

/* ============================================================
   BUTTONS
   ============================================================ */
.button, .btn,
.woocommerce a.button, .woocommerce button.button,
.woocommerce input.button, .add_to_cart_button,
.single_add_to_cart_button, .woocommerce #respond input#submit,
.woocommerce #payment #place_order, .checkout-button,
button[type="submit"] {
  background: var(--ar-gold) !important;
  border: none !important; color: #0a0d12 !important;
  font-family: var(--ar-body) !important; font-size: 11px !important;
  font-weight: 700 !important; letter-spacing: .12em !important;
  text-transform: uppercase !important; border-radius: 30px !important;
  padding: 10px 24px !important; box-shadow: 0 4px 18px rgba(240,160,48,.22) !important;
  transition: all .22s !important;
}
.button:hover, .woocommerce a.button:hover,
.add_to_cart_button:hover, .single_add_to_cart_button:hover {
  background: var(--ar-gold-lt) !important;
  box-shadow: 0 6px 28px rgba(240,160,48,.4) !important;
  transform: translateY(-1px) !important; color: #0a0d12 !important;
}

/* ============================================================
   SINGLE PRODUCT
   ============================================================ */
.single-product div.product { background: transparent !important; }
.woocommerce div.product .woocommerce-product-details__short-description { color: var(--ar-muted) !important; font-size: 14px; line-height: 1.9; }
.woocommerce-tabs ul.tabs { background: transparent !important; border-color: var(--ar-border) !important; }
.woocommerce-tabs ul.tabs li { background: var(--ar-bg2) !important; border-color: var(--ar-border) !important; }
.woocommerce-tabs ul.tabs li a { color: var(--ar-muted) !important; font-family: var(--ar-body) !important; font-size: 11px !important; letter-spacing: .1em; text-transform: uppercase; }
.woocommerce-tabs ul.tabs li.active { background: var(--ar-card) !important; }
.woocommerce-tabs ul.tabs li.active a { color: var(--ar-gold) !important; }
.woocommerce-tabs .panel { background: var(--ar-card) !important; border: 0.5px solid var(--ar-border) !important; border-radius: var(--ar-r) !important; padding: 24px !important; color: var(--ar-text) !important; }

/* ============================================================
   CHECKOUT & MY ACCOUNT FORMS
   ============================================================ */
input[type="text"], input[type="email"], input[type="password"],
input[type="tel"], input[type="number"], input[type="search"],
textarea, select, .woocommerce .form-row input.input-text {
  background: rgba(20,26,36,0.92) !important;
  border: 0.5px solid rgba(240,160,48,.18) !important;
  border-radius: 8px !important; color: var(--ar-text) !important;
  font-family: var(--ar-body) !important; font-size: 13px !important;
}
input:focus, textarea:focus, select:focus {
  border-color: rgba(240,160,48,.52) !important; outline: none !important;
  box-shadow: 0 0 0 3px rgba(240,160,48,.07) !important;
}
label, .woocommerce label {
  color: rgba(200,194,180,.62) !important; font-family: var(--ar-body) !important;
  font-size: 10px !important; letter-spacing: .1em; text-transform: uppercase;
}

/* My Account nav */
.woocommerce-MyAccount-navigation ul { background: var(--ar-bg2) !important; border: 0.5px solid var(--ar-border) !important; border-radius: var(--ar-r) !important; padding: 8px !important; }
.woocommerce-MyAccount-navigation ul li a { color: var(--ar-muted) !important; font-family: var(--ar-body) !important; font-size: 11px !important; letter-spacing: .1em; text-transform: uppercase; padding: 10px 16px !important; display: block; }
.woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-MyAccount-navigation ul li a:hover { color: var(--ar-gold) !important; }
.woocommerce-MyAccount-content { background: transparent !important; color: var(--ar-text) !important; }

/* Tables */
.woocommerce table.cart, .shop_table, .woocommerce-orders-table, table.woocommerce-table { background: var(--ar-bg2) !important; border: 0.5px solid var(--ar-border) !important; border-radius: var(--ar-r) !important; }
.woocommerce table th, .woocommerce-table th { background: rgba(240,160,48,.05) !important; color: var(--ar-muted) !important; font-family: var(--ar-body) !important; font-size: 10px !important; letter-spacing: .1em; text-transform: uppercase !important; border-color: var(--ar-border) !important; }
.woocommerce table td, .woocommerce-table td { border-color: var(--ar-border) !important; color: var(--ar-text) !important; }

/* Checkout payment box */
.woocommerce-checkout #payment { background: var(--ar-bg2) !important; border: 0.5px solid var(--ar-border) !important; border-radius: var(--ar-r) !important; }
.woocommerce-checkout #payment ul.payment_methods { border-color: var(--ar-border) !important; }
.woocommerce-checkout #payment ul.payment_methods li { color: var(--ar-text) !important; }
.woocommerce-checkout #payment div.payment_box { background: rgba(240,160,48,.04) !important; color: var(--ar-muted) !important; }

/* ============================================================
   NOTICES
   ============================================================ */
.woocommerce-message { background: rgba(240,160,48,.07) !important; border-top-color: var(--ar-gold) !important; color: var(--ar-text) !important; }
.woocommerce-info    { background-color: rgba(20, 26, 36, 0.92) !important; border-top-color: var(--ar-gold) !important; color: var(--ar-text) !important; }
.woocommerce-error   { background: rgba(220,60,60,.07) !important; border-top-color: rgba(220,60,60,.6) !important; }

/* ============================================================
   SIDEBAR & WIDGETS
   ============================================================ */
aside, .sidebar, #sidebar, .shop-sidebar, .widget-area { background: transparent !important; }
.widget { background: var(--ar-card) !important; border: 0.5px solid var(--ar-border) !important; border-radius: var(--ar-r) !important; padding: 20px !important; margin-bottom: 16px !important; }
.widget-title { font-family: var(--ar-display) !important; font-size: 11px !important; color: var(--ar-gold) !important; letter-spacing: .15em; text-transform: uppercase; border-bottom: 0.5px solid var(--ar-border) !important; padding-bottom: 10px !important; margin-bottom: 14px !important; }
.widget ul li a { color: var(--ar-muted) !important; font-size: 12px; }
.widget ul li a:hover { color: var(--ar-gold) !important; }

/* ============================================================
   FOOTER
   ============================================================ */
#footer, footer, .footer, .footer-wrapper,
.footer-inner, .footer-bottom, .absolute-footer,
.copyright-footer, .bottom-footer {
  background-color: var(--ar-bg2) !important;
  border-top: 0.5px solid var(--ar-border) !important;
  color: var(--ar-muted) !important;
}
.footer h1,.footer h2,.footer h3,.footer h4,.footer .widget-title { font-family:var(--ar-display)!important; color:var(--ar-gold)!important; font-size:11px!important; letter-spacing:.15em; text-transform:uppercase; }
.footer p,.footer li,.footer a,.copyright-footer { color:rgba(200,194,180,.36)!important; font-size:11px; line-height:1.8; }
.footer a:hover { color:var(--ar-gold)!important; }

.footer a.icon { color:rgba(200,194,180,.80)!important; }
.footer a.icon:hover { color:var(--ar-gold)!important; }
/* BTC ticker footer */
#ar-footer-ticker { text-align:center; padding:12px 0 6px; border-top:0.5px solid rgba(240,160,48,.07); font-family:var(--ar-body)!important; font-size:10px; letter-spacing:.12em; color:rgba(200,194,180,.3); }
.btc-ticker-dot { display:inline-block; width:6px; height:6px; border-radius:50%; background:var(--ar-gold); animation:btcpulse 2s infinite; margin-right:6px; vertical-align:middle; }
@keyframes btcpulse { 0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(240,160,48,.5)} 50%{opacity:.35;box-shadow:0 0 0 5px rgba(240,160,48,0)} }

/* ============================================================
   STARS / SCROLLBAR
   ============================================================ */
.star-rating span::before,.woocommerce .star-rating span::before { color:var(--ar-gold)!important; }
::-webkit-scrollbar { width:4px; height:4px; }
::-webkit-scrollbar-track { background:var(--ar-bg); }
::-webkit-scrollbar-thumb { background:rgba(240,160,48,.2); border-radius:2px; }

/* ============================================================
   SECTION TITLE UTILITY
   ============================================================ */
.ar-section-title { text-align:center; margin-bottom:44px; }
.ar-tag { display:inline-block; font-size:9px; letter-spacing:.22em; text-transform:uppercase; color:rgba(240,160,48,.66); border:0.5px solid rgba(240,160,48,.22); padding:4px 14px; border-radius:20px; background:rgba(240,160,48,.04); margin-bottom:14px; }
.ar-section-title h2 { font-size:26px!important; }
.ar-section-title p { color:var(--ar-muted)!important; font-size:13px; max-width:500px; margin:10px auto 0; line-height:1.85; font-family:var(--ar-body)!important; }


/* ── Footer 1 Widget Area – Full Width ── */
.footer-widgets.footer-1 .row { max-width: 1400px !important; width: 100% !important; margin-left: auto !important; margin-right: auto !important; padding-left: 30px !important; padding-right: 30px !important; }
/* Footer widget columns — card style matching site */
.footer-widgets.footer-1,
.footer-widgets.footer-2 { background-color: #0a0d12 !important; }
.footer-widgets.footer-1 .col,
.footer-widgets.footer-2 .col {
  background-color: #141a24 !important;
  border: 1px solid rgba(240,160,48,0.28) !important;
  border-radius: 13px !important;
  box-shadow: none !important;
}


/* ─── Add to Cart — inline right of price ─── */
.product-small .box-text {
    position: relative;
}

.product-small .price-wrapper {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px;
}

.ar-loop-atc {
    flex-shrink: 0;
}

.ar-loop-atc .button.add_to_cart_button {
    font-size: 9px !important;
    letter-spacing: 0.12em !important;
    padding: 5px 12px !important;
    border-radius: 20px !important;
    white-space: nowrap;
    height: auto !important;
    line-height: 1.4 !important;
    background: var(--ar-gold) !important;
    color: var(--ar-bg) !important;
    border: none !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
}

.ar-loop-atc .button.add_to_cart_button:hover {
    background: #fff !important;
    color: var(--ar-bg) !important;
}

.ar-loop-atc .button.added {
    display: none !important;
}


/* ============================================================
   MERGED FROM CUSTOMIZER ADDITIONAL CSS — 2026-04-09
   ============================================================ */

/* ============================================
   CHECKOUT & FORM STYLING
   ============================================ */

/* === SELECT2 DROPDOWNS (country/state) === */
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
    background-color: rgba(20, 26, 36, 0.92) !important;
    border: 1px solid rgba(240, 160, 48, 0.18) !important;
    border-radius: 8px !important;
    color: rgb(221, 216, 206) !important;
    height: 32.5px !important;
    line-height: 32.5px !important;
    font-size: 13px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: rgb(221, 216, 206) !important;
    line-height: 32.5px !important;
    font-size: 13px !important;
    padding-left: 9px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 32.5px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: rgba(240, 160, 48, 0.5) transparent transparent !important;
}

.select2-dropdown {
    background-color: rgb(14, 18, 25) !important;
    border: 1px solid rgba(240, 160, 48, 0.25) !important;
    border-radius: 8px !important;
}

.select2-container--default .select2-results__option {
    color: rgb(221, 216, 206) !important;
    background-color: transparent !important;
    padding: 8px 16px !important;
    font-size: 13px !important;
}

.select2-container--default .select2-results__option--highlighted {
    background-color: rgba(240, 160, 48, 0.12) !important;
    color: rgb(247, 147, 26) !important;
}

.select2-container--default .select2-results__option[aria-selected="true"] {
    background-color: rgba(240, 160, 48, 0.08) !important;
}

.select2-search--dropdown .select2-search__field {
    background-color: rgba(20, 26, 36, 0.92) !important;
    border: 1px solid rgba(240, 160, 48, 0.18) !important;
    color: rgb(221, 216, 206) !important;
    border-radius: 6px !important;
    font-size: 13px !important;
}

/* === CHECKOUT FORM INPUTS === */
.woocommerce-checkout .form-row input.input-text,
.woocommerce-checkout .form-row textarea,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
    background-color: rgba(20, 26, 36, 0.92) !important;
    color: rgb(221, 216, 206) !important;
    border: 1px solid rgba(240, 160, 48, 0.18) !important;
    border-radius: 8px !important;
    font-size: 13px !important;
}

.woocommerce-checkout .form-row input.input-text:focus,
.woocommerce-checkout .form-row textarea:focus {
    border-color: rgba(247, 147, 26, 0.5) !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(247, 147, 26, 0.08) !important;
}

.woocommerce-checkout ::placeholder {
    color: rgba(221, 216, 206, 0.35) !important;
}

/* === CHECKOUT PAYMENT SECTION === */
#payment {
    background-color: rgba(14, 18, 25, 0.8) !important;
    border: 1px solid rgba(240, 160, 48, 0.12) !important;
    border-radius: 12px !important;
}

#payment .payment_methods li {
    border-bottom: 1px solid rgba(240, 160, 48, 0.08) !important;
}

#payment .payment_methods li label {
    color: rgb(221, 216, 206) !important;
}

#payment div.payment_box {
    background-color: rgba(20, 26, 36, 0.6) !important;
    color: rgba(221, 216, 206, 0.7) !important;
}

#payment div.payment_box::before {
    border-bottom-color: rgba(20, 26, 36, 0.6) !important;
}

/* === ORDER REVIEW TABLE === */
.woocommerce-checkout-review-order-table,
.shop_table {
    border-color: rgba(240, 160, 48, 0.12) !important;
}

.woocommerce-checkout-review-order-table th,
.woocommerce-checkout-review-order-table td {
    border-color: rgba(240, 160, 48, 0.08) !important;
    color: rgb(221, 216, 206) !important;
}

.woocommerce-checkout-review-order-table tfoot tr:last-child td,
.woocommerce-checkout-review-order-table tfoot tr:last-child th {
    color: rgb(247, 147, 26) !important;
    font-size: 18px !important;
}

/* === WOOCOMMERCE NOTICES === */

/* === PLACE ORDER BUTTON === */
#place_order {
    background-color: rgb(247, 147, 26) !important;
    color: #000 !important;
    font-weight: 700 !important;
    border-radius: 10px !important;
    border: none !important;
    padding: 16px !important;
    font-size: 16px !important;
    letter-spacing: 0.5px !important;
    transition: background 0.2s !important;
}

#place_order:hover {
    background-color: rgb(224, 124, 10) !important;
}

/* === ORDER RECEIVED PAGE === */
.woocommerce-thankyou-order-received {
    display: none !important;
}

/* ============================================
   MOBILE & TABLET RESPONSIVE
   ============================================ */

/* === PAYMENT PANEL === */
#tbtc-wrap {
    padding: 0 12px !important;
    margin: 20px auto !important;
}

@media (max-width: 600px) {
    #tbtc-wrap {
        padding: 0 6px !important;
        margin: 10px auto !important;
    }

    #tbtc-wrap > div {
        border-radius: 14px !important;
    }

    #tbtc-wrap img[alt="Bitcoin QR"] {
        width: 170px !important;
        height: 170px !important;
    }

    #tbtc-timer {
        font-size: 18px !important;
    }

    #tbtc-copy-address,
    #tbtc-copy-uri {
        width: 100% !important;
        min-width: unset !important;
    }
}

/* === CHECKOUT - MOBILE STACK === */
@media (max-width: 767px) {
    .woocommerce-checkout #customer_details,
    .woocommerce-checkout .woocommerce-checkout-review-order {
        float: none !important;
        width: 100% !important;
        padding: 0 !important;
    }

    .woocommerce-checkout .form-row-first,
    .woocommerce-checkout .form-row-last {
        float: none !important;
        width: 100% !important;
    }

    #place_order {
        width: 100% !important;
    }
}

/* === ORDER RECEIVED - MOBILE STACK === */
@media (max-width: 767px) {
    .woocommerce-order .large-7,
    .woocommerce-order .large-5 {
        width: 100% !important;
        float: none !important;
        padding: 0 !important;
    }

    .woocommerce-order .large-5 {
        margin-top: 16px !important;
    }
}

/* === MOBILE NAV === */
@media (max-width: 849px) {
    .mobile-nav {
        background-color: rgb(10, 13, 18) !important;
    }

    .mobile-nav a {
        color: rgb(221, 216, 206) !important;
        border-bottom: 1px solid rgba(240, 160, 48, 0.08) !important;
    }

    .mobile-nav a:hover {
        color: rgb(247, 147, 26) !important;
    }

    /* Touch target: apply min-height only to standalone nav/action buttons, not inline card buttons */
    .nav .button,
    .nav button,
    #place_order,
    .checkout-button,
    .single_add_to_cart_button {
        min-height: 44px !important;
    }
}

/* === SHOP GRID - MOBILE === */
/* Removed conflicting column overrides — Flatsome small-columns-2 handles this natively */
@media (max-width: 600px) {
    .products li.product {
        box-sizing: border-box !important;
    }
}

/* === FOOTER - MOBILE === */
@media (max-width: 767px) {
    .footer-widgets .col {
        width: 100% !important;
        float: none !important;
        margin-bottom: 24px !important;
    }
}

/* ============================================
   SHOP PAGE FIXES
   ============================================ */

/* === WRAPPER / PAGE TITLE BANNER === */
#wrapper {
    background-color: rgb(10, 13, 18) !important;
}

.shop-page-title,
.category-page-title,
.page-title,
.page-title-inner {
    background-color: transparent !important;
}

.shop-page-title .page-title-bg,
.page-title .page-title-bg {
    background-color: rgb(14, 18, 25) !important;
}

/* === SORTING DROPDOWN === */
select.orderby {
    background-color: rgba(20, 26, 36, 0.92) !important;
    color: rgb(221, 216, 206) !important;
    border: 1px solid rgba(240, 160, 48, 0.18) !important;
    border-radius: 8px !important;
    font-size: 13px !important;
    padding: 6px 10px !important;
}

select.orderby:focus {
    border-color: rgba(247, 147, 26, 0.5) !important;
    outline: none !important;
}

select.orderby option {
    background-color: rgb(14, 18, 25) !important;
    color: rgb(221, 216, 206) !important;
}

/* === PRICE SLIDER === */
.price_slider_wrapper .ui-slider {
    background-color: rgba(240, 160, 48, 0.15) !important;
    border-color: rgba(240, 160, 48, 0.2) !important;
}

.price_slider_wrapper .ui-slider-range {
    background-color: rgb(247, 147, 26) !important;
}

.price_slider_wrapper .ui-slider-handle {
    background-color: rgb(247, 147, 26) !important;
    border-color: rgb(247, 147, 26) !important;
}

.price_slider_amount .price_label,
.price_slider_amount .button {
    color: rgb(221, 216, 206) !important;
}

.price_slider_amount .button {
    background-color: rgba(247, 147, 26, 0.15) !important;
    border: 1px solid rgba(247, 147, 26, 0.4) !important;
    border-radius: 6px !important;
}

.price_slider_amount .button:hover {
    background-color: rgb(247, 147, 26) !important;
    color: #000 !important;
}

/* === BREADCRUMB === */
.woocommerce-breadcrumb,
.breadcrumb {
    color: rgba(221, 216, 206, 0.6) !important;
    background: transparent !important;
}

.woocommerce-breadcrumb a,
.breadcrumb a {
    color: rgba(247, 147, 26, 0.7) !important;
}

.woocommerce-breadcrumb a:hover,
.breadcrumb a:hover {
    color: rgb(247, 147, 26) !important;
}

/* === PRODUCT CARDS === */
.product .woocommerce-loop-product__title {
    color: rgb(221, 216, 206) !important;
}

.product .price {
    color: rgb(247, 147, 26) !important;
}

.product .button {
    background-color: rgba(247, 147, 26, 0.12) !important;
    color: rgb(247, 147, 26) !important;
    border: 1px solid rgba(247, 147, 26, 0.3) !important;
    border-radius: 8px !important;
}

.product .button:hover {
    background-color: rgb(247, 147, 26) !important;
    color: #000 !important;
}

/* === RESULT COUNT === */
.woocommerce-result-count {
    color: rgba(221, 216, 206, 0.6) !important;
    font-size: 13px !important;
}

/* ============================================
   OVERLAYS / LOADING
   ============================================ */

/* WooCommerce loading overlay - softened to avoid mobile blocking */
.blockUI.blockOverlay {
    background: rgba(7, 8, 13, 0.18) !important;
    opacity: 1 !important;
    pointer-events: none !important;
}

.blockUI.blockOverlay::before {
    color: #f7931a !important;
}

.woocommerce-checkout-payment .blockUI,
.woocommerce form .blockUI {
    background: rgba(7, 8, 13, 0.18) !important;
    pointer-events: none !important;
}

/* ============================================
   DONATION BOX
   ============================================ */
.btcd-campaign,
.btcd-footer-widget,
.btcd-footer-widget .btcd-campaign,
.widget_block .btcd-campaign {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
}

.btcd-campaign-body,
.btcd-donate-wrap,
.btcd-form-step {
    width: 100% !important;
    max-width: 100% !important;
}

.btcd-amount-buttons {
    width: 100% !important;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
    gap: 6px !important;
}

.btcd-amount-btn {
    flex: 1 1 28% !important;
    text-align: center !important;
    min-width: 0 !important;
}

/* ============================================
   QUANTITY BUTTONS
   ============================================ */
.ux-quantity.quantity {
    height: 46px !important;
}

.ux-quantity__button {
    height: 46px !important;
    min-width: 46px !important;
    font-size: 18px !important;
    line-height: 46px !important;
    padding: 0 16px !important;
}

.ux-quantity input.qty {
    height: 46px !important;
    min-width: 44px !important;
    font-size: 15px !important;
    line-height: 46px !important;
    text-align: center !important;
}

/* Quick View modal too */
.quick-view-modal .ux-quantity__button {
    height: 46px !important;
    min-width: 46px !important;
    font-size: 18px !important;
    line-height: 46px !important;
    padding: 0 16px !important;
}

.quick-view-modal .ux-quantity input.qty {
    height: 46px !important;
    min-width: 44px !important;
    font-size: 15px !important;
    line-height: 46px !important;
}

/* ============================================
   CART HOVER DROPDOWN BUTTONS
   ============================================ */
.widget_shopping_cart .woocommerce-mini-cart__buttons a.button,
.widget_shopping_cart .woocommerce-mini-cart__buttons a.checkout {
    color: #000000 !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
    text-shadow: none !important;
}

.widget_shopping_cart .woocommerce-mini-cart__buttons a.button:hover,
.widget_shopping_cart .woocommerce-mini-cart__buttons a.checkout:hover {
    color: #ffffff !important;
    background-color: #c8931a !important;
}

/* ============================================
   FOOTER WIDTH FIXES
   ============================================ */
.footer-widgets.footer-2 .row {
    max-width: 1400px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
}

.footer-widgets.footer-1 .row {
    max-width: 1400px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
}

/* ============================================
   MOBILE NAV SIDEBAR
   ============================================ */
.off-canvas-left .mfp-content,
.off-canvas-right .mfp-content {
    background-color: #0a0d12 !important;
}

.mobile-sidebar,
#main-menu.mobile-sidebar {
    background: #0a0d12 !important;
}

.mobile-sidebar .nav li a,
.mobile-sidebar .nav > li > a {
    color: rgba(200, 194, 180, 1) !important;
    opacity: 1 !important;
}

.mobile-sidebar .nav li a:hover {
    color: #f0a030 !important;
}

/* ============================================
   MOBILE / TABLET TAP + VISIBILITY FIXES
   ============================================ */

/* Keep main content above decorative/background layers */
@media (max-width: 1024px) {
    #wrapper,
    #main,
    .page-wrapper,
    .shop-container,
    .products,
    .blog-wrapper,
    .post-item,
    .article-inner,
    .page-title,
    .page-title-inner {
        position: relative !important;
        z-index: 20 !important;
    }
}

/* Make real product/blog links win on touch devices */
@media (max-width: 1024px) {
    .product-small .box-image,
    .product-small .box-text,
    .product-small .box-image a,
    .product-small .name a,
    .product-small .woocommerce-loop-product__title a,
    .post-item .box-image,
    .post-item .box-text,
    .post-item .box-image a,
    .post-item .box-text a,
    .article-inner .box-image a,
    .article-inner .box-text a {
        position: relative !important;
        z-index: 30 !important;
        pointer-events: auto !important;
    }
}

/* Disable Quick View tap interception on mobile/tablet */
@media (max-width: 1024px) {
    .quick-view,
    .quick-view-button,
    .show-on-hover,
    .product-small .quick-view,
    .product-small .quick-view-button,
    a.quick-view {
        display: none !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }
}

/* Decorative layers should not block taps */
@media (max-width: 1024px) {
    .section-bg,
    .banner .bg,
    .bg-fill,
    canvas {
        z-index: 0 !important;
        pointer-events: none !important;
    }
}

/* Prevent hidden overlay layers from blocking page interaction */
@media (max-width: 1024px) {
    .mfp-bg {
        pointer-events: none !important;
    }

    .off-canvas-left.active .mfp-content,
    .off-canvas-right.active .mfp-content,
    .mfp-ready .mfp-content,
    .mfp-ready .mfp-container,
    .mfp-wrap.mfp-ready {
        pointer-events: auto !important;
    }
}

/* Product/blog card overflow safety */
@media (max-width: 1024px) {
    .product-small,
    .post-item,
    .article-inner {
        overflow: visible !important;
    }
}


/* ============================================
   MOBILE/TABLET SINGLE PRODUCT PAGE FIX
   ============================================ */
@media (max-width: 1024px) {

  /* Keep the actual product page content above background/overlay layers */
  body.single-product #wrapper,
  body.single-product #main,
  body.single-product .page-wrapper,
  body.single-product .product-main,
  body.single-product .product-gallery,
  body.single-product .product-info,
  body.single-product .summary,
  body.single-product .woocommerce-product-gallery,
  body.single-product .woocommerce-product-gallery__wrapper,
  body.single-product .entry-summary,
  body.single-product .product,
  body.single-product .row,
  body.single-product .col {
    position: relative !important;
    z-index: 30 !important;
  }

  /* Decorative/background layers should never block taps or visibility */
  body.single-product .section-bg,
  body.single-product .banner .bg,
  body.single-product .bg-fill,
  body.single-product canvas,
  body.single-product body::before {
    pointer-events: none !important;
    z-index: 0 !important;
  }

  /* Disable popup/lightbox/off-canvas layers from covering product pages */
  body.single-product .mfp-bg,
  body.single-product .mfp-wrap,
  body.single-product .off-canvas,
  body.single-product .off-canvas-left,
  body.single-product .off-canvas-right,
  body.single-product .blockUI.blockOverlay,
  body.single-product .newsletter-popup,
  body.single-product .modal,
  body.single-product .lightbox-content {
    pointer-events: none !important;
  }

  /* Make sure the product gallery and summary are actually visible */
  body.single-product .product-gallery,
  body.single-product .product-info,
  body.single-product .summary,
  body.single-product .entry-summary,
  body.single-product .woocommerce-product-gallery {
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
  }

  /* Fix common flex/column collapse issues on mobile */
  body.single-product .product-main,
  body.single-product .product .row {
    display: flex !important;
    flex-wrap: wrap !important;
  }

  body.single-product .product-gallery,
  body.single-product .product-info,
  body.single-product .summary {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }
}

/* ============================================================
   MOBILE SIDEBAR — dark background fix
   ============================================================ */
.off-canvas-right,
.off-canvas-sidebar,
#mobile-sidebar,
.mobile-sidebar,
.nav-sidebar,
.mobile-nav,
#main-menu.mobile-sidebar,
.off-canvas .mobile-sidebar-slide,
.off-canvas .off-canvas-content {
    background-color: #0a0d12 !important;
    background: #0a0d12 !important;
}
.mobile-sidebar .nav > li > a,
.mobile-sidebar .nav li a,
.mobile-nav a,
.off-canvas .mobile-sidebar-slide a {
    color: #ddd8ce !important;
    border-bottom: 1px solid rgba(240,160,48,0.08) !important;
}
.mobile-sidebar .nav > li > a:hover,
.mobile-sidebar .nav li a:hover,
.mobile-nav a:hover,
.off-canvas .mobile-sidebar-slide a:hover {
    color: #f0a030 !important;
}


/* ============================================================
   QUICK VIEW + PRODUCT PAGE QTY BUTTONS — aligned sizes
   ============================================================ */
.quick-view-modal .ux-quantity.quantity,
.single-product .ux-quantity.quantity {
    display: flex !important;
    align-items: stretch !important;
    height: 44px !important;
}
.quick-view-modal .ux-quantity__button,
.single-product .ux-quantity__button {
    width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    font-size: 18px !important;
    line-height: 1 !important;
}
.quick-view-modal .ux-quantity input.qty,
.single-product .ux-quantity input.qty {
    height: 44px !important;
    min-height: 44px !important;
    width: 48px !important;
    text-align: center !important;
    padding: 0 !important;
    font-size: 15px !important;
    line-height: 44px !important;
}

/* ============================================================
   MOBILE NAV SIDEBAR — force dark background over Flatsome white
   .off-canvas-left .mfp-content is rgba(255,255,255,0.95) in flatsome.css
   We need !important to override it
   ============================================================ */
.off-canvas-left .mfp-content,
.off-canvas-right .mfp-content {
    background-color: #0e1219 !important;
}
.off-canvas-left .mfp-content .mobile-sidebar,
.off-canvas-left .mfp-content,
.off-canvas-left .mfp-content .widget-area,
.off-canvas-left .mfp-content .col-inner,
.off-canvas-left .mfp-content .sidebar-menu {
    background: #0e1219 !important;
    background-color: #0e1219 !important;
}
.off-canvas-left .mfp-content .nav > li > a,
.off-canvas-left .mfp-content .nav li a {
    color: #ddd8ce !important;
    border-bottom: 1px solid rgba(240,160,48,0.08) !important;
}
.off-canvas-left .mfp-content .nav > li > a:hover,
.off-canvas-left .mfp-content .nav li a:hover {
    color: #f0a030 !important;
    background: rgba(240,160,48,0.06) !important;
}
/* Search bar in sidebar */
.off-canvas-left .mfp-content .search-field,
.off-canvas-left .mfp-content input[type="search"] {
    background: rgba(255,255,255,0.07) !important;
    border-color: rgba(240,160,48,0.2) !important;
    color: #ddd8ce !important;
}


/* ============================================================
   MOBILE BUTTON VISIBILITY FIX — price-wrapper ATC button
   ============================================================ */
@media (max-width: 849px) {
    /* Ensure price-wrapper wraps on very narrow cards instead of clipping */
    .product-small .price-wrapper {
        flex-wrap: wrap !important;
        gap: 6px !important;
    }

    .product-small .ar-loop-atc {
        width: 100% !important;
    }

    .ar-loop-atc .button.add_to_cart_button {
        width: 100% !important;
        text-align: center !important;
        display: block !important;
    }
}


/* ============================================================
   TABLET WISHLIST HEART FIX — restore pointer-events
   .show-on-hover has pointer-events:none at <=1024px to block
   Quick View, but that also kills the wishlist button. Re-enable
   just the wishlist elements.
   ============================================================ */
@media (max-width: 1024px) {
    .product-small .image-tools .wishlist-icon,
    .product-small .image-tools .wishlist-icon *,
    .product-small .image-tools .wishlist-button,
    .product-small .yith-wcwl-add-to-wishlist,
    .product-small .yith-wcwl-add-button,
    .product-small .yith-wcwl-add-button a {
        pointer-events: auto !important;
        z-index: 40 !important;
        position: relative !important;
    }
}

/* ============================================================
   QUICK VIEW BAR STYLING — dark theme match
   ============================================================ */
.product-small .quick-view,
.box-image .quick-view {
    background: rgba(10, 13, 18, 0.88) !important;
    color: var(--ar-gold) !important;
    font-family: var(--ar-body) !important;
    font-size: 10px !important;
    letter-spacing: .14em !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    border-top: 0.5px solid var(--ar-border) !important;
    backdrop-filter: blur(6px) !important;
}
.product-small .quick-view:hover,
.box-image .quick-view:hover {
    background: rgba(240, 160, 48, 0.12) !important;
    color: var(--ar-gold) !important;
}

/* ============================================================
   ATC POPUP / CART NOTIFICATION STYLING
   Flatsome uses .cart-popup-inner for the dropdown after ATC
   and WooCommerce fires .woocommerce-message notices
   ============================================================ */

/* Flatsome cart popup dropdown */
.cart-popup,
.cart-popup-inner,
.cart-popup-inner.inner-padding {
    background: var(--ar-card) !important;
    border: 0.5px solid var(--ar-border) !important;
    border-radius: var(--ar-r) !important;
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.7), 0 0 20px rgba(240, 160, 48, 0.06) !important;
    color: var(--ar-text) !important;
}

.cart-popup-title,
.cart-popup .cart-popup-title {
    font-family: var(--ar-display) !important;
    color: var(--ar-gold) !important;
    font-size: 11px !important;
    letter-spacing: .14em !important;
    text-transform: uppercase !important;
    border-bottom: 0.5px solid var(--ar-border) !important;
    padding-bottom: 10px !important;
    margin-bottom: 12px !important;
}

.cart-popup .product-title,
.cart-popup .cart-product-title {
    color: var(--ar-text) !important;
    font-family: var(--ar-body) !important;
    font-size: 13px !important;
}

.cart-popup .amount,
.cart-popup .woocommerce-Price-amount {
    color: var(--ar-gold) !important;
    font-weight: 700 !important;
}

.cart-popup .button,
.cart-popup a.button {
    background: var(--ar-gold) !important;
    color: #0a0d12 !important;
    font-weight: 700 !important;
    border-radius: 30px !important;
    font-size: 10px !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;
    border: none !important;
}

.cart-popup .button:hover {
    background: var(--ar-gold-lt) !important;
    color: #0a0d12 !important;
}

/* WooCommerce notice that appears after ATC on some themes */
.woocommerce-message {
    background: var(--ar-card) !important;
    border-top: 2px solid var(--ar-gold) !important;
    border-radius: 0 0 var(--ar-r) var(--ar-r) !important;
    color: var(--ar-text) !important;
    font-family: var(--ar-body) !important;
    font-size: 13px !important;
    box-shadow: 0 8px 32px rgba(0,0,0,0.5) !important;
}

.woocommerce-message a.button,
.woocommerce-message .button {
    background: var(--ar-gold) !important;
    color: #0a0d12 !important;
    border-radius: 30px !important;
    font-size: 10px !important;
    letter-spacing: .1em !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    border: none !important;
}

/* Wishlist popup (YITH) */
.wishlist-popup,
.yith-wcwl-popup,
.wishlist-popup.dark {
    background: var(--ar-card) !important;
    border: 0.5px solid var(--ar-border) !important;
    border-radius: var(--ar-r) !important;
    box-shadow: 0 12px 40px rgba(0,0,0,0.6) !important;
    color: var(--ar-text) !important;
    font-family: var(--ar-body) !important;
    font-size: 12px !important;
}
.wishlist-popup a,
.yith-wcwl-popup a {
    color: var(--ar-gold) !important;
}


/* ============================================================
   TABLET WISHLIST HEART — restore pointer-events
   .show-on-hover gets pointer-events:none at <=1024px to block
   Quick View tap interception, but that also kills the wishlist
   heart. Re-enable only wishlist elements specifically.
   ============================================================ */
@media (max-width: 1024px) {
    .product-small .image-tools .wishlist-icon,
    .product-small .image-tools .wishlist-icon *,
    .product-small .image-tools .wishlist-button,
    .product-small [class*="wishlist"],
    .product-small [class*="wishlist"] a,
    .product-small [class*="wishlist"] button {
        pointer-events: auto !important;
        z-index: 40 !important;
        position: relative !important;
    }
}

/* ============================================================
   QUICK VIEW BAR — dark theme styling
   ============================================================ */
.product-small .quick-view,
.box-image .quick-view,
a.quick-view {
    background: rgba(10, 13, 18, 0.90) !important;
    color: var(--ar-gold) !important;
    font-family: var(--ar-body) !important;
    font-size: 10px !important;
    letter-spacing: .14em !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    border-top: 0.5px solid rgba(240,160,48,0.2) !important;
    backdrop-filter: blur(6px) !important;
    -webkit-backdrop-filter: blur(6px) !important;
}
.product-small .quick-view:hover,
.box-image .quick-view:hover {
    background: rgba(240,160,48,0.10) !important;
    color: var(--ar-gold) !important;
}

/* ============================================================
   ATC CART POPUP — dark theme styling
   Flatsome shows .cart-popup-inner after Add to Cart
   ============================================================ */
.cart-popup,
.cart-popup-inner,
.cart-popup-inner.inner-padding,
.cart-popup-inner.cart-popup-inner--sticky {
    background: var(--ar-card) !important;
    border: 0.5px solid var(--ar-border) !important;
    border-radius: var(--ar-r) !important;
    box-shadow: 0 16px 48px rgba(0,0,0,0.72), 0 0 24px rgba(240,160,48,0.06) !important;
    color: var(--ar-text) !important;
}

.cart-popup-title {
    font-family: var(--ar-display) !important;
    color: var(--ar-gold) !important;
    font-size: 11px !important;
    letter-spacing: .14em !important;
    text-transform: uppercase !important;
    border-bottom: 0.5px solid var(--ar-border) !important;
    padding-bottom: 10px !important;
    margin-bottom: 12px !important;
}

.cart-popup .product-title,
.cart-popup .mini-cart-item a {
    color: var(--ar-text) !important;
    font-family: var(--ar-body) !important;
    font-size: 13px !important;
}

.cart-popup .amount,
.cart-popup .woocommerce-Price-amount {
    color: var(--ar-gold) !important;
    font-weight: 700 !important;
}

.cart-popup .button,
.cart-popup a.button,
.cart-popup .wc-forward {
    background: var(--ar-gold) !important;
    color: #0a0d12 !important;
    font-weight: 700 !important;
    border-radius: 30px !important;
    font-size: 10px !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;
    border: none !important;
    box-shadow: none !important;
}
.cart-popup .button:hover,
.cart-popup a.button:hover {
    background: var(--ar-gold-lt) !important;
    color: #0a0d12 !important;
}

/* WooCommerce added-to-cart notice */
.woocommerce-message {
    background: var(--ar-card) !important;
    border-top: 2px solid var(--ar-gold) !important;
    border-radius: 0 0 var(--ar-r) var(--ar-r) !important;
    color: var(--ar-text) !important;
    font-family: var(--ar-body) !important;
    font-size: 13px !important;
    box-shadow: 0 8px 32px rgba(0,0,0,0.5) !important;
}
.woocommerce-message a.button,
.woocommerce-message .button {
    background: var(--ar-gold) !important;
    color: #0a0d12 !important;
    border-radius: 30px !important;
    font-size: 10px !important;
    letter-spacing: .1em !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    border: none !important;
}

/* YITH Wishlist popup */
.wishlist-popup,
.wishlist-popup.dark,
.yith-wcwl-popup {
    background: var(--ar-card) !important;
    border: 0.5px solid var(--ar-border) !important;
    border-radius: var(--ar-r) !important;
    box-shadow: 0 12px 40px rgba(0,0,0,0.6) !important;
    color: var(--ar-text) !important;
    font-family: var(--ar-body) !important;
    font-size: 12px !important;
}
.wishlist-popup a,
.yith-wcwl-popup a {
    color: var(--ar-gold) !important;
}