/* ========================================= CUSTOM.SCSS — Regent Spear (Quote Only) ========================================= */ /* Hide the nanobar overlay (if present) */ .nanobar { display: none !important; } /* ========================================== QUOTE ONLY PRODUCTS (IDs: 136, 118, 137) ========================================== */ /* Support both body class formats */ .product-136, .product-id-136, .product-118, .product-id-118, .product-137, .product-id-137 { /* Hide Add to Cart area */ .productView .form-action { display: none !important; } /* Hide quantity selector */ .productView .form-field--increments, .productView .form-increment { display: none !important; } /* Hide wishlist */ .wishlist, .productView-wishlist, .productView .wishlist { display: none !important; } } /* =============================== REQUEST A QUOTE (CONTACT FORM) =============================== */ .page-type-page_contact_form { /* Hide footer + breadcrumb */ footer.footer, nav[aria-label="Breadcrumb"] { display: none !important; } /* Remove big marketing heading */ .halo_location h4.title { display: none !important; } /* Remove Email Us button */ .halo_location a.button[href^="mailto:"] { display: none !important; } /* Remove store email line */ .halo_location .store-email { display: none !important; } /* Remove description paragraph */ .halo_location .description { display: none !important; } /* Remove only the secondary phone number (keep the first) */ .halo_location .store-phone { font-size: 0; line-height: 0; } .halo_location .store-phone::after { content: "Phone: 0466637965"; font-size: 14px; line-height: 1.4; display: inline-block; } } /* ========================= RS 2-Up Carousel (Swiper) ========================= */ .rs-carousel { width: 100%; padding: 40px 0; } .rs-carousel .swiper-slide { height: auto; } .rs-slide-inner { display: flex; gap: 20px; align-items: stretch; } .rs-slide-inner img { width: 50%; height: 420px; /* gives it visible height */ object-fit: cover; /* cinematic crop */ display: block; border-radius: 6px; /* optional, looks clean */ } /* Mobile: stack to 1 per row */ @media (max-width: 768px) { .rs-slide-inner { flex-direction: column; } .rs-slide-inner img { width: 100%; height: 320px; } } /* ============================================================ REGENT SPEAR — DARK MILITARY THEME All product pages, category pages, cart, account, global ============================================================ */ /* ── FONTS ── */ @import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Barlow:wght@300;400;500;600&family=Barlow+Condensed:wght@400;600;700&display=swap'); /* ── CSS VARIABLES ── */ :root { --rs-dark: #0a0c0e; --rs-dark-2: #111315; --rs-dark-3: #181b1e; --rs-dark-4: #1f2326; --rs-border: rgba(255,255,255,0.07); --rs-border-mid: rgba(255,255,255,0.12); --rs-text: #f0ece4; --rs-text-dim: rgba(240,236,228,0.6); --rs-muted: #6a6860; --rs-accent: #c8a96e; --rs-accent-dim: rgba(200,169,110,0.12); } /* ── GLOBAL BASE ── */ body { background-color: var(--rs-dark) !important; color: var(--rs-text) !important; font-family: 'Barlow', sans-serif !important; } .page, .container, body > .body { background-color: var(--rs-dark) !important; } /* ── HEADINGS ── */ h1, h2, h3, h4, h5, h6, .page-heading, .page-title, .halo-heading h1, .halo-heading h2 { font-family: 'Bebas Neue', sans-serif !important; color: var(--rs-text) !important; letter-spacing: 0.04em !important; } /* ── BREADCRUMBS ── */ .breadcrumbs, .breadcrumb { background: transparent !important; border-bottom: 0.5px solid var(--rs-border) !important; padding: 12px 0 !important; } .breadcrumbs a, .breadcrumb a, .breadcrumb-item a { color: var(--rs-muted) !important; font-family: 'Barlow Condensed', sans-serif !important; font-size: 11px !important; letter-spacing: 0.12em !important; text-transform: uppercase !important; text-decoration: none !important; } .breadcrumbs a:hover, .breadcrumb a:hover { color: var(--rs-accent) !important; } .breadcrumb-item, .breadcrumbs li { color: var(--rs-muted) !important; } /* ── PRODUCT CARDS ── */ .card, .productCard, [class*="productCard"], .card-item, .product-item, .card-body, .card-figure, .productCard-figure, .card-figure__link, .card-img-container, .halo-product, .halo-product-inner, .halo-product-body, .halo-product-image { background: transparent !important; background-color: transparent !important; border: none !important; box-shadow: none !important; border-radius: 0 !important; } .card-img-container, .card-image, [class*="card-img"] { background: transparent !important; background-color: transparent !important; } .card-figure img, .productCard-figure img, .card-image, .card-img-container img { width: 100% !important; object-fit: contain !important; object-position: center !important; display: block !important; transition: transform 0.4s ease !important; background: transparent !important; } .card:hover .card-figure img { transform: scale(1.03) !important; } .card-title a, .productCard-title a { font-family: 'Bebas Neue', sans-serif !important; font-size: 18px !important; letter-spacing: 0.06em !important; color: var(--rs-text) !important; text-decoration: none !important; } .card-title a:hover { color: var(--rs-accent) !important; } .card-price .price--withTax, .card-price .price, [data-product-price-with-tax] { color: var(--rs-accent) !important; font-family: 'Bebas Neue', sans-serif !important; font-size: 20px !important; letter-spacing: 0.04em !important; } .card-body { padding: 12px 4px !important; background: transparent !important; } .card-figcaption { opacity: 0 !important; transition: opacity 0.2s !important; } .card:hover .card-figcaption { opacity: 1 !important; } .card-figcaption-button { font-family: 'Barlow Condensed', sans-serif !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: 0.18em !important; text-transform: uppercase !important; color: var(--rs-dark) !important; background: var(--rs-accent) !important; border: none !important; border-radius: 0 !important; padding: 12px 16px !important; width: 100% !important; } .card-figcaption-button:hover { opacity: 0.85 !important; } .card-swatch .form-option-variant--color { box-shadow: none !important; border-radius: 0 !important; border: 1.5px solid rgba(255,255,255,0.15) !important; } .card-swatch .form-option.is-selected .form-option-variant--color { border-color: var(--rs-accent) !important; } /* ── HIDE MSRP / WAS / NOW ── */ .price--withoutTax, .price-label, abbr.price--rrp, .price--rrp, [class*="price--rrp"], .price--retail, .price-section--rrp, [data-product-rrp], .rrpPrice { display: none !important; } /* ── PRICES ── */ .price--withTax, .price--now, [data-product-price-with-tax], .productView-price .price, .card-price .price--withTax { font-family: 'Bebas Neue', sans-serif !important; font-size: 22px !important; color: var(--rs-accent) !important; letter-spacing: 0.04em !important; } .price-section { color: var(--rs-accent) !important; } /* ── PRODUCT PAGE ── */ .productView { background: var(--rs-dark) !important; } .productView-title, h1.productView-title { font-family: 'Bebas Neue', sans-serif !important; color: var(--rs-text) !important; font-size: clamp(36px, 5vw, 64px) !important; letter-spacing: 0.04em !important; line-height: 0.95 !important; } .productView-price .price--withTax { font-size: clamp(28px, 4vw, 42px) !important; } .productView-description { color: var(--rs-muted) !important; font-weight: 300 !important; line-height: 1.7 !important; } .productView-description h2, .productView-description h3 { font-family: 'Bebas Neue', sans-serif !important; color: var(--rs-accent) !important; letter-spacing: 0.06em !important; } /* ── PRODUCT OPTIONS ── */ .form-label, .productView-info-name { font-family: 'Barlow Condensed', sans-serif !important; font-size: 10px !important; font-weight: 600 !important; letter-spacing: 0.2em !important; text-transform: uppercase !important; color: var(--rs-muted) !important; } .form-select, select { background: var(--rs-dark-3) !important; border: 0.5px solid var(--rs-border-mid) !important; color: var(--rs-text) !important; font-family: 'Barlow', sans-serif !important; border-radius: 0 !important; } .form-option-variant--color { border: 1.5px solid var(--rs-border-mid) !important; } .form-option.is-selected .form-option-variant--color { border-color: var(--rs-accent) !important; } .form-option-variant, .form-option-variant--color, .form-option { box-shadow: none !important; border-radius: 0 !important; } .form-option.is-selected { box-shadow: 0 0 0 2px var(--rs-accent) !important; } .form-option-label { font-family: 'Barlow Condensed', sans-serif !important; font-size: 10px !important; letter-spacing: 0.1em !important; text-transform: uppercase !important; color: var(--rs-muted) !important; } .form-option.is-selected .form-option-label { color: var(--rs-accent) !important; } .form-option--base { background: var(--rs-dark-3) !important; border: 1.5px solid var(--rs-border-mid) !important; color: var(--rs-text) !important; font-family: 'Barlow Condensed', sans-serif !important; letter-spacing: 0.06em !important; border-radius: 0 !important; } .form-option--base.is-selected { border-color: var(--rs-accent) !important; background: var(--rs-accent-dim) !important; } /* ── ADD TO CART ── */ .button--primary, #form-action-addToCart, [data-button-type="add-cart"] { font-family: 'Barlow Condensed', sans-serif !important; font-size: 13px !important; font-weight: 700 !important; letter-spacing: 0.2em !important; text-transform: uppercase !important; color: var(--rs-dark) !important; background: var(--rs-accent) !important; border: none !important; border-radius: 0 !important; padding: 16px 36px !important; width: 100% !important; } .button--primary:hover { opacity: 0.85 !important; background: var(--rs-accent) !important; color: var(--rs-dark) !important; } .button--secondary, .wishlist-button, [data-wishlist-add] { background: transparent !important; border: 0.5px solid var(--rs-border-mid) !important; color: var(--rs-muted) !important; font-family: 'Barlow Condensed', sans-serif !important; font-size: 11px !important; letter-spacing: 0.16em !important; text-transform: uppercase !important; border-radius: 0 !important; } .button--secondary:hover { color: var(--rs-text) !important; background: transparent !important; } /* ── QTY STEPPER ── */ .form-increment, .form-input--incrementTotal { background: var(--rs-dark-3) !important; border: 0.5px solid var(--rs-border-mid) !important; color: var(--rs-text) !important; font-family: 'Barlow Condensed', sans-serif !important; border-radius: 0 !important; } .button--icon { background: var(--rs-dark-3) !important; border: 0.5px solid var(--rs-border-mid) !important; color: var(--rs-text) !important; border-radius: 0 !important; } .button--icon:hover { background: var(--rs-dark-4) !important; } /* ── TABS ── */ .tabs { border-bottom: 0.5px solid var(--rs-border) !important; background: transparent !important; } .tabs-title a { font-family: 'Barlow Condensed', sans-serif !important; font-size: 13px !important; font-weight: 600 !important; letter-spacing: 0.14em !important; text-transform: uppercase !important; color: rgba(240,236,228,0.55) !important; background: transparent !important; padding: 14px 20px !important; border-bottom: 2px solid transparent !important; } .tabs-title.is-active a, .tabs-title a:hover { color: var(--rs-accent) !important; border-bottom-color: var(--rs-accent) !important; background: transparent !important; } .tabs-content { background: var(--rs-dark) !important; border: 0.5px solid var(--rs-border) !important; color: var(--rs-muted) !important; } /* ── PRODUCT IMAGES ── */ .productView-images, .productView-imageCarousel, .productView-image--default, .productView-img-container, [class*="productView-image"] { background: var(--rs-dark) !important; border: none !important; box-shadow: none !important; } .productView-thumbnail-link { background: var(--rs-dark-3) !important; border: 0.5px solid var(--rs-border) !important; box-shadow: none !important; } .productView-thumbnail-link.is-active { border-color: var(--rs-accent) !important; } .productView-info-value { color: var(--rs-text-dim) !important; font-size: 14px !important; font-weight: 300 !important; } .productView-reviewLink, .productView-reviewLink a { color: var(--rs-accent) !important; font-family: 'Barlow Condensed', sans-serif !important; font-size: 12px !important; letter-spacing: 0.1em !important; } /* ── REVIEWS ── */ .productReview { background: var(--rs-dark-3) !important; border: 0.5px solid var(--rs-border) !important; } .productReview-title { font-family: 'Barlow Condensed', sans-serif !important; color: var(--rs-text) !important; letter-spacing: 0.04em !important; } .productReview-body { color: var(--rs-muted) !important; font-weight: 300 !important; } .icon--ratingFull svg { fill: var(--rs-accent) !important; } /* ── SIDEBAR ── */ .facetedSearch, .page-sidebar { background: var(--rs-dark-2) !important; border-right: 0.5px solid var(--rs-border) !important; } .facetedSearch-title, .sidebarBlock-heading { font-family: 'Barlow Condensed', sans-serif !important; color: var(--rs-text) !important; letter-spacing: 0.14em !important; border-bottom: 0.5px solid var(--rs-border) !important; } .form-checkbox + .form-label, .form-radio + .form-label { color: var(--rs-muted) !important; font-size: 13px !important; } /* ── CART ── */ .cart-header { background: var(--rs-dark-2) !important; border-bottom: 0.5px solid var(--rs-border) !important; } .cart-item { border-bottom: 0.5px solid var(--rs-border) !important; } .cart-item-name a { font-family: 'Barlow Condensed', sans-serif !important; color: var(--rs-text) !important; font-weight: 600 !important; letter-spacing: 0.04em !important; } .cart-total-grandTotal { font-family: 'Bebas Neue', sans-serif !important; color: var(--rs-accent) !important; font-size: 32px !important; } .cart-actions .button--primary { width: auto !important; } /* ── PAGINATION ── */ .pagination-item a { font-family: 'Barlow Condensed', sans-serif !important; border-radius: 0 !important; border-color: var(--rs-border-mid) !important; color: var(--rs-muted) !important; background: var(--rs-dark-3) !important; } .pagination-item--current a { background: var(--rs-accent) !important; color: var(--rs-dark) !important; border-color: var(--rs-accent) !important; } /* ── ALERTS ── */ .alertBox--success { background: rgba(74,122,78,0.15) !important; border-color: #4a7a4e !important; } .alertBox--error { background: rgba(224,112,112,0.15) !important; border-color: #e07070 !important; } .alertBox--info { background: var(--rs-accent-dim) !important; border-color: var(--rs-accent) !important; } /* ── MODAL ── */ .modal-content, .quickView { background: var(--rs-dark-2) !important; border: 0.5px solid var(--rs-border-mid) !important; border-radius: 0 !important; } .modal-header { background: var(--rs-dark-3) !important; border-bottom: 0.5px solid var(--rs-border) !important; } .modal-title { font-family: 'Bebas Neue', sans-serif !important; color: var(--rs-text) !important; letter-spacing: 0.06em !important; } /* ── CATEGORY ── */ .page-heading { font-size: clamp(48px, 6vw, 80px) !important; line-height: 0.95 !important; } .category-description, .page-description { color: var(--rs-muted) !important; font-weight: 300 !important; line-height: 1.6 !important; font-size: 14px !important; } /* ── TOOLBAR ── */ .halo-toolbar, .actionBar { background: var(--rs-dark-2) !important; border-bottom: 0.5px solid var(--rs-border) !important; } .halo-toolbar select, .actionBar select { background: var(--rs-dark-3) !important; border-color: var(--rs-border-mid) !important; color: var(--rs-text) !important; border-radius: 0 !important; } .halo-toolbar .toolbar-item-label, .actionBar-label, .halo-toolbar-left span, .halo-toolbar-right span { background: var(--rs-dark-3) !important; color: var(--rs-muted) !important; border: 0.5px solid var(--rs-border-mid) !important; } /* ── INPUTS ── */ input[type="text"], input[type="email"], input[type="tel"], input[type="number"], input[type="search"], textarea { background: var(--rs-dark-3) !important; border-color: var(--rs-border-mid) !important; color: var(--rs-text) !important; border-radius: 0 !important; } input::placeholder, textarea::placeholder { color: var(--rs-muted) !important; } input:focus, textarea:focus, select:focus { border-color: var(--rs-accent) !important; outline: none !important; box-shadow: none !important; } /* ── ACCOUNT ── */ .account-heading { font-family: 'Bebas Neue', sans-serif !important; color: var(--rs-text) !important; letter-spacing: 0.06em !important; } .account-list a { color: var(--rs-muted) !important; } .account-list a:hover { color: var(--rs-accent) !important; } .orderConfirmation-section { background: var(--rs-dark-3) !important; border: 0.5px solid var(--rs-border) !important; } /* ── HEADER STYLING ── */ header.header { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; z-index: 1000 !important; background: transparent !important; border-bottom: none !important; transition: background 0.3s !important; } header.header.scrolled { background: rgba(10,12,14,0.97) !important; border-bottom: 0.5px solid rgba(255,255,255,0.07) !important; } .page-type-category header.header, .page-type-product header.header, .page-type-search header.header, .page-type-cart header.header, .page-type-account header.header, .page-type-page header.header { background: rgba(10,12,14,0.97) !important; border-bottom: 0.5px solid rgba(255,255,255,0.07) !important; } .header-pc { background: transparent !important; border: none !important; } .header-top { display: none !important; } .header-bottom { display: flex !important; align-items: center !important; height: 56px !important; padding: 0 40px !important; gap: 32px !important; } .header-left { flex-shrink: 0 !important; } .header-logo img { max-height: 36px !important; width: auto !important; } .header-center { flex: 1 !important; } .container { max-width: 100% !important; padding: 0 !important; } .navPages-list { display: flex !important; gap: 4px !important; list-style: none !important; margin: 0 !important; padding: 0 !important; } .navPages-action { font-family: 'Barlow Condensed', sans-serif !important; font-size: 15px !important; font-weight: 600 !important; letter-spacing: 0.12em !important; text-transform: uppercase !important; color: rgba(240,236,228,0.7) !important; text-decoration: none !important; padding: 8px 10px !important; background: transparent !important; border: none !important; transition: color 0.2s !important; } .navPages-action:hover { color: #f0ece4 !important; background: transparent !important; } .navPages-action::before { content: '/ ' !important; } .header-right { margin-left: auto !important; } .navUser { display: flex !important; align-items: center !important; gap: 16px !important; } .navUser-action { color: rgba(240,236,228,0.7) !important; text-decoration: none !important; display: flex !important; align-items: center !important; transition: color 0.2s !important; } .navUser-action:hover { color: #f0ece4 !important; } .navUser-action .icon { fill: rgba(240,236,228,0.7) !important; } .navUser-item--cart .countPill { background: var(--rs-accent) !important; color: var(--rs-dark) !important; font-family: 'Barlow Condensed', sans-serif !important; font-size: 9px !important; font-weight: 700 !important; border-radius: 50% !important; } body { padding-top: 56px !important; } .rs-hero { margin-top: -56px !important; padding-top: 56px !important; } .header-mobile { background: rgba(10,12,14,0.97) !important; } @media (max-width: 900px) { .header-bottom { padding: 0 20px !important; } } /* ── HALO MOBILE MENUS ── */ .halo-mobile, .halo-mobile-menu, .halo-mobile-search, .halo-mobile-account, .halo-mobile-cart, .halo-overlay-background, #menu-mobile, #search-mobile, #account-mobile, #cart-mobile { display: none !important; } .halo-megamenu, [class*="halo-mega"], #halo-megamenu { display: none !important; } /* ── RS FOOTER ── */ .rs-footer { background: #111315; border-top: 0.5px solid rgba(255,255,255,0.07); margin-top: 80px; } .rs-footer-main { padding: 64px 40px 48px; } .rs-footer-inner { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 48px; max-width: 1400px; margin: 0 auto; } .rs-footer-logo img { max-height: 40px; width: auto; display: block; margin-bottom: 16px; } .rs-footer-tagline { font-size: 13px; font-weight: 300; color: #6a6860; line-height: 1.6; margin: 0; } .rs-footer-heading { font-family: 'Barlow Condensed', sans-serif; font-size: 10px; font-weight: 600; letter-spacing: 0.24em; text-transform: uppercase; color: rgba(240,236,228,0.4); margin: 0 0 20px; padding: 0; } .rs-footer-links { list-style: none; margin: 0; padding: 0; } .rs-footer-links li { margin-bottom: 10px; } .rs-footer-links a { font-family: 'Barlow Condensed', sans-serif; font-size: 13px; font-weight: 500; letter-spacing: 0.06em; color: #6a6860; text-decoration: none; transition: color 0.2s; text-transform: uppercase; } .rs-footer-links a:hover { color: #f0ece4; } .rs-footer-socials { display: flex; gap: 16px; } .rs-footer-socials a { color: #6a6860; text-decoration: none; transition: color 0.2s; display: flex; align-items: center; } .rs-footer-socials a:hover { color: #f0ece4; } .rs-footer-bottom { border-top: 0.5px solid rgba(255,255,255,0.07); padding: 20px 40px; } .rs-footer-bottom-inner { display: flex; align-items: center; justify-content: space-between; max-width: 1400px; margin: 0 auto; } .rs-footer-copy { font-size: 11px; color: #4a4845; margin: 0; font-family: 'Barlow Condensed', sans-serif; letter-spacing: 0.08em; } .rs-footer-payments { display: flex; align-items: center; gap: 8px; opacity: 0.4; } @media (max-width: 900px) { .rs-footer-inner { grid-template-columns: 1fr 1fr; gap: 32px; } .rs-footer-main { padding: 48px 24px 32px; } .rs-footer-bottom { padding: 16px 24px; } .rs-footer-bottom-inner { flex-direction: column; gap: 12px; align-items: flex-start; } } @media (max-width: 600px) { .rs-footer-inner { grid-template-columns: 1fr; } } /* ── Page content padding ── */ .body #main-content, #main-content > .container, .page-content, .halo-heading { padding-left: 40px !important; padding-right: 40px !important; } /* ── PRODUCT CARD IMAGE CONTAINER ── */ .card-img-container { background: #f5f3f0 !important; border: none !important; aspect-ratio: 1 / 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; } .card-figure img, .card-image { width: 100% !important; height: 100% !important; object-fit: contain !important; padding: 12px !important; } /* ── Hide wishlist on cards ── */ .card-figcaption-top, .wishlist, [data-wishlist-add], .card-figure .icon--wishlist, .card-figcaption-top button { display: none !important; } /* ── Remove double border on colour swatches ── */ .card-swatch .form-option, .card-swatch .form-option-variant, .card-swatch .form-option-variant--color { border: none !important; box-shadow: none !important; outline: none !important; border-radius: 0 !important; } /* ============================================================================= DARK THEME OVERHAUL — Regent Spear ============================================================================= */ /* --- Google Fonts --- */ @import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Barlow:wght@300;400;500;600;700&family=Barlow+Condensed:wght@300;400;500;600;700&display=swap'); /* --- CSS Variables --- */ :root { --rs-bg: #0a0c0e; --rs-bg-secondary: #131619; --rs-bg-card: #1a1d21; --rs-gold: #c8a96e; --rs-gold-light: #d9bf8e; --rs-text: #e8e0d5; --rs-text-muted: #9a9188; --rs-border: rgba(200, 169, 110, 0.15); } /* --- Base --- */ body, html { background-color: var(--rs-bg) !important; color: var(--rs-text) !important; } /* --- Typography --- */ h1, h2, h3, h4, h5, h6, .page-heading, .card-title, .navPages-action { font-family: 'Bebas Neue', sans-serif !important; letter-spacing: 0.05em; color: var(--rs-text) !important; } body, p, li, input, select, textarea, button { font-family: 'Barlow', sans-serif !important; } /* --- Header / Nav --- */ .header, .navUser, .navPages, .navPages-list { background-color: var(--rs-bg) !important; border-bottom-color: var(--rs-border) !important; } .navPages-action, .navUser-action, .navPages-action span { color: var(--rs-text) !important; } .navPages-action:hover, .navUser-action:hover { color: var(--rs-gold) !important; } /* --- Main / Page backgrounds --- */ body, .body, .main, .container, #main-content, .page-content { background-color: var(--rs-bg) !important; } /* --- Cards --- */ .card, .card-body { background-color: var(--rs-bg-card) !important; border-color: var(--rs-border) !important; } .card-title a, .card-title { color: var(--rs-text) !important; font-family: 'Bebas Neue', sans-serif !important; } .card-text--price, .price { color: var(--rs-gold) !important; } /* --- Buttons --- */ .button--primary, a.button--primary, input[type="submit"], .productView-details .button { background-color: var(--rs-gold) !important; border-color: var(--rs-gold) !important; color: #0a0c0e !important; font-family: 'Barlow', sans-serif !important; font-weight: 700 !important; letter-spacing: 0.08em; text-transform: uppercase; } .button--primary:hover, a.button--primary:hover { background-color: var(--rs-gold-light) !important; border-color: var(--rs-gold-light) !important; } /* --- Links --- */ a { color: var(--rs-gold); } a:hover { color: var(--rs-gold-light); } /* --- Footer --- */ .footer, .footer-info, #footer { background-color: #070809 !important; border-top-color: var(--rs-border) !important; color: var(--rs-text-muted) !important; } .footer a { color: var(--rs-text-muted) !important; } .footer a:hover { color: var(--rs-gold) !important; } /* --- Forms --- */ input, select, textarea, .form-input { background-color: var(--rs-bg-card) !important; border-color: var(--rs-border) !important; color: var(--rs-text) !important; } input::placeholder, textarea::placeholder { color: var(--rs-text-muted) !important; } /* --- Product page --- */ .productView-title { font-family: 'Bebas Neue', sans-serif !important; color: var(--rs-text) !important; } .productView-price, .price--withTax, .price--withoutTax { color: var(--rs-gold) !important; } /* --- Page / Section headings --- */ .halo-heading, .page-heading, .heroCarousel-title { font-family: 'Bebas Neue', sans-serif !important; color: var(--rs-text) !important; } /* --- Breadcrumbs --- */ .breadcrumb-item, .breadcrumbs a, .breadcrumbs .breadcrumb-label { color: var(--rs-text-muted) !important; } /* --- Sidebar --- */ .navList-item a, .sidebarBlock-heading { color: var(--rs-text) !important; } /* --- Hide Wishlist globally --- */ .wishlist, .productView-wishlist, [data-wishlist-add], .card-figcaption-top, button.button--wishlist, a.button--wishlist, .productView-details .wishlist, form[action*="wishlist"], .navUser-action--wishlist { display: none !important; } /* --- Product page tabs (Description, Reviews, Shipping) --- */ .tabs-title a, .tabs-title > a { color: var(--rs-text) !important; background-color: transparent !important; } .tabs-title.is-active > a, .tabs-title > a:focus, .tabs-title > a[aria-selected="true"] { color: var(--rs-gold) !important; border-bottom-color: var(--rs-gold) !important; background-color: transparent !important; } .tabs-title > a:hover { color: var(--rs-gold-light) !important; background-color: transparent !important; } .tabs-panel, .productView-description { color: var(--rs-text) !important; background-color: var(--rs-bg) !important; } .tabs { border-bottom-color: var(--rs-border) !important; background-color: transparent !important; } /* --- Product page body text & labels --- */ .productView-description p, .productView-description li, .productView-description span, .productView-description, .productView-info-value, .productView-info-name, .productView-rating, .form-label, .form-field label, .productView-details p, .productView-details span, p, li, label, span { color: var(--rs-text) !important; } /* --- Fix wishlist button (stronger selector) --- */ [data-wishlist-add], [data-wishlist-add] *, .productView-wishlist, .productView-wishlist *, .wishlist-item, button[data-wishlist-add], a[data-wishlist-add], .button--wishlist, [class*="wishlist"], .navUser-action[href*="wishlists"] { display: none !important; } /* --- TABS FIX (correct selector is .tab-title not .tabs-title) --- */ .tab-title { color: var(--rs-text) !important; background-color: transparent !important; } .tab.is-active .tab-title, .tab-title:focus, .tab-title[aria-selected="true"] { color: var(--rs-gold) !important; border-bottom-color: var(--rs-gold) !important; background-color: transparent !important; } .tab-title:hover { color: var(--rs-gold-light) !important; background-color: transparent !important; } .tabs.tab-horizontal { border-bottom-color: var(--rs-border) !important; background-color: transparent !important; } .tab { background-color: transparent !important; } /* --- Text-based option buttons (Standard, Large, etc.) — gold like Add to Cart --- */ .form-option:not(.form-option-swatch), label.form-option:not(.form-option-swatch), .productView-option label:not(.form-option-swatch) { background-color: var(--rs-gold) !important; border-color: var(--rs-gold) !important; color: #0a0c0e !important; font-weight: 700 !important; font-family: 'Barlow', sans-serif !important; } .form-option:not(.form-option-swatch):hover { background-color: var(--rs-gold-light) !important; border-color: var(--rs-gold-light) !important; } input:checked + label.form-option:not(.form-option-swatch), .form-option.is-active:not(.form-option-swatch) { background-color: var(--rs-gold-light) !important; border-color: var(--rs-gold-light) !important; color: #0a0c0e !important; } /* --- Product description price text ( tags) --- */ .productView-description strong, .productView-description b { color: var(--rs-gold) !important; }