/******************************************* LXDN+ LUXURY CART / CHECKOUT COLOUR SYSTEM ********************************************/ /*============================= PRIMARY BUTTON – GOLD SHIMMER ==============================*/ .woocommerce .checkout-button.button.alt, .woocommerce a.checkout-button.button.alt { background-color: #C5A15E !important; /* Gold */ color: #ffffff !important; border-radius: 8px !important; border: none !important; text-transform: none !important; font-weight: 700 !important; position: relative; overflow: hidden !important; /* Needed for shimmer */ } /* --- GOLD SHIMMER SWEEP WITH SMOOTH FADE-IN --- */ .woocommerce .checkout-button.button.alt::after, .woocommerce a.checkout-button.button.alt::after { content: ""; position: absolute; top: 0; left: -150%; width: 300%; height: 100%; background: linear-gradient( 120deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.05) 30%, rgba(255,255,255,0.6) 50%, rgba(255,255,255,0.05) 70%, rgba(255,255,255,0) 100% ); animation: lxdn-shimmer-btn 5.4s ease-in-out infinite; animation-delay: 1.2s; /* smooth delayed start */ opacity: 0; /* fade-in */ pointer-events: none; } @keyframes lxdn-shimmer-btn { 0% { transform: translateX(0); opacity: 0; } 10% { opacity: 1; /* shimmer fades in smoothly */ } 50% { opacity: 1; transform: translateX(50%); } 90% { opacity: 1; } 100% { opacity: 0; /* fade out */ transform: translateX(50%); } } /* Hover state (classy darker gold) */ .woocommerce .checkout-button.button.alt:hover, .woocommerce a.checkout-button.button.alt:hover { background-color: #a88646 !important; } /****************************** SECONDARY BUTTONS – BLACK (Apply coupon, Update cart) *******************************/ .woocommerce button.button, .woocommerce a.button, .woocommerce input.button { background-color: #111111 !important; /* Black */ color: #ffffff !important; border-radius: 6px !important; border: none !important; font-weight: 600 !important; } .woocommerce button.button:hover, .woocommerce a.button:hover, .woocommerce input.button:hover { background-color: #000000 !important; } /****************************** CART TOTALS – CLEAN & LUXURY *******************************/ .woocommerce-cart .cart_totals { background: #ffffff !important; border: 1px solid #e1e1e1 !important; padding: 20px !important; border-radius: 10px !important; } .woocommerce-cart .cart_totals h2 { color: #111111 !important; font-weight: 700 !important; } .woocommerce-cart .cart_totals th, .woocommerce-cart .cart_totals td { color: #111111 !important; } /****************************** PRODUCT ROW IMPROVEMENTS *******************************/ .woocommerce-cart .product-name a { color: #111111 !important; font-weight: 600 !important; } .woocommerce-cart .product-remove a { color: #C5A15E !important; /* gold X remove button */ } .woocommerce-cart .product-remove a:hover { color: #a88646 !important; } /****************************** QUANTITY INPUT BOX STYLE *******************************/ .woocommerce-cart .quantity .qty { border: 1px solid #cfcfcf !important; border-radius: 6px !important; padding: 5px 10px !important; font-size: 16px !important; color: #111111 !important; } /****************************** NOTICES (success / error) *******************************/ .woocommerce-message { border-top-color: #C5A15E !important; /* gold success bar */ } .woocommerce-error { border-top-color: #B00020 !important; /* clean red for errors */ } /******************************** REMOVE WOO PURPLE COMPLETELY *********************************/ .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { background-color: #C5A15E !important; /* override all alt buttons */ color: #ffffff !important; } /******************************************* LXDN+ – BLOCK CHECKOUT "PLACE ORDER" BUTTON ********************************************/ /* Main button styling for WooCommerce Blocks checkout */ .wc-block-components-checkout-place-order-button, .wc-block-components-checkout-place-order-button.wp-element-button { background: linear-gradient(90deg, #d9b66a, #c5a15e) !important; /* gold gradient */ color: #ffffff !important; border-radius: 8px !important; border: none !important; font-weight: 700 !important; text-transform: none !important; padding: 14px 20px !important; width: 100% !important; /* full width */ position: relative !important; overflow: hidden !important; /* shimmer stays inside */ } /* Make sure the text inside stays white */ .wc-block-components-checkout-place-order-button .wc-block-components-button__text { color: #ffffff !important; } /* Smooth shimmer overlay */ .wc-block-components-checkout-place-order-button::after { content: ""; position: absolute; top: 0; left: -150%; width: 300%; height: 100%; background: linear-gradient( 120deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.10) 30%, rgba(255,255,255,0.75) 50%, rgba(255,255,255,0.10) 70%, rgba(255,255,255,0) 100% ); animation: lxdn-placeorder-shimmer 3.8s ease-in-out infinite; animation-delay: 1.2s; /* don’t hit instantly */ pointer-events: none; opacity: 0; } @keyframes lxdn-placeorder-shimmer { 0% { transform: translateX(0); opacity: 0; } 10% { opacity: 1; } 50% { transform: translateX(50%); opacity: 1; } 100% { transform: translateX(50%); opacity: 0; } } /* Hover – slightly darker gold */ .wc-block-components-checkout-place-order-button:hover, .wc-block-components-checkout-place-order-button.wp-element-button:hover { background: linear-gradient(90deg, #b48f4b, #a17a3c) !important; } /* Make Place Order text bigger */ .wc-block-components-checkout-place-order-button .wc-block-components-button__text { font-size: 18px !important; font-weight: 700 !important; } @media only screen and (max-width: 767px) { /* MAIN WIDGET */ .cash-menu-fix { padding: 0 !important; margin: 0 !important; background: transparent !important; } /* RESET DEFAULT UAE STYLES */ .cash-menu-fix ul, .cash-menu-fix li, .cash-menu-fix .uael-nav-menu, .cash-menu-fix .uael-nav-menu__layout-vertical, .cash-menu-fix .sub-menu { margin: 0 !important; padding: 0 !important; list-style: none !important; background: transparent !important; box-shadow: none !important; } /* TOP LEVEL CARD */ .cash-menu-fix .uael-nav-menu > li, .cash-menu-fix .menu-item-has-children { background: linear-gradient(180deg, #0d0d0d 0%, #080808 100%) !important; border: 1px solid rgba(212,175,55,0.28) !important; border-radius: 22px !important; margin: 0 0 14px 0 !important; padding: 0 !important; overflow: hidden !important; box-shadow: 0 10px 24px rgba(0,0,0,0.28), 0 0 14px rgba(212,175,55,0.05) !important; } /* TOP LEVEL CLICKABLE ROW */ .cash-menu-fix .uael-nav-menu > li > a, .cash-menu-fix .menu-item-has-children > a { display: flex !important; align-items: center !important; justify-content: space-between !important; min-height: 72px !important; padding: 0 22px !important; margin: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; color: #f5f5f5 !important; text-decoration: none !important; font-size: 18px !important; font-weight: 700 !important; line-height: 1 !important; position: relative !important; } /* FORCE ICON / TEXT / ARROW TO CENTER BETTER */ .cash-menu-fix .uael-nav-menu > li > a .menu-text, .cash-menu-fix .uael-nav-menu > li > a span, .cash-menu-fix .menu-item-has-children > a .menu-text, .cash-menu-fix .menu-item-has-children > a span { display: inline-flex !important; align-items: center !important; } /* REMOVE ANY INNER BOX/BG ON WRAPPERS INSIDE THE ROW */ .cash-menu-fix .uael-nav-menu > li > a *, .cash-menu-fix .menu-item-has-children > a * { background: transparent !important; border: 0 !important; box-shadow: none !important; } /* HOVER */ .cash-menu-fix .uael-nav-menu > li > a:hover, .cash-menu-fix .menu-item-has-children > a:hover { color: #ffffff !important; } /* GOLD TINT FOR BUY PLAYS */ .cash-menu-fix .uael-nav-menu > li:first-child, .cash-menu-fix .menu-item-has-children:first-child { border-color: rgba(242,215,122,0.40) !important; box-shadow: 0 12px 28px rgba(0,0,0,0.32), 0 0 16px rgba(242,215,122,0.08) !important; } .cash-menu-fix .uael-nav-menu > li:first-child > a, .cash-menu-fix .menu-item-has-children:first-child > a { color: #f2d77a !important; } /* SUBMENU WRAPPER */ .cash-menu-fix .sub-menu { padding: 0 12px 12px 12px !important; margin: 0 !important; background: transparent !important; border: 0 !important; } /* SUBMENU ITEM SPACING */ .cash-menu-fix .sub-menu li { margin: 0 0 10px 0 !important; padding: 0 !important; background: transparent !important; } .cash-menu-fix .sub-menu li:last-child { margin-bottom: 0 !important; } /* DROPDOWN CARDS */ .cash-menu-fix .sub-menu a { display: flex !important; align-items: center !important; min-height: 56px !important; width: 100% !important; padding: 0 18px !important; background: linear-gradient(180deg, #121212 0%, #0d0d0d 100%) !important; color: #ffffff !important; border: 1px solid rgba(212,175,55,0.22) !important; border-radius: 16px !important; text-decoration: none !important; font-size: 16px !important; font-weight: 600 !important; line-height: 1 !important; box-shadow: 0 6px 14px rgba(0,0,0,0.18), 0 0 10px rgba(212,175,55,0.03) !important; } .cash-menu-fix .sub-menu a:hover, .cash-menu-fix .sub-menu a:focus { background: linear-gradient(180deg, #171717 0%, #111111 100%) !important; border-color: rgba(242,215,122,0.38) !important; color: #f8f8f8 !important; outline: none !important; } /* CENTER DROPDOWN TEXT BETTER */ .cash-menu-fix .sub-menu a span, .cash-menu-fix .sub-menu a .menu-text { display: inline-flex !important; align-items: center !important; line-height: 1 !important; } /* ARROWS */ .cash-menu-fix .sub-arrow, .cash-menu-fix .uael-menu-toggle, .cash-menu-fix .uael-dropdown-arrow { color: rgba(255,255,255,0.78) !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } /* REMOVE FOCUS BOXES / DOTTED OUTLINES */ .cash-menu-fix a, .cash-menu-fix a:focus, .cash-menu-fix a:active, .cash-menu-fix a:focus-visible, .cash-menu-fix button, .cash-menu-fix button:focus, .cash-menu-fix button:active { outline: none !important; box-shadow: none !important; } /* KILL STRAY BEFORE/AFTER ELEMENTS */ .cash-menu-fix li:before, .cash-menu-fix li:after, .cash-menu-fix a:before, .cash-menu-fix a:after, .cash-menu-fix span:before, .cash-menu-fix span:after { display: none !important; content: none !important; } } @media only screen and (max-width: 767px) { /* ===== MY ACCOUNT CARD ===== */ .cash-menu-fix .menu-item-account, .cash-menu-fix a[href*="account"], .cash-menu-fix a[href*="my-account"] { display: flex !important; justify-content: center !important; align-items: center !important; text-align: center !important; min-height: 44px !important; padding: 10px 16px !important; margin-bottom: 12px !important; background: rgba(255,255,255,0.02) !important; border-radius: 14px !important; border: 1px solid rgba(212,175,55,0.18) !important; /* thinner gold */ font-size: 15px !important; font-weight: 600 !important; color: #dcdcdc !important; box-shadow: none !important; } /* REMOVE ANY LEFT ALIGN / ICON OFFSET */ .cash-menu-fix a[href*="account"] span, .cash-menu-fix a[href*="account"] { justify-content: center !important; text-align: center !important; } /* OPTIONAL: subtle hover */ .cash-menu-fix a[href*="account"]:hover { border-color: rgba(242,215,122,0.28) !important; color: #ffffff !important; } }