/** * LEAD X STRENGTH EQUIPMENT - Master Brand Design System * Theme: Obsidian Black, Athletic Gold, Titanium Chrome Silver */ :root { --wd-primary-color: #DCA43B !important; --wd-alternative-color: #C0923B !important; --wd-link-color: #DCA43B !important; --wd-link-color-hover: #FFC742 !important; /* LeadX Signature Brand Tokens */ --leadx-gold-primary: #DCA43B; --leadx-gold-dark: #C0923B; --leadx-gold-light: #FFC742; --leadx-gold-glow: rgba(220, 164, 59, 0.28); --leadx-chrome-light: #F5F5F7; --leadx-chrome-silver: #E4E4E4; --leadx-chrome-muted: #9E9EA7; --leadx-dark-bg: #0A0A0A; --leadx-dark-card: #141414; --leadx-dark-surface: #1E1E1E; --leadx-dark-border: #2A2A2A; --leadx-whatsapp-green: #25D366; } /* ------------------------------------------------------------- * 1. Global Header & Navigation Branding * ------------------------------------------------------------- */ .whb-header { background-color: var(--leadx-dark-bg) !important; border-bottom: 1px solid var(--leadx-dark-border); } /* ------------------------------------------------------------- * 1.1 Responsive Brand Logo Sizing (Desktop, Tablet & Mobile) * ------------------------------------------------------------- */ .site-logo, .wd-logo, .whb-column .site-logo { display: flex !important; align-items: center !important; max-height: none !important; height: auto !important; transition: none !important; } /* Desktop Header Logo - Permanently Locked to Large Size (No shrinking / No transition) */ .site-logo img, .woodmart-logo img, .whb-logo img, .wd-logo img, .header-logo img, .leadx-brand-logo, .whb-general-header .site-logo img, .whb-general-header .wd-logo img { max-width: 320px !important; min-width: 250px !important; max-height: 82px !important; width: auto !important; height: auto !important; object-fit: contain !important; display: block !important; transition: none !important; animation: none !important; transform: none !important; } /* Ensure the desktop header container has ample vertical space */ .whb-general-header-inner { min-height: 94px !important; } .whb-column.whb-col-left { min-width: 320px !important; } /* Sticky Header Logo (Compact & Sleek ONLY when scrolled) */ .whb-sticked .site-logo img, .whb-sticked .woodmart-logo img, .whb-sticked .whb-logo img, .whb-sticked .wd-logo img, .whb-sticked .leadx-brand-logo { max-width: 220px !important; min-width: 0 !important; max-height: 52px !important; } .whb-sticked .whb-general-header-inner { min-height: 65px !important; } /* Tablet View (< 1024px) */ @media (max-width: 1024px) { .site-logo img, .woodmart-logo img, .whb-logo img, .wd-logo img, .header-logo img, .leadx-brand-logo { max-width: 260px !important; min-width: 210px !important; max-height: 65px !important; transition: none !important; } } /* Mobile Header View (< 768px) - Permanently Increased (No post-load shrinking) */ @media (max-width: 768px) { .site-logo, .wd-logo { max-height: none !important; } .site-logo img, .woodmart-logo img, .whb-logo img, .wd-logo img, .header-logo img, .leadx-brand-logo, .whb-column_mobile3 .site-logo img, .whb-mobile-center .site-logo img { max-width: 240px !important; min-width: 195px !important; max-height: 62px !important; width: auto !important; height: auto !important; transition: none !important; animation: none !important; transform: none !important; } .whb-mobile-header, .whb-general-header.whb-hidden-lg, .whb-hidden-lg .whb-general-header-inner { min-height: 75px !important; } .whb-column_mobile3, .whb-mobile-center { min-width: 245px !important; } } /* Small Smartphone View (< 480px) */ @media (max-width: 480px) { .site-logo img, .woodmart-logo img, .whb-logo img, .wd-logo img, .header-logo img, .leadx-brand-logo, .whb-column_mobile3 .site-logo img, .whb-mobile-center .site-logo img { max-width: 220px !important; min-width: 185px !important; max-height: 56px !important; width: auto !important; height: auto !important; transition: none !important; animation: none !important; } .whb-mobile-header, .whb-general-header.whb-hidden-lg, .whb-hidden-lg .whb-general-header-inner { min-height: 70px !important; } } /* Mobile Off-Canvas Navigation Drawer Logo */ .wd-nav-mobile .site-logo img, .mobile-nav-logo img, .wd-nav-mob-header .wd-logo img { max-width: 260px !important; max-height: 72px !important; margin: 15px auto !important; display: block !important; } .whb-sticked .whb-general-header { background-color: rgba(10, 10, 10, 0.95) !important; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border-bottom: 1px solid rgba(220, 164, 59, 0.25) !important; } /* Nav Menu typography and hover */ .whb-navigation .menu > li > a { color: var(--leadx-chrome-light) !important; font-weight: 600; letter-spacing: 0.5px; text-transform: uppercase; transition: color 0.25s ease; } .whb-navigation .menu > li > a:hover, .whb-navigation .menu > li.current-menu-item > a { color: var(--leadx-gold-primary) !important; } /* Header Action Icons (Search, Account, Wishlist, Cart) */ .whb-header .wd-tools-element .wd-tools-icon { color: var(--leadx-chrome-silver) !important; transition: color 0.2s ease, transform 0.2s ease; } .whb-header .wd-tools-element:hover .wd-tools-icon { color: var(--leadx-gold-primary) !important; transform: scale(1.08); } /* Cart & Wishlist Count Badges */ .wd-tools-element .wd-tools-count { background-color: var(--leadx-gold-primary) !important; color: #0A0A0A !important; font-weight: 800 !important; box-shadow: 0 0 10px var(--leadx-gold-glow); } /* ------------------------------------------------------------- * 2. Primary Athletic Buttons & Interactive Controls * ------------------------------------------------------------- */ .btn-color-primary, .button.btn-color-primary, .woocommerce .button.alt, .woocommerce-page .button.alt, .single_add_to_cart_button, .woocommerce input.button.alt, .woodmart-add-btn > a { background: linear-gradient(135deg, #DCA43B 0%, #C0923B 100%) !important; color: #0A0A0A !important; font-weight: 700 !important; letter-spacing: 0.75px !important; text-transform: uppercase !important; border: 1px solid #FFC742 !important; border-radius: 4px !important; box-shadow: 0 4px 15px var(--leadx-gold-glow) !important; transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important; } .btn-color-primary:hover, .button.btn-color-primary:hover, .woocommerce .button.alt:hover, .woocommerce-page .button.alt:hover, .single_add_to_cart_button:hover, .woocommerce input.button.alt:hover, .woodmart-add-btn > a:hover { background: linear-gradient(135deg, #FFC742 0%, #DCA43B 100%) !important; color: #000000 !important; box-shadow: 0 6px 25px rgba(220, 164, 59, 0.5) !important; transform: translateY(-2px) !important; } /* Secondary / Outline Buttons */ .btn-style-link, .btn-color-default { color: var(--leadx-chrome-light) !important; border-color: var(--leadx-chrome-muted) !important; } .btn-style-link:hover, .btn-color-default:hover { color: var(--leadx-gold-primary) !important; border-color: var(--leadx-gold-primary) !important; } /* ------------------------------------------------------------- * 3. WooCommerce Product Cards, Badges & Prices * ------------------------------------------------------------- */ .product-grid-item { transition: transform 0.3s ease, box-shadow 0.3s ease; } .product-grid-item:hover { transform: translateY(-4px); } /* Product Titles in Grid / Dark Cards */ .products .product-grid-item .wd-entities-title, .products .product-grid-item .wd-entities-title a, .leadx-product-card .wd-entities-title, .leadx-product-card .wd-entities-title a { font-weight: 700; letter-spacing: 0.3px; color: #FFFFFF !important; transition: color 0.2s ease; } .product-grid-item:hover .wd-entities-title a { color: var(--leadx-gold-primary) !important; } /* Prices */ .price, .price .amount, .woocommerce-Price-amount { color: var(--leadx-gold-primary) !important; font-weight: 700 !important; } del .woocommerce-Price-amount { color: var(--leadx-chrome-muted) !important; font-weight: 400 !important; opacity: 0.7; } ins { text-decoration: none; } /* Badges (Sale, New, Hot) */ .product-labels .onsale, .product-labels .featured, .product-labels .new { background: linear-gradient(135deg, #DCA43B 0%, #C0923B 100%) !important; color: #0A0A0A !important; font-weight: 800 !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; border-radius: 2px !important; } /* Star Ratings */ .star-rating span:before { color: var(--leadx-gold-light) !important; } /* Stock Status Badges */ .stock.in-stock, .wd-stock-status.in-stock { color: #22C55E !important; font-weight: 600; } .stock.out-of-stock, .wd-stock-status.out-of-stock { color: #EF4444 !important; font-weight: 600; } /* Custom Stock Status (Made to Order, Dispatched in X Days) */ .leadx-custom-stock-status, .woo-custom-stock-status { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; background: rgba(220, 164, 59, 0.12); border: 1px solid var(--leadx-gold-primary); border-radius: 4px; color: var(--leadx-gold-primary); font-size: 0.82rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; } /* ------------------------------------------------------------- * 4. Product Swatches, Radio Buttons & Quantity Selectors * ------------------------------------------------------------- */ .wpc-variation-radio-button.selected, .wpc-variations-radio-buttons input[type="radio"]:checked + label, .swatches-select .swatch.active-swatch { border-color: var(--leadx-gold-primary) !important; box-shadow: 0 0 0 2px var(--leadx-gold-primary) !important; background-color: rgba(220, 164, 59, 0.15) !important; color: var(--leadx-gold-primary) !important; } .quantity .qty { border-color: var(--leadx-dark-border) !important; background: var(--leadx-dark-card) !important; color: var(--leadx-chrome-light) !important; font-weight: 700; } /* ------------------------------------------------------------- * 5. Dedicated LeadX WhatsApp Ordering & Floating CTAs * ------------------------------------------------------------- */ .leadx-whatsapp-order-btn, .oneclick-wa-button, .oneclick-wa-button a { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 10px !important; width: 100% !important; padding: 14px 24px !important; background: linear-gradient(135deg, #25D366 0%, #128C7E 100%) !important; color: #FFFFFF !important; font-size: 1rem !important; font-weight: 800 !important; text-transform: uppercase !important; letter-spacing: 0.75px !important; border-radius: 6px !important; border: 1px solid rgba(255, 255, 255, 0.25) !important; box-shadow: 0 6px 20px rgba(37, 211, 102, 0.35) !important; transition: all 0.3s ease !important; cursor: pointer !important; text-decoration: none !important; margin-top: 10px !important; } .leadx-whatsapp-order-btn:hover, .oneclick-wa-button:hover, .oneclick-wa-button a:hover { background: linear-gradient(135deg, #2EE872 0%, #17A08F 100%) !important; box-shadow: 0 8px 28px rgba(37, 211, 102, 0.5) !important; transform: translateY(-2px) !important; } /* Floating WhatsApp Joinchat / HoliThemes widget styling */ .joinchat__button, .ht-ctc-chat { box-shadow: 0 8px 25px rgba(37, 211, 102, 0.45) !important; border: 2px solid rgba(220, 164, 59, 0.4) !important; } /* ------------------------------------------------------------- * 6. Off-Canvas Cart & Sticky Add-to-Cart Bar * ------------------------------------------------------------- */ .cart-widget-side { background-color: var(--leadx-dark-bg) !important; color: var(--leadx-chrome-light) !important; border-left: 1px solid var(--leadx-dark-border) !important; } .cart-widget-side .widget-heading { border-bottom: 1px solid var(--leadx-dark-border) !important; } .cart-widget-side .widget-heading .title { color: var(--leadx-chrome-light) !important; font-weight: 700; } .wd-sticky-btn { background-color: rgba(10, 10, 10, 0.94) !important; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border-top: 1px solid var(--leadx-dark-border) !important; } /* ------------------------------------------------------------- * 7. Single Product Specification Tables & Tabs * ------------------------------------------------------------- */ .woocommerce-tabs .wc-tabs li.active a, .woocommerce-tabs .wd-nav-tabs li.active a { color: var(--leadx-gold-primary) !important; border-bottom: 2px solid var(--leadx-gold-primary) !important; } .woocommerce-product-attributes th { color: var(--leadx-chrome-light) !important; font-weight: 700; background: rgba(255, 255, 255, 0.03); } .woocommerce-product-attributes td { color: var(--leadx-chrome-silver) !important; } /* ------------------------------------------------------------- * 8. Footer Luxury Branding * ------------------------------------------------------------- */ .footer-container { background-color: #070707 !important; border-top: 2px solid var(--leadx-gold-primary) !important; color: var(--leadx-chrome-muted) !important; } .footer-container .widget-title { color: var(--leadx-gold-primary) !important; font-weight: 800 !important; text-transform: uppercase !important; letter-spacing: 1px !important; } .footer-container a { color: var(--leadx-chrome-silver) !important; transition: color 0.2s ease; } .footer-container a:hover { color: var(--leadx-gold-light) !important; } .min-footer { background-color: #030303 !important; border-top: 1px solid #1A1A1A !important; } /* ============================================================= * 9. BullrocK Homepage Pattern Layout & LeadX Brand Design * ============================================================= */ /* ------------------------------------------------------------- * 9.0 Edge-to-Edge Full-Width Layout Reset (Desktop & Mobile) * ------------------------------------------------------------- */ body.home, body.page-id-2923, body.page-id-35636, body.page-id-4439, body.page-id-35637, body.page-id-35661, body.page-id-35662, body:has(.leadx-about-page), body:has(.leadx-contact-page), body:has(.leadx-bulk-page) { background-color: #0B0E14 !important; overflow-x: hidden !important; } body.home .website-wrapper, body.page-id-2923 .website-wrapper, body.page-id-35636 .website-wrapper, body.page-id-4439 .website-wrapper, body.page-id-35637 .website-wrapper, body.page-id-35661 .website-wrapper, body.page-id-35662 .website-wrapper, body:has(.leadx-about-page) .website-wrapper, body:has(.leadx-contact-page) .website-wrapper, body:has(.leadx-bulk-page) .website-wrapper, body.home .main-page-wrapper, body.page-id-2923 .main-page-wrapper, body.page-id-35636 .main-page-wrapper, body.page-id-4439 .main-page-wrapper, body.page-id-35637 .main-page-wrapper, body.page-id-35661 .main-page-wrapper, body.page-id-35662 .main-page-wrapper, body:has(.leadx-about-page) .main-page-wrapper, body:has(.leadx-contact-page) .main-page-wrapper, body:has(.leadx-bulk-page) .main-page-wrapper, body.home .content-layout-wrapper, body.page-id-35636 .content-layout-wrapper, body.page-id-4439 .content-layout-wrapper, body.page-id-35637 .content-layout-wrapper, body.page-id-35661 .content-layout-wrapper, body.page-id-35662 .content-layout-wrapper, body:has(.leadx-about-page) .content-layout-wrapper, body:has(.leadx-contact-page) .content-layout-wrapper, body:has(.leadx-bulk-page) .content-layout-wrapper, body.home .content-layout-wrapper.container, body.page-id-2923 .content-layout-wrapper.container, body.page-id-35636 .content-layout-wrapper.container, body.page-id-4439 .content-layout-wrapper.container, body.page-id-35637 .content-layout-wrapper.container, body.page-id-35661 .content-layout-wrapper.container, body.page-id-35662 .content-layout-wrapper.container, body:has(.leadx-about-page) .content-layout-wrapper.container, body:has(.leadx-contact-page) .content-layout-wrapper.container, body:has(.leadx-bulk-page) .content-layout-wrapper.container, body.home #main-content, body.page-id-2923 #main-content, body.page-id-35636 #main-content, body.page-id-4439 #main-content, body.page-id-35637 #main-content, body.page-id-35661 #main-content, body.page-id-35662 #main-content, body:has(.leadx-about-page) #main-content, body:has(.leadx-contact-page) #main-content, body:has(.leadx-bulk-page) #main-content, body.home .site-content, body.page-id-2923 .site-content, body.page-id-35636 .site-content, body.page-id-4439 .site-content, body.page-id-35637 .site-content, body.page-id-35661 .site-content, body.page-id-35662 .site-content, body:has(.leadx-about-page) .site-content, body:has(.leadx-contact-page) .site-content, body:has(.leadx-bulk-page) .site-content, body.home article, body.page-id-35636 article, body.page-id-4439 article, body.page-id-35637 article, body.page-id-35661 article, body.page-id-35662 article, body:has(.leadx-about-page) article, body:has(.leadx-contact-page) article, body:has(.leadx-bulk-page) article, body.home .entry-content, body.page-id-2923 .entry-content, body.page-id-35636 .entry-content, body.page-id-4439 .entry-content, body.page-id-35637 .entry-content, body.page-id-35661 .entry-content, body.page-id-35662 .entry-content, body:has(.leadx-about-page) .entry-content, body:has(.leadx-contact-page) .entry-content, body:has(.leadx-bulk-page) .entry-content { max-width: 100% !important; width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; margin-left: 0 !important; margin-right: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; background-color: #0B0E14 !important; border: none !important; box-shadow: none !important; } /* Hide WoodMart page title and subnav menu bar on landing pages */ body.page-id-35636 .page-title, body.page-id-4439 .page-title, body.page-id-35637 .page-title, body.page-id-35661 .page-title, body.page-id-35662 .page-title, body:has(.leadx-about-page) .page-title, body:has(.leadx-contact-page) .page-title, body:has(.leadx-bulk-page) .page-title, body.blog .page-title, body.single-post .page-title, body:has(.leadx-blog-page-container) .page-title, body:has(.leadx-single-article-page) .page-title { display: none !important; visibility: hidden !important; height: 0 !important; min-height: 0 !important; padding: 0 !important; margin: 0 !important; border: none !important; overflow: hidden !important; } /* Global container for homepage sections */ .leadx-bullrock-homepage { width: 100% !important; max-width: 100% !important; background-color: #0A0A0A !important; color: #E4E4E4; font-family: inherit; overflow-x: hidden; margin: 0 !important; padding: 0 !important; } .leadx-container { width: 100% !important; max-width: 1440px !important; margin-left: auto !important; margin-right: auto !important; padding-left: 24px !important; padding-right: 24px !important; box-sizing: border-box !important; } .leadx-section { padding: 70px 0; } .leadx-section-header { text-align: center; margin-bottom: 42px; } .leadx-section-title { font-size: 2.4rem; font-weight: 900; text-transform: uppercase; letter-spacing: 1.5px; color: #FFFFFF; margin: 0 0 10px 0; } .leadx-section-title .highlight { color: var(--leadx-gold-primary); } .leadx-section-subtitle { font-size: 1.05rem; color: #9CA3AF; margin: 0 auto; max-width: 650px; } /* ------------------------------------------------------------- * 9.1 Header Positioning & Navigation Fix (No Overlap) * ------------------------------------------------------------- */ .whb-header, .whb-overcontent, body.wd-header-overlap .whb-header, body.home.wd-header-overlap .whb-header { position: relative !important; background-color: #0A0A0A !important; top: auto !important; left: auto !important; right: auto !important; z-index: 500 !important; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.7) !important; } /* Hide WoodMart default demo menu in header row 1 to prevent duplication */ .whb-general-header .whb-col-center { display: none !important; } .whb-column.whb-col-right { display: flex !important; align-items: center !important; justify-content: flex-end !important; gap: 8px !important; } /* LeadX Brand Gold BULK ENQUIRY Button */ .leadx-header-bulk-btn { display: inline-flex !important; align-items: center !important; justify-content: center !important; background: linear-gradient(135deg, #DCA43B 0%, #C0923B 100%) !important; color: #0A0A0A !important; font-weight: 800 !important; font-size: 0.82rem !important; letter-spacing: 1px !important; text-transform: uppercase !important; padding: 10px 22px !important; border-radius: 4px !important; border: 1px solid #FFC742 !important; text-decoration: none !important; box-shadow: 0 4px 15px rgba(220, 164, 59, 0.35) !important; transition: all 0.25s ease !important; margin-left: 14px; } .leadx-header-bulk-btn:hover { background: linear-gradient(135deg, #FFC742 0%, #DCA43B 100%) !important; color: #0A0A0A !important; box-shadow: 0 6px 20px rgba(220, 164, 59, 0.55) !important; transform: translateY(-2px); } /* Secondary Navigation Bar (BullrocK pattern - Row 2) */ .leadx-subnav-bar { background-color: #141414; border-top: 1px solid #222222; border-bottom: 2px solid var(--leadx-gold-primary); display: flex; align-items: center; justify-content: space-between; height: 52px; padding: 0 28px; font-family: inherit; position: relative; z-index: 90; } .leadx-subnav-categories-btn { display: inline-flex; align-items: center; gap: 10px; background: linear-gradient(135deg, #DCA43B 0%, #C0923B 100%); color: #0A0A0A !important; font-weight: 800; font-size: 0.84rem; text-transform: uppercase; letter-spacing: 1px; padding: 11px 22px; border-radius: 4px; border: 1px solid #FFC742; text-decoration: none !important; transition: all 0.25s ease; } .leadx-subnav-categories-btn:hover { background: linear-gradient(135deg, #FFC742 0%, #DCA43B 100%); color: #0A0A0A !important; box-shadow: 0 4px 15px rgba(220, 164, 59, 0.45); } .leadx-subnav-links { display: flex; align-items: center; gap: 28px; list-style: none; margin: 0; padding: 0; } .leadx-subnav-links a { color: #FFFFFF !important; font-weight: 800; font-size: 0.82rem; text-transform: uppercase; letter-spacing: 1px; text-decoration: none !important; transition: color 0.2s ease; } .leadx-subnav-links a:hover { color: var(--leadx-gold-primary) !important; } .leadx-subnav-offers-btn { display: inline-flex; align-items: center; background: linear-gradient(135deg, #DCA43B 0%, #C0923B 100%); color: #0A0A0A !important; font-weight: 800; font-size: 0.82rem; text-transform: uppercase; letter-spacing: 1px; padding: 8px 20px; border-radius: 4px; border: 1px solid #FFC742; text-decoration: none !important; transition: all 0.25s ease; } .leadx-subnav-offers-btn:hover { background: linear-gradient(135deg, #FFC742 0%, #DCA43B 100%); color: #0A0A0A !important; box-shadow: 0 4px 15px rgba(220, 164, 59, 0.45); } /* ------------------------------------------------------------- * 9.2 Hero Multi-Slide Interactive Showcase (3 Slides Minimum) * ------------------------------------------------------------- */ .leadx-hero-slider-wrap { position: relative; width: 100% !important; max-width: 100vw !important; min-height: 620px; background-color: #0A0A0A; border-bottom: 2px solid #1F1F1F; margin: 0 !important; overflow: hidden; } .leadx-hero-slides { position: relative; width: 100%; min-height: 620px; } .leadx-hero-slide { position: absolute; inset: 0; width: 100%; height: 100%; min-height: 620px; background-size: cover; background-position: center center; background-repeat: no-repeat; display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: opacity 0.8s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.8s ease; z-index: 1; } .leadx-hero-slide.active { position: relative; opacity: 1; visibility: visible; z-index: 2; } .leadx-hero-overlay { position: absolute; inset: 0; background: radial-gradient(circle at center, rgba(10, 10, 10, 0.45) 0%, rgba(10, 10, 10, 0.88) 100%); z-index: 1; } .leadx-hero-container { position: relative; z-index: 2; text-align: center; padding-top: 55px; padding-bottom: 65px; } /* Hero Slider Navigation Controls (Capsule Nav Bar) */ .leadx-hero-nav-bar { position: absolute !important; bottom: 24px !important; left: 50% !important; transform: translateX(-50%) !important; z-index: 25 !important; display: inline-flex !important; align-items: center !important; gap: 16px !important; background: rgba(12, 16, 24, 0.75) !important; backdrop-filter: blur(12px) !important; -webkit-backdrop-filter: blur(12px) !important; border: 1px solid rgba(255, 255, 255, 0.14) !important; border-radius: 30px !important; padding: 6px 14px !important; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.65) !important; box-sizing: border-box !important; } .leadx-hero-nav-arrows, .leadx-hero-arrow, button.leadx-hero-arrow { display: none !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; } /* Hero Slider Navigation Dots (Sleek Gold Pills) */ .leadx-hero-dots { display: inline-flex !important; align-items: center !important; gap: 8px !important; background: transparent !important; border: none !important; padding: 0 !important; margin: 0 !important; } .leadx-hero-dots button.leadx-dot, button.leadx-dot, .leadx-dot { all: unset !important; display: inline-block !important; width: 22px !important; height: 5px !important; min-width: 0 !important; min-height: 0 !important; max-width: none !important; max-height: none !important; padding: 0 !important; margin: 0 !important; border: none !important; border-radius: 3px !important; background: rgba(255, 255, 255, 0.3) !important; cursor: pointer !important; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important; box-sizing: border-box !important; } .leadx-hero-dots button.leadx-dot:hover, button.leadx-dot:hover { background: rgba(255, 255, 255, 0.6) !important; } .leadx-hero-dots button.leadx-dot.active, button.leadx-dot.active, .leadx-dot.active { width: 44px !important; background: linear-gradient(90deg, #DCA43B, #FFC742) !important; box-shadow: 0 0 12px rgba(220, 164, 59, 0.7) !important; } .leadx-hero-badge { display: inline-block; background: linear-gradient(135deg, #DCA43B 0%, #C0923B 100%); color: #0A0A0A; font-weight: 800; font-size: 0.78rem; letter-spacing: 2px; text-transform: uppercase; padding: 5px 16px; border-radius: 4px; box-shadow: 0 2px 10px rgba(220, 164, 59, 0.35); margin-bottom: 18px; } .leadx-hero-title { font-size: 3.2rem; font-weight: 900; line-height: 1.15; text-transform: uppercase; letter-spacing: 1.5px; color: #FFFFFF; margin: 0 0 18px 0; text-shadow: 0 4px 18px rgba(0, 0, 0, 0.9); } .leadx-hero-subtitle { font-size: 1.2rem; line-height: 1.6; color: #E0E0E0; max-width: 820px; margin: 0 auto 30px auto; text-shadow: 0 2px 8px rgba(0, 0, 0, 0.8); } .leadx-hero-actions { display: flex; align-items: center; justify-content: center; gap: 18px; flex-wrap: wrap; margin-bottom: 28px; } .leadx-btn { display: inline-flex; align-items: center; justify-content: center; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; padding: 15px 32px; border-radius: 4px; text-decoration: none !important; transition: all 0.25s ease; cursor: pointer; } .leadx-btn-primary { background: linear-gradient(135deg, #DCA43B 0%, #B88528 100%); color: #0A0A0A !important; box-shadow: 0 6px 24px rgba(220, 164, 59, 0.4); border: 1px solid #FFC742; } .leadx-btn-primary:hover { background: linear-gradient(135deg, #FFC742 0%, #DCA43B 100%); box-shadow: 0 8px 30px rgba(220, 164, 59, 0.6); transform: translateY(-2px); color: #0A0A0A !important; } .leadx-btn-outline { background: rgba(10, 10, 10, 0.7); color: #FFFFFF !important; border: 1.5px solid #DCA43B; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5); } .leadx-btn-outline:hover { background: rgba(220, 164, 59, 0.15); border-color: #FFC742; color: #FFC742 !important; transform: translateY(-2px); } .leadx-hero-perks { display: flex; align-items: center; justify-content: center; gap: 14px; flex-wrap: wrap; font-size: 0.9rem; color: #D1D5DB; } .leadx-hero-perks .perk-dot { color: #DCA43B; } /* ------------------------------------------------------------- * 9.3 Shop by Goal (3 Hero Cards) * ------------------------------------------------------------- */ .leadx-goals-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px; } .leadx-goal-card { position: relative; height: 460px; background-size: cover; background-position: center; border-radius: 8px; overflow: hidden; border: 1px solid #242424; transition: transform 0.35s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 0.35s ease, border-color 0.35s ease; } .leadx-goal-card:hover { transform: translateY(-8px); border-color: #DCA43B; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.8), 0 0 25px rgba(220, 164, 59, 0.25); } .leadx-goal-overlay { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.4) 45%, rgba(0, 0, 0, 0.95) 100%); transition: background 0.3s ease; } .leadx-goal-card:hover .leadx-goal-overlay { background: linear-gradient(180deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.92) 100%); } .leadx-goal-content { position: absolute; bottom: 0; left: 0; right: 0; padding: 30px; z-index: 2; } .leadx-goal-name { font-size: 1.8rem; font-weight: 800; color: #FFFFFF; margin: 0 0 8px 0; text-transform: uppercase; letter-spacing: 0.5px; } .leadx-goal-desc { font-size: 1rem; line-height: 1.45; color: #D1D5DB; margin: 0 0 16px 0; } .leadx-goal-link { display: inline-flex; align-items: center; gap: 8px; color: #DCA43B !important; font-weight: 800; font-size: 0.95rem; text-transform: uppercase; letter-spacing: 1px; text-decoration: none !important; transition: gap 0.2s ease, color 0.2s ease; } .leadx-goal-link:hover { color: #FFC742 !important; gap: 12px; } /* ------------------------------------------------------------- * 9.4 Institutional Trust Ribbon (Full Width) * ------------------------------------------------------------- */ .leadx-trust-ribbon { width: 100% !important; max-width: 100vw !important; background-color: #111111; border-top: 1px solid #222222; border-bottom: 1px solid #222222; padding: 38px 0; text-align: center; margin: 0 !important; } .leadx-trust-heading { font-size: 1.15rem; font-weight: 800; color: #E4E4E4; text-transform: uppercase; letter-spacing: 1.5px; margin: 0 0 24px 0; } .leadx-trust-badges { display: flex; align-items: center; justify-content: center; gap: 20px; flex-wrap: wrap; } .leadx-trust-badge { display: flex; align-items: center; gap: 10px; background: #181818; border: 1px solid #2A2A2A; padding: 10px 22px; border-radius: 6px; transition: all 0.25s ease; } .leadx-trust-badge:hover { border-color: #DCA43B; background: #202020; transform: translateY(-3px); } .leadx-trust-badge .badge-icon { font-size: 1.3rem; } .leadx-trust-badge .badge-title { font-size: 0.82rem; font-weight: 800; letter-spacing: 1px; color: #D1D5DB; } /* ------------------------------------------------------------- * 9.5 Shop by Category (12 Grid Cards) * ------------------------------------------------------------- */ .leadx-categories-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px; } .leadx-cat-card { position: relative; height: 220px; background-size: cover; background-position: center; border-radius: 6px; overflow: hidden; border: 1px solid #262626; display: block; text-decoration: none !important; transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 0.3s ease, border-color 0.3s ease; } .leadx-cat-card:hover { transform: translateY(-6px); border-color: #DCA43B; box-shadow: 0 14px 30px rgba(0, 0, 0, 0.8), 0 0 18px rgba(220, 164, 59, 0.3); } .leadx-cat-overlay { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.25) 45%, rgba(0, 0, 0, 0.8) 100%); transition: background 0.3s ease; } .leadx-cat-card:hover .leadx-cat-overlay { background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.1) 45%, rgba(0, 0, 0, 0.7) 100%); } .leadx-cat-content { position: absolute; top: 18px; left: 20px; right: 20px; z-index: 2; } .leadx-cat-title { font-size: 1.25rem; font-weight: 900; color: #FFFFFF; text-transform: uppercase; letter-spacing: 0.8px; margin: 0; text-shadow: 0 2px 8px rgba(0, 0, 0, 0.9); } /* Category Special Savings Badge - LeadX Gold */ .leadx-cat-badge { display: inline-block; background: linear-gradient(135deg, #DCA43B 0%, #C0923B 100%); color: #0A0A0A; font-size: 0.68rem; font-weight: 800; letter-spacing: 1px; padding: 3px 8px; border-radius: 3px; margin-bottom: 6px; } .leadx-cat-card-offer { border-color: #DCA43B !important; box-shadow: 0 0 15px rgba(220, 164, 59, 0.25); } .leadx-cat-card-offer .leadx-cat-title { color: #FFC742; } /* ------------------------------------------------------------- * 9.6 New Gears Product Showcase (LeadX Brand Colors - NO RED) * ------------------------------------------------------------- */ .leadx-products-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 16px; } .leadx-product-card { background: #FFFFFF; border-radius: 6px; overflow: hidden; border: 1px solid #E5E7EB; display: flex; flex-direction: column; justify-content: space-between; position: relative; transition: transform 0.25s ease, box-shadow 0.25s ease; } .leadx-product-card:hover { transform: translateY(-5px); box-shadow: 0 12px 25px rgba(0, 0, 0, 0.25); border-color: #DCA43B; } .leadx-prod-badges { position: absolute; top: 10px; left: 10px; display: flex; flex-direction: column; gap: 4px; z-index: 2; } /* LeadX Brand Badges */ .badge-discount { background: #0A0A0A; color: #DCA43B; border: 1px solid #DCA43B; font-size: 0.72rem; font-weight: 800; padding: 3px 7px; border-radius: 3px; text-align: center; } .badge-new { background: linear-gradient(135deg, #DCA43B 0%, #C0923B 100%); color: #0A0A0A; font-size: 0.68rem; font-weight: 800; padding: 2px 6px; border-radius: 3px; text-align: center; } .leadx-prod-image-wrap { height: 180px; display: flex; align-items: center; justify-content: center; padding: 15px; background: #F9FAFB; overflow: hidden; } .leadx-prod-img { max-height: 150px; max-width: 100%; object-fit: contain; transition: transform 0.3s ease; } .leadx-product-card:hover .leadx-prod-img { transform: scale(1.05); } .leadx-prod-details { padding: 14px 12px; display: flex; flex-direction: column; flex-grow: 1; justify-content: space-between; text-align: center; background: #FFFFFF; } .leadx-prod-title { font-size: 0.88rem; font-weight: 700; line-height: 1.35; color: #111827; margin: 0 0 8px 0; min-height: 38px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .leadx-prod-pricing { margin-bottom: 8px; } .leadx-old-price { font-size: 0.82rem; color: #9CA3AF; margin-right: 6px; } .leadx-sale-price { font-size: 1.12rem; font-weight: 900; color: #0A0A0A; } .leadx-tax-note, .leadx-sku { display: none !important; } .leadx-prod-meta { margin-bottom: 10px; font-size: 0.78rem; } .leadx-lead-time { display: block; color: #059669; font-weight: 700; } /* Dual Actions Row: SELECT OPTIONS + Direct WHATSAPP */ .leadx-prod-actions-row { display: flex; flex-direction: column; gap: 6px; margin-top: auto; width: 100%; } .leadx-btn-select-options { display: flex; align-items: center; justify-content: center; width: 100%; box-sizing: border-box; background: linear-gradient(135deg, #DCA43B 0%, #C0923B 100%); color: #0A0A0A !important; font-size: 0.76rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.8px; padding: 9px 8px; border-radius: 4px; border: 1px solid #FFC742; text-decoration: none !important; box-shadow: 0 2px 8px rgba(220, 164, 59, 0.25); transition: all 0.25s ease; } .leadx-btn-select-options:hover { background: linear-gradient(135deg, #FFC742 0%, #DCA43B 100%); color: #0A0A0A !important; box-shadow: 0 4px 14px rgba(220, 164, 59, 0.45); transform: translateY(-1px); } .leadx-btn-wa-direct { display: flex; align-items: center; justify-content: center; gap: 6px; width: 100%; box-sizing: border-box; background: #141414; color: #25D366 !important; font-size: 0.74rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.8px; padding: 8px 8px; border-radius: 4px; border: 1px solid rgba(37, 211, 102, 0.4); text-decoration: none !important; transition: all 0.25s ease; } .leadx-btn-wa-direct svg { color: #25D366; fill: #25D366; width: 15px; height: 15px; flex-shrink: 0; } .leadx-btn-wa-direct:hover { background: #25D366; color: #0A0A0A !important; border-color: #25D366; box-shadow: 0 4px 12px rgba(37, 211, 102, 0.35); transform: translateY(-1px); } .leadx-btn-wa-direct:hover svg { color: #0A0A0A !important; fill: #0A0A0A !important; } /* ------------------------------------------------------------- * 9.7 Facility & Bulk Commercial Gym Banner (Full Width) * ------------------------------------------------------------- */ .leadx-bulk-banner { width: 100% !important; max-width: 100vw !important; padding: 70px 0; background: #0A0A0A; margin: 0 !important; } .leadx-bulk-box { background: linear-gradient(135deg, #181818 0%, #121212 100%); border: 1.5px solid #2C2C2C; border-left: 6px solid #DCA43B; border-radius: 8px; padding: 45px 50px; display: flex; align-items: center; justify-content: space-between; gap: 40px; box-shadow: 0 15px 35px rgba(0, 0, 0, 0.6); } .leadx-bulk-tag { display: inline-block; color: #DCA43B; font-weight: 800; font-size: 0.8rem; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 10px; } .leadx-bulk-title { font-size: 2.1rem; font-weight: 900; color: #FFFFFF; margin: 0 0 12px 0; letter-spacing: 0.5px; } .leadx-bulk-desc { font-size: 1.05rem; line-height: 1.6; color: #9CA3AF; margin: 0; max-width: 700px; } .leadx-btn-large { padding: 18px 38px; font-size: 1rem; white-space: nowrap; } /* ------------------------------------------------------------- * 9.7a WHY LEADX Section * ------------------------------------------------------------- */ .leadx-why-section { width: 100% !important; max-width: 100vw !important; padding: 85px 0; background: #0E0E0E; border-top: 1px solid #1E1E1E; border-bottom: 1px solid #1E1E1E; } .leadx-why-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 55px; align-items: center; } .leadx-why-media { position: relative; border-radius: 10px; overflow: hidden; border: 1px solid #282828; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.7); } .leadx-why-img { width: 100%; height: 100%; min-height: 460px; object-fit: cover; display: block; transition: transform 0.5s ease; } .leadx-why-media:hover .leadx-why-img { transform: scale(1.03); } .leadx-why-eyebrow { color: #DCA43B; font-size: 0.85rem; font-weight: 800; letter-spacing: 2.5px; text-transform: uppercase; display: inline-block; margin-bottom: 10px; } .leadx-why-title { color: #FFFFFF; font-size: 2.3rem; font-weight: 900; margin: 0 0 30px 0; line-height: 1.25; } .leadx-why-features { display: flex; flex-direction: column; gap: 22px; margin-bottom: 35px; } .why-feature-item { border-left: 3px solid #DCA43B; padding-left: 18px; } .why-feature-name { color: #FFFFFF; font-size: 1.15rem; font-weight: 800; margin: 0 0 5px 0; } .why-feature-desc { color: #9CA3AF; font-size: 0.93rem; line-height: 1.6; margin: 0; } /* ------------------------------------------------------------- * 9.7b OUR WORK Section * ------------------------------------------------------------- */ .leadx-work-section { width: 100% !important; max-width: 100vw !important; padding: 85px 0; background: #0A0A0A; } .leadx-work-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; margin-top: 35px; } .leadx-work-card { height: 420px; border-radius: 8px; background-size: cover; background-position: center; position: relative; overflow: hidden; border: 1px solid #222222; transition: all 0.35s ease; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.6); } .leadx-work-card:hover { transform: translateY(-6px); border-color: #DCA43B; box-shadow: 0 15px 35px rgba(220, 164, 59, 0.25); } .leadx-work-overlay { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(10, 10, 10, 0.15) 0%, rgba(10, 10, 10, 0.85) 65%, #0A0A0A 100%); transition: background 0.35s ease; } .leadx-work-card:hover .leadx-work-overlay { background: linear-gradient(180deg, rgba(10, 10, 10, 0.08) 0%, rgba(10, 10, 10, 0.75) 55%, #0A0A0A 100%); } .leadx-work-content { position: absolute; bottom: 0; left: 0; right: 0; padding: 28px 24px; z-index: 2; display: flex; flex-direction: column; align-items: flex-start; } .leadx-work-title { color: #FFFFFF; font-size: 1.55rem; font-weight: 800; margin: 0 0 8px 0; } .leadx-work-desc { color: #C0C0C0; font-size: 0.9rem; line-height: 1.5; margin: 0 0 18px 0; } .leadx-btn-sm { padding: 11px 22px; font-size: 0.82rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.5px; } /* ------------------------------------------------------------- * 9.7c PLANNING A GYM? LET'S BUILD IT TOGETHER (PROJECT SECTION) * ------------------------------------------------------------- */ .leadx-project-section { width: 100% !important; max-width: 100vw !important; padding: 85px 0; background: #0E0E0E; border-top: 1px solid #1E1E1E; } .leadx-project-box { background: #141414; border: 1.5px solid #282828; border-radius: 12px; padding: 48px; display: grid; grid-template-columns: 1fr 1.15fr; gap: 48px; align-items: center; box-shadow: 0 20px 45px rgba(0, 0, 0, 0.75); } .leadx-project-tag { color: #DCA43B; font-size: 0.82rem; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; display: inline-block; margin-bottom: 12px; } .leadx-project-title { color: #FFFFFF; font-size: 2.2rem; font-weight: 900; margin: 0 0 16px 0; line-height: 1.25; } .leadx-project-desc { color: #9CA3AF; font-size: 1.02rem; line-height: 1.65; margin: 0 0 28px 0; } .leadx-btn-wa { background: #25D366; color: #FFFFFF !important; display: inline-flex; align-items: center; justify-content: center; padding: 13px 26px; border-radius: 6px; font-weight: 800; font-size: 0.95rem; text-decoration: none !important; box-shadow: 0 6px 18px rgba(37, 211, 102, 0.3); transition: all 0.25s ease; } .leadx-btn-wa:hover { background: #20BA5A; transform: translateY(-2px); box-shadow: 0 10px 24px rgba(37, 211, 102, 0.45); } .leadx-project-form { display: flex; flex-direction: column; gap: 15px; } .leadx-project-form .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; } .leadx-project-form .form-group { display: flex; flex-direction: column; gap: 6px; } .leadx-project-form label { color: #CCCCCC; font-size: 0.8rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; } .leadx-project-form input, .leadx-project-form select, .leadx-project-form textarea { background: #1C1C1C !important; border: 1px solid #333333 !important; color: #FFFFFF !important; padding: 11px 14px !important; border-radius: 5px !important; font-size: 0.9rem !important; outline: none !important; transition: border-color 0.25s ease; } .leadx-project-form input:focus, .leadx-project-form select:focus, .leadx-project-form textarea:focus { border-color: #DCA43B !important; box-shadow: 0 0 0 1px #DCA43B !important; } .leadx-btn-block { width: 100% !important; text-align: center !important; padding: 14px !important; font-size: 0.95rem !important; cursor: pointer !important; margin-top: 6px !important; } /* ------------------------------------------------------------- * 9.7d COMMON FAQS (ACCORDION) * ------------------------------------------------------------- */ .leadx-faq-section { width: 100% !important; max-width: 100vw !important; padding: 85px 0; background: #0A0A0A; } .leadx-faq-list { max-width: 860px; margin: 35px auto 0 auto; display: flex; flex-direction: column; gap: 14px; } .leadx-faq-item { background: #141414; border: 1px solid #242424; border-radius: 8px; overflow: hidden; transition: border-color 0.3s ease; } .leadx-faq-item.active { border-color: #DCA43B; } .leadx-faq-question { width: 100%; background: transparent; border: none; padding: 18px 24px; display: flex; align-items: center; justify-content: space-between; text-align: left; color: #FFFFFF; font-size: 1.05rem; font-weight: 700; cursor: pointer; outline: none; transition: color 0.25s ease; } .leadx-faq-question:hover { color: #DCA43B; } .leadx-faq-item.active .leadx-faq-question { color: #DCA43B; } .faq-icon { font-size: 1.4rem; font-weight: 400; color: #DCA43B; transition: transform 0.3s ease; margin-left: 15px; flex-shrink: 0; } .leadx-faq-item.active .faq-icon { transform: rotate(45deg); } .leadx-faq-answer { max-height: 0; overflow: hidden; transition: max-height 0.35s ease, padding 0.35s ease; padding: 0 24px; color: #9CA3AF; font-size: 0.95rem; line-height: 1.65; } .leadx-faq-item.active .leadx-faq-answer { max-height: 250px; padding: 0 24px 22px 24px; } /* ------------------------------------------------------------- * 9.7e BULLROCK-STYLE 2-ROW MOBILE HEADER * ------------------------------------------------------------- */ .leadx-mobile-header { display: none; background: #0A0A0A; border-bottom: 1px solid #1E1E1E; width: 100%; padding: 8px 12px 10px 12px; box-sizing: border-box; z-index: 1000; } @media (max-width: 1024px) { /* 1. COMPLETELY HIDE ALL DEFAULT WOODMART HEADER ROWS ON MOBILE */ .whb-header .whb-general-header, .whb-row.whb-general-header, .whb-general-header, .whb-header-bottom, .whb-header-top, .whb-visible-lg, .whb-column_mobile2, .whb-column_mobile3, .whb-column_mobile4, .whb-column.whb-col-right, .whb-column.whb-column10, .whb-main-header > .whb-row:not(.leadx-mobile-header) { display: none !important; visibility: hidden !important; height: 0 !important; min-height: 0 !important; padding: 0 !important; margin: 0 !important; border: none !important; overflow: hidden !important; } /* 2. ACTIVATE EXCLUSIVE LEADX 2-ROW MOBILE HEADER */ .leadx-mobile-header { display: flex !important; flex-direction: column !important; gap: 8px !important; background: #0A0A0A !important; border-bottom: 1px solid #1E1E1E !important; width: 100% !important; padding: 8px 12px 10px 12px !important; box-sizing: border-box !important; z-index: 1000 !important; } /* Row 1: Premium Menu, Logo & Actions */ .leadx-mobile-row-1 { display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 48px; } /* Ultra-Premium LeadX Obsidian & Gold Menu Button (No Cheap White) */ .leadx-mobile-menu-btn { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; background: linear-gradient(135deg, #1C1C1E 0%, #121212 100%) !important; border: 1px solid rgba(220, 164, 59, 0.45) !important; border-radius: 6px !important; color: #F5F5F7 !important; cursor: pointer !important; padding: 8px 14px !important; font-weight: 800 !important; font-size: 0.8rem !important; letter-spacing: 1.2px !important; text-transform: uppercase !important; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.08) !important; transition: all 0.25s ease !important; outline: none !important; } .leadx-mobile-menu-btn svg { color: #DCA43B !important; fill: #DCA43B !important; width: 18px !important; height: 18px !important; flex-shrink: 0 !important; } .leadx-mobile-menu-btn:hover, .leadx-mobile-menu-btn:active { background: linear-gradient(135deg, #262629 0%, #18181A 100%) !important; border-color: #DCA43B !important; box-shadow: 0 4px 14px rgba(220, 164, 59, 0.3) !important; transform: translateY(-1px) !important; } .leadx-mobile-logo-wrap { display: flex; align-items: center; justify-content: center; flex: 1; text-align: center; } .leadx-mobile-logo-img { max-width: 180px !important; max-height: 44px !important; width: auto !important; height: auto !important; object-fit: contain; display: inline-block; } .leadx-mobile-icons-wrap { display: flex; align-items: center; gap: 14px; } .leadx-mobile-icon-btn { color: #E4E4E4 !important; position: relative; display: flex; align-items: center; justify-content: center; padding: 4px; text-decoration: none !important; } .leadx-mobile-icon-btn:hover { color: #DCA43B !important; } .leadx-mobile-badge { position: absolute; top: -4px; right: -6px; background: #DCA43B; color: #0A0A0A; font-size: 0.65rem; font-weight: 900; min-width: 16px; height: 16px; border-radius: 50%; display: flex; align-items: center; justify-content: center; padding: 0 3px; } /* Row 2: Live AJAX Search + Athletic Gold Bulk Enquiry */ .leadx-mobile-row-2 { display: flex; align-items: center; gap: 8px; width: 100%; } .leadx-mobile-search-col { flex: 1; position: relative; } .leadx-ajax-search { display: flex !important; align-items: stretch !important; background: #FFFFFF !important; border-radius: 4px !important; overflow: hidden !important; height: 38px !important; margin: 0 !important; } .leadx-ajax-search input.s { flex: 1 !important; border: none !important; background: transparent !important; color: #111111 !important; font-size: 0.85rem !important; padding: 0 10px !important; height: 100% !important; outline: none !important; box-shadow: none !important; } .leadx-ajax-search input.s::placeholder { color: #777777 !important; font-size: 0.82rem !important; } .leadx-mobile-search-btn { background: #DCA43B !important; color: #0A0A0A !important; border: none !important; padding: 0 14px !important; cursor: pointer !important; display: flex !important; align-items: center !important; justify-content: center !important; height: 100% !important; min-height: 38px !important; } .leadx-mobile-search-btn svg { stroke: #0A0A0A !important; } .leadx-mobile-bulk-btn { background: #DCA43B !important; color: #0A0A0A !important; font-size: 0.78rem !important; font-weight: 900 !important; letter-spacing: 0.6px !important; text-transform: uppercase !important; padding: 0 12px !important; height: 38px !important; line-height: 38px !important; border-radius: 4px !important; white-space: nowrap !important; text-decoration: none !important; border: 1px solid #FFC742 !important; display: flex !important; align-items: center !important; justify-content: center !important; box-shadow: 0 2px 8px rgba(220, 164, 59, 0.3) !important; } } /* ------------------------------------------------------------- * 9.7e-1 LIVE AJAX SEARCH DROPDOWN STYLING * ------------------------------------------------------------- */ .leadx-mobile-search-col { position: relative !important; } .leadx-live-search-dropdown { position: absolute !important; top: calc(100% + 6px) !important; left: 0 !important; right: 0 !important; background: #141414 !important; border: 1px solid #DCA43B !important; border-radius: 6px !important; box-shadow: 0 12px 30px rgba(0, 0, 0, 0.85), 0 0 15px rgba(220, 164, 59, 0.25) !important; z-index: 99999 !important; max-height: 380px !important; overflow-y: auto !important; -webkit-overflow-scrolling: touch; } .leadx-search-list { list-style: none !important; margin: 0 !important; padding: 6px 0 !important; } .leadx-search-item { display: flex !important; align-items: center !important; gap: 12px !important; padding: 10px 14px !important; border-bottom: 1px solid #222222 !important; cursor: pointer !important; transition: background-color 0.2s ease !important; } .leadx-search-item:last-child { border-bottom: none !important; } .leadx-search-item:hover, .leadx-search-item:active { background-color: #1F1F1F !important; } .leadx-search-thumb { width: 44px !important; height: 44px !important; flex-shrink: 0 !important; border-radius: 4px !important; overflow: hidden !important; background: #0A0A0A !important; display: flex !important; align-items: center !important; justify-content: center !important; } .leadx-search-thumb img { width: 100% !important; height: 100% !important; object-fit: cover !important; } .leadx-search-info { flex: 1 !important; min-width: 0 !important; } .leadx-search-title { color: #FFFFFF !important; font-size: 0.85rem !important; font-weight: 700 !important; line-height: 1.3 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } .leadx-search-item:hover .leadx-search-title { color: #DCA43B !important; } .leadx-search-price { color: #DCA43B !important; font-size: 0.8rem !important; font-weight: 800 !important; margin-top: 3px !important; } .leadx-search-price del { color: #888888 !important; font-weight: 400 !important; font-size: 0.75rem !important; margin-right: 6px !important; } .leadx-search-price ins { text-decoration: none !important; color: #DCA43B !important; } .leadx-search-loading, .leadx-search-empty { padding: 14px 16px !important; font-size: 0.85rem !important; color: #999999 !important; text-align: center !important; } .leadx-search-spinner { display: inline-block; width: 14px; height: 14px; border: 2px solid rgba(220, 164, 59, 0.3); border-top-color: #DCA43B; border-radius: 50%; animation: leadx-spin 0.8s linear infinite; vertical-align: middle; margin-right: 8px; } @keyframes leadx-spin { to { transform: rotate(360deg); } } /* ------------------------------------------------------------- * 9.7f CHATY FLOATING WHATSAPP BUTTON (LEFT SIDE, ABOVE FOOTER) * ------------------------------------------------------------- */ .chaty-widget, .chaty-in-desktop, .chaty-in-mobile, .chaty-widget.chaty-widget-is-left, div[data-chaty], #chaty-widget { left: 16px !important; right: auto !important; bottom: 74px !important; /* Just above the 55px mobile sticky bottom footer */ z-index: 999999 !important; } @media (min-width: 769px) { .chaty-widget, .chaty-in-desktop, .chaty-widget.chaty-widget-is-left, div[data-chaty], #chaty-widget { left: 24px !important; right: auto !important; bottom: 85px !important; } } /* Suppress all other legacy floating buttons */ #ht-ctc-chat, .ht-ctc-chat, .joinchat, .joinchat__button, .woowhatsapp-float { display: none !important; } /* ------------------------------------------------------------- * 9.8 Responsive Layout Breakpoints (Desktop, Tablet & Mobile) * ------------------------------------------------------------- */ @media (max-width: 1200px) { .leadx-products-grid { grid-template-columns: repeat(3, 1fr); gap: 20px; } .leadx-categories-grid { grid-template-columns: repeat(3, 1fr); } } /* Tablet & Mobile: Completely hide subnav bar to eliminate collision */ @media (max-width: 991px) { .leadx-subnav-bar { display: none !important; } .whb-header, .whb-overcontent, body.wd-header-overlap .whb-header { position: relative !important; background-color: #0A0A0A !important; } .whb-mobile-header { position: relative !important; background-color: #0A0A0A !important; border-bottom: 1px solid #1E1E1E !important; } .whb-general-header.whb-hidden-lg { background-color: #0A0A0A !important; } } @media (max-width: 900px) { .leadx-hero-title { font-size: 2.3rem; } .leadx-goals-grid { grid-template-columns: 1fr; gap: 20px; } .leadx-goal-card { height: 380px; } .leadx-categories-grid { grid-template-columns: repeat(2, 1fr); } .leadx-products-grid { grid-template-columns: repeat(2, 1fr); } .leadx-bulk-box { flex-direction: column; text-align: center; padding: 35px 25px; } .leadx-why-grid { grid-template-columns: 1fr; gap: 35px; } .leadx-why-img { min-height: 300px; } .leadx-work-grid { grid-template-columns: 1fr; gap: 20px; } .leadx-work-card { height: 340px; } .leadx-project-box { grid-template-columns: 1fr; padding: 32px 22px; gap: 35px; } .leadx-project-form .form-row { grid-template-columns: 1fr; } } @media (max-width: 600px) { .leadx-container { padding-left: 16px !important; padding-right: 16px !important; } .leadx-hero-slider-wrap, .leadx-hero-slides, .leadx-hero-section { min-height: 0 !important; height: auto !important; position: relative !important; } .leadx-hero-slide { min-height: 0 !important; height: 100% !important; } .leadx-hero-slide.active { min-height: 0 !important; height: auto !important; position: relative !important; } .leadx-hero-content { padding-bottom: 0 !important; } .leadx-hero-container { padding-top: 25px !important; padding-bottom: 50px !important; padding-left: 16px !important; padding-right: 16px !important; } .leadx-hero-title { font-size: 1.85rem !important; } .leadx-hero-subtitle { font-size: 0.95rem !important; margin-bottom: 20px !important; } .leadx-hero-perks { margin-bottom: 14px !important; padding-bottom: 0 !important; } .leadx-hero-nav-bar { bottom: 12px !important; left: 50% !important; transform: translateX(-50%) !important; padding: 5px 12px !important; gap: 8px !important; margin: 0 !important; } .leadx-hero-arrow, button.leadx-hero-arrow, .leadx-hero-nav-arrows { display: none !important; } .leadx-hero-dots button.leadx-dot, button.leadx-dot, .leadx-dot { width: 18px !important; height: 4px !important; } .leadx-hero-dots button.leadx-dot.active, button.leadx-dot.active, .leadx-dot.active { width: 36px !important; } .leadx-section-title { font-size: 1.8rem; } .leadx-categories-grid { grid-template-columns: 1fr; } .leadx-products-grid { grid-template-columns: 1fr; } .leadx-why-title { font-size: 1.8rem; } .leadx-project-title { font-size: 1.8rem; } .leadx-faq-question { padding: 16px 18px; font-size: 0.95rem; } .leadx-faq-answer { padding: 0 18px; } .leadx-faq-item.active .leadx-faq-answer { padding: 0 18px 18px 18px; } } /* ------------------------------------------------------------- * 10. UNWANTED POPUP & TOOLTIP SUPPRESSION * ------------------------------------------------------------- */ /* Forcefully suppress Easy Login WooCommerce (xoo-el) & WoodMart Promo popups */ .xoo-el-container, .xoo-el-modal, .xoo-el-wrap, .xoo-el-popup-active .xoo-el-container, .woodmart-promo-popup, .wd-promo-popup, #woodmart-promo-popup, .mfp-bg.woodmart-promo-popup, .mfp-wrap.woodmart-promo-popup { display: none !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; z-index: -9999 !important; } body.xoo-el-popup-active, body.mfp-zoom-out-cur { overflow: auto !important; } /* Suppress Chaty "Contact us" tooltip speech bubble */ .chaty-widget .chaty-cta-body, .chaty-widget .chaty-cta-main, .chaty-widget .chaty-cta-bubble, .chaty-widget .chaty-tooltip, .chaty-widget .cht-cta, .chaty-cta-data { display: none !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; } /* ------------------------------------------------------------- * 11. CART, MINI-CART, CHECKOUT & APPLY COUPON OVERHAUL (NO PINK!) * ------------------------------------------------------------- */ /* Off-Canvas Mini Cart Drawer */ .cart-widget-side, .wd-side-hidden.cart-widget-side, .dropdown-cart { background-color: #0A0A0A !important; color: #F5F5F7 !important; border-left: 1px solid #2A2A2A !important; } .cart-widget-side .widget-heading, .cart-widget-side .widget-title { background-color: #141414 !important; border-bottom: 1px solid #2A2A2A !important; padding: 18px 24px !important; } .cart-widget-side .widget-heading .title, .cart-widget-side .widgettitle { color: #FFC742 !important; font-size: 1.15rem !important; font-weight: 800 !important; text-transform: uppercase !important; letter-spacing: 1px !important; } .cart-widget-side .close-side-widget, .cart-widget-side .widget-close { color: #DCA43B !important; transition: color 0.2s ease !important; } .cart-widget-side .close-side-widget:hover { color: #FFFFFF !important; } /* Mini Cart Item List */ .cart-widget-side .woocommerce-mini-cart-item, .widget_shopping_cart_content .cart_list li { border-bottom: 1px solid #222222 !important; padding: 16px 0 !important; background: transparent !important; } .cart-widget-side .woocommerce-mini-cart-item a:not(.remove), .widget_shopping_cart_content .cart_list li a:not(.remove) { color: #F5F5F7 !important; font-weight: 600 !important; transition: color 0.2s ease !important; } .cart-widget-side .woocommerce-mini-cart-item a:not(.remove):hover { color: #FFC742 !important; } .cart-widget-side .woocommerce-mini-cart-item .quantity, .widget_shopping_cart_content .cart_list li .quantity { color: #DCA43B !important; font-weight: 700 !important; } .cart-widget-side .woocommerce-mini-cart-item a.remove, .widget_shopping_cart_content .cart_list li a.remove { color: #9E9EA7 !important; border: 1px solid #333333 !important; background: #1A1A1A !important; border-radius: 50% !important; transition: all 0.2s ease !important; } .cart-widget-side .woocommerce-mini-cart-item a.remove:hover { color: #FFFFFF !important; background: #C0923B !important; border-color: #DCA43B !important; } /* Mini Cart Subtotal / Total */ .cart-widget-side .woocommerce-mini-cart__total, .widget_shopping_cart .woocommerce-mini-cart__total, .dropdown-cart .woocommerce-mini-cart__total { border-top: 1px solid #2A2A2A !important; border-bottom: 1px solid #2A2A2A !important; padding: 16px 0 !important; color: #F5F5F7 !important; font-size: 1.1rem !important; font-weight: 700 !important; background: transparent !important; } .cart-widget-side .woocommerce-mini-cart__total .amount, .widget_shopping_cart .woocommerce-mini-cart__total .amount { color: #FFC742 !important; font-weight: 800 !important; font-size: 1.25rem !important; } /* Mini Cart Buttons Container */ .cart-widget-side .woocommerce-mini-cart__buttons, .widget_shopping_cart .woocommerce-mini-cart__buttons, .woocommerce-mini-cart__buttons { display: flex !important; flex-direction: column !important; gap: 12px !important; padding: 18px 0 10px 0 !important; background: transparent !important; } /* 1) Mini-Cart: View Cart Button */ .cart-widget-side .woocommerce-mini-cart__buttons a.btn-cart, .widget_shopping_cart .woocommerce-mini-cart__buttons a.btn-cart, .woocommerce-mini-cart__buttons a.btn-cart, .cart-widget-side .woocommerce-mini-cart__buttons a:not(.checkout), .woocommerce-mini-cart__buttons a:not(.checkout) { background: #141414 !important; color: #FFC742 !important; border: 1.5px solid #DCA43B !important; border-radius: 6px !important; padding: 13px 20px !important; font-size: 0.92rem !important; font-weight: 800 !important; text-transform: uppercase !important; letter-spacing: 0.75px !important; text-align: center !important; transition: all 0.25s ease !important; box-shadow: none !important; } .cart-widget-side .woocommerce-mini-cart__buttons a.btn-cart:hover, .widget_shopping_cart .woocommerce-mini-cart__buttons a.btn-cart:hover, .woocommerce-mini-cart__buttons a.btn-cart:hover, .woocommerce-mini-cart__buttons a:not(.checkout):hover { background: #DCA43B !important; color: #0A0A0A !important; border-color: #FFC742 !important; transform: translateY(-2px) !important; box-shadow: 0 4px 15px rgba(220, 164, 59, 0.3) !important; } /* 2) Mini-Cart: Checkout Button */ .cart-widget-side .woocommerce-mini-cart__buttons a.checkout, .widget_shopping_cart .woocommerce-mini-cart__buttons a.checkout, .woocommerce-mini-cart__buttons a.checkout, .woocommerce a.button.checkout, .woocommerce button.button.checkout, .woocommerce .cart-collaterals .cart_totals a.checkout-button, .woocommerce .wc-proceed-to-checkout a.checkout-button { background: linear-gradient(135deg, #DCA43B 0%, #C0923B 100%) !important; color: #0A0A0A !important; border: 1px solid #FFC742 !important; border-radius: 6px !important; padding: 14px 20px !important; font-size: 0.98rem !important; font-weight: 900 !important; text-transform: uppercase !important; letter-spacing: 1px !important; text-align: center !important; box-shadow: 0 4px 16px rgba(220, 164, 59, 0.35) !important; transition: all 0.25s ease !important; } .cart-widget-side .woocommerce-mini-cart__buttons a.checkout:hover, .widget_shopping_cart .woocommerce-mini-cart__buttons a.checkout:hover, .woocommerce-mini-cart__buttons a.checkout:hover, .woocommerce a.button.checkout:hover, .woocommerce .cart-collaterals .cart_totals a.checkout-button:hover, .woocommerce .wc-proceed-to-checkout a.checkout-button:hover { background: linear-gradient(135deg, #FFC742 0%, #DCA43B 100%) !important; color: #000000 !important; transform: translateY(-2px) !important; box-shadow: 0 6px 22px rgba(220, 164, 59, 0.5) !important; } /* 3) Apply Coupon Button (ELIMINATE ALL PINK/PURPLE!) */ .woocommerce button.button[name="apply_coupon"], .woocommerce input.button[name="apply_coupon"], .woocommerce-cart-form__contents .coupon button, .woocommerce-cart-form__contents .coupon .button, .checkout_coupon button, .checkout_coupon .button, .woocommerce-form-coupon button, .woocommerce-form-coupon .button, .coupon button.button, .coupon .btn, button[name="apply_coupon"], input[name="apply_coupon"] { background: linear-gradient(135deg, #DCA43B 0%, #C0923B 100%) !important; color: #0A0A0A !important; font-weight: 800 !important; font-size: 0.92rem !important; text-transform: uppercase !important; letter-spacing: 0.75px !important; border: 1px solid #FFC742 !important; border-radius: 6px !important; padding: 12px 24px !important; cursor: pointer !important; box-shadow: 0 4px 14px rgba(220, 164, 59, 0.28) !important; transition: all 0.25s ease !important; } .woocommerce button.button[name="apply_coupon"]:hover, .woocommerce input.button[name="apply_coupon"]:hover, .woocommerce-cart-form__contents .coupon button:hover, .woocommerce-cart-form__contents .coupon .button:hover, .checkout_coupon button:hover, .coupon button.button:hover, button[name="apply_coupon"]:hover { background: linear-gradient(135deg, #FFC742 0%, #DCA43B 100%) !important; color: #000000 !important; transform: translateY(-2px) !important; box-shadow: 0 6px 20px rgba(220, 164, 59, 0.45) !important; } /* Coupon Input Fields */ .woocommerce-cart-form__contents .coupon input#coupon_code, .checkout_coupon input#coupon_code, .woocommerce-form-coupon input#coupon_code { background-color: #141414 !important; border: 1.5px solid #333333 !important; color: #FFFFFF !important; border-radius: 6px !important; padding: 11px 16px !important; font-size: 0.92rem !important; } .woocommerce-cart-form__contents .coupon input#coupon_code:focus, .checkout_coupon input#coupon_code:focus { border-color: #DCA43B !important; outline: none !important; box-shadow: 0 0 10px rgba(220, 164, 59, 0.35) !important; } /* ------------------------------------------------------------- * 12. HIGH-END SINGLE PRODUCT MULTI-ANGLE GALLERY & ZOOM * ------------------------------------------------------------- */ .leadx-single-gallery-container { width: 100%; margin-bottom: 24px; } .leadx-gallery-main-viewport { position: relative; width: 100%; min-height: 440px; max-height: 540px; background: #0E0E0E; border: 1.5px solid #222222; border-radius: 12px; overflow: hidden; display: flex; align-items: center; justify-content: center; padding: 18px; transition: border-color 0.3s ease; } .leadx-gallery-main-viewport:hover { border-color: rgba(220, 164, 59, 0.4); } #leadx-main-display-img { width: 100%; height: 100%; max-height: 480px; object-fit: contain; transition: opacity 0.2s ease, transform 0.3s ease; display: block; } .leadx-gallery-thumbs-row { display: flex; align-items: center; gap: 12px; margin-top: 14px; overflow-x: auto; padding: 4px 2px 8px 2px; scrollbar-width: thin; scrollbar-color: #DCA43B #141414; } .leadx-thumb-item { width: 84px; height: 84px; flex-shrink: 0; border: 2px solid #222222; border-radius: 8px; overflow: hidden; cursor: pointer; background: #141414; display: flex; align-items: center; justify-content: center; padding: 4px; transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1); } .leadx-thumb-item:hover { border-color: #DCA43B; transform: translateY(-3px); box-shadow: 0 4px 14px rgba(0, 0, 0, 0.6); } .leadx-thumb-item.active { border: 2.5px solid #FFC742 !important; background: rgba(220, 164, 59, 0.08) !important; box-shadow: 0 0 14px rgba(220, 164, 59, 0.45) !important; transform: translateY(-2px); } .leadx-thumb-item img { width: 100%; height: 100%; object-fit: cover; border-radius: 4px; } /* ------------------------------------------------------------- * 13. EMPTY MINI-CART & DRAWER BUTTON OVERHAUL (ZERO PINK!) * ------------------------------------------------------------- */ .cart-widget-side .return-to-shop, .dropdown-cart .return-to-shop, .woocommerce-mini-cart__empty-message + .return-to-shop, .woocommerce-mini-cart .return-to-shop, p.return-to-shop { text-align: center !important; margin-top: 24px !important; } .cart-widget-side .return-to-shop a.button, .cart-widget-side .return-to-shop .button, .dropdown-cart .return-to-shop a.button, .woocommerce-mini-cart__empty-message ~ .return-to-shop a, .woocommerce-mini-cart__empty-message ~ .return-to-shop .button, .return-to-shop a.button, .return-to-shop .button, .cart-empty ~ .return-to-shop a, a.button.wc-backward, .wc-backward, .btn-color-primary, .woocommerce .return-to-shop .button, .woocommerce-page .return-to-shop .button { background: linear-gradient(135deg, #DCA43B 0%, #C0923B 100%) !important; background-color: #DCA43B !important; color: #0A0A0A !important; border: 1px solid #FFC742 !important; border-radius: 6px !important; padding: 14px 28px !important; font-size: 0.95rem !important; font-weight: 900 !important; text-transform: uppercase !important; letter-spacing: 1px !important; text-align: center !important; box-shadow: 0 4px 16px rgba(220, 164, 59, 0.35) !important; display: inline-block !important; text-decoration: none !important; transition: all 0.25s ease !important; } .cart-widget-side .return-to-shop a.button:hover, .cart-widget-side .return-to-shop .button:hover, .return-to-shop a.button:hover, .return-to-shop .button:hover, a.button.wc-backward:hover { background: linear-gradient(135deg, #FFC742 0%, #DCA43B 100%) !important; background-color: #FFC742 !important; color: #000000 !important; transform: translateY(-2px) !important; box-shadow: 0 6px 22px rgba(220, 164, 59, 0.5) !important; } /* ------------------------------------------------------------- * 14. SHOP & ARCHIVE PRODUCT GRID DESIGN OVERHAUL (CLEAN SEPARATION) * ------------------------------------------------------------- */ /* Neutralize wd-hover-info overlay so text never sits across images */ .wd-product.wd-hover-info .wd-product-wrapper, .wd-product .wd-product-wrapper, .product-grid-item .product-wrapper { background: #141414 !important; border: 1.5px solid #222222 !important; border-radius: 8px !important; overflow: hidden !important; display: flex !important; flex-direction: column !important; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.45) !important; transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease !important; position: relative !important; } .wd-product:hover .wd-product-wrapper, .product-grid-item:hover .product-wrapper { border-color: #DCA43B !important; transform: translateY(-4px) !important; box-shadow: 0 10px 25px rgba(220, 164, 59, 0.25) !important; } /* Dedicated Image Box on Top (Separated from Title & Info) */ .wd-product.wd-hover-info .product-element-top, .wd-product .product-element-top, .product-grid-item .product-element-top { position: relative !important; width: 100% !important; height: auto !important; min-height: unset !important; max-height: none !important; overflow: visible !important; background: #141414 !important; display: flex !important; flex-direction: column !important; } .wd-product .product-image-link, .wd-product .wd-product-img-link, .wd-product.wd-hover-info .product-image-link, .wd-product.wd-hover-info .wd-product-img-link { display: block !important; width: 100% !important; height: 220px !important; max-height: 220px !important; overflow: hidden !important; background: #0D0D0D !important; position: relative !important; } .wd-product .product-image-link img, .wd-product .wd-product-img-link img, .wd-product.wd-hover-info .product-image-link img, .wd-product.wd-hover-info .wd-product-img-link img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; } .wd-product .wd-product-img-hover, .wd-product.wd-hover-info .wd-product-img-hover { display: none !important; } /* Reposition top-information (Title & Category) to sit UNDER the image */ .wd-product.wd-hover-info .top-information, .wd-product .top-information { position: static !important; padding: 14px 14px 4px 14px !important; background: #141414 !important; opacity: 1 !important; visibility: visible !important; transform: none !important; text-align: left !important; } .products .wd-product.wd-hover-info .top-information .wd-entities-title, .products .wd-product .wd-entities-title, .products .product-grid-item .wd-entities-title { font-size: 0.95rem !important; font-weight: 800 !important; line-height: 1.35 !important; margin: 0 0 6px 0 !important; color: #FFFFFF !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; height: 40px !important; } .products .wd-product .wd-entities-title a, .products .product-grid-item .wd-entities-title a { color: #FFFFFF !important; text-decoration: none !important; transition: color 0.2s ease !important; } .products .wd-product:hover .wd-entities-title a, .products .product-grid-item:hover .wd-entities-title a { color: #FFC742 !important; } /* ------------------------------------------------------------- * SINGLE PRODUCT PAGE - HIGH CONTRAST & VISIBILITY (NO WHITE-ON-WHITE) * ------------------------------------------------------------- */ .single-product .product_title, .single-product h1.product_title, .single-product-page h1.product_title, .single-product-page .wd-entities-title, .single-product .entry-summary .product_title, .single-product .summary-inner .product_title, .single-product h1.wd-entities-title { color: #FFFFFF !important; font-size: 2.2rem !important; font-weight: 800 !important; line-height: 1.25 !important; letter-spacing: -0.5px !important; margin-top: 0 !important; margin-bottom: 12px !important; height: auto !important; max-height: none !important; display: block !important; -webkit-line-clamp: unset !important; overflow: visible !important; text-transform: none !important; } .single-product .entry-summary .woocommerce-breadcrumb, .single-product .entry-summary .woocommerce-breadcrumb a, .single-product .woocommerce-breadcrumb, .single-product .woocommerce-breadcrumb a { color: #94A3B8 !important; font-size: 0.88rem !important; font-weight: 500 !important; } .single-product .woocommerce-breadcrumb a:hover { color: #FFC742 !important; } .single-product .entry-summary .woocommerce-product-details__short-description, .single-product .entry-summary .woocommerce-product-details__short-description p, .single-product .entry-summary .woocommerce-product-details__short-description li { color: #CBD5E1 !important; font-size: 0.95rem !important; line-height: 1.7 !important; } .single-product .entry-summary .product_meta, .single-product .entry-summary .product_meta span, .single-product .entry-summary .product_meta a { color: #94A3B8 !important; font-size: 0.85rem !important; } .single-product .entry-summary .product_meta a:hover { color: #FFC742 !important; } .wd-product .wd-product-cats { font-size: 0.72rem !important; text-transform: uppercase !important; letter-spacing: 0.75px !important; color: #DCA43B !important; margin-bottom: 4px !important; } .wd-product .wd-product-cats a { color: #DCA43B !important; } /* Reposition bottom-information (Price & Stock) below Title */ .wd-product.wd-hover-info .bottom-information, .wd-product .bottom-information { position: static !important; padding: 0 14px 14px 14px !important; background: #141414 !important; opacity: 1 !important; visibility: visible !important; transform: none !important; display: flex !important; align-items: center !important; justify-content: space-between !important; flex-wrap: wrap !important; gap: 6px !important; } .wd-product .bottom-information .price { font-size: 1.05rem !important; font-weight: 800 !important; color: #FFC742 !important; margin: 0 !important; } .wd-product .bottom-information .price del { color: #777777 !important; font-size: 0.82rem !important; margin-right: 4px !important; } .wd-product .bottom-information .price ins { color: #FFC742 !important; text-decoration: none !important; } /* ------------------------------------------------------------- * GRID ACTION BUTTONS & COMPARE REMOVAL * ------------------------------------------------------------- */ /* Permanently Hide Compare Button Everywhere */ .wd-compare-btn, .product-compare-button, a.woodmart-compare-btn, .wd-action-btn.wd-compare-btn { display: none !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; } /* PERMANENTLY HIDE ALL FLOATING ACTION BUTTON BLOBS OVER PRODUCT CARDS (DESKTOP & MOBILE) */ div.wd-buttons, div.wd-buttons.wd-pos-r-b, div.wd-buttons[class*="wd-pos"], .product-element-top .wd-buttons, .wd-product .wd-buttons, .wd-product-thumb .wd-buttons, .product-grid-item .wd-buttons, .wd-hover-info .wd-buttons, .wd-action-btn, .wd-action-btn.wd-style-icon, .wd-quick-view-btn, .wd-compare-btn, .wd-wishlist-btn, .wd-add-btn.wd-action-btn, .wd-add-cart-icon, .product-compare-button, a.woodmart-compare-btn, .open-quick-view { display: none !important; visibility: hidden !important; opacity: 0 !important; width: 0 !important; height: 0 !important; max-width: 0 !important; max-height: 0 !important; padding: 0 !important; margin: 0 !important; border: 0 !important; outline: none !important; pointer-events: none !important; position: absolute !important; top: -99999px !important; left: -99999px !important; clip: rect(0,0,0,0) !important; clip-path: inset(50%) !important; overflow: hidden !important; z-index: -9999 !important; } /* Product Grid WhatsApp Button */ .leadx-grid-wa-wrap { margin-top: 8px !important; padding: 0 !important; } .leadx-grid-wa-btn { display: flex !important; align-items: center !important; justify-content: center !important; gap: 7px !important; background: #0D2818 !important; color: #25D366 !important; border: 1px solid #1E5128 !important; border-radius: 4px !important; padding: 7px 12px !important; font-size: 0.78rem !important; font-weight: 700 !important; letter-spacing: 0.3px !important; text-transform: uppercase !important; text-decoration: none !important; transition: all 0.2s ease !important; width: 100% !important; box-sizing: border-box !important; } .leadx-grid-wa-btn svg { width: 15px !important; height: 15px !important; fill: #25D366 !important; transition: transform 0.2s ease !important; } .leadx-grid-wa-btn:hover { background: #25D366 !important; color: #0A0A0A !important; border-color: #25D366 !important; } .leadx-grid-wa-btn:hover svg { fill: #0A0A0A !important; transform: scale(1.1) !important; } /* Header Browse Categories Dropdown */ .leadx-categories-dropdown-wrapper { position: relative; display: inline-block; } .leadx-categories-dropdown-menu { display: none; position: absolute; top: 100%; left: 0; min-width: 250px; background: #121212; border: 1px solid #2A2A2A; border-top: 3px solid #FFC742; border-radius: 0 0 6px 6px; box-shadow: 0 12px 35px rgba(0, 0, 0, 0.8); padding: 6px 0; z-index: 9999; } .leadx-categories-dropdown-wrapper:hover .leadx-categories-dropdown-menu { display: block; } .leadx-categories-dropdown-menu a { display: block; padding: 10px 18px; color: #E5E7EB !important; font-size: 0.85rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; text-decoration: none; transition: all 0.15s ease; border-bottom: 1px solid rgba(255, 255, 255, 0.05); } .leadx-categories-dropdown-menu a:last-child { border-bottom: none; } .leadx-categories-dropdown-menu a:hover { background: #1C1C1C; color: #FFC742 !important; padding-left: 22px; } /* LeadX Guaranteed Sticky WhatsApp Button (Left Bottom) */ .leadx-sticky-whatsapp-btn { position: fixed !important; left: 18px !important; bottom: 75px !important; z-index: 999999 !important; display: block !important; filter: drop-shadow(0 4px 15px rgba(37, 211, 102, 0.45)); transition: transform 0.25s ease !important; } .leadx-sticky-whatsapp-btn:hover { transform: scale(1.08) translateY(-3px) !important; filter: drop-shadow(0 6px 20px rgba(37, 211, 102, 0.65)); } .leadx-sticky-whatsapp-btn .leadx-wa-float-link { display: flex !important; align-items: center !important; text-decoration: none !important; } .leadx-sticky-whatsapp-btn svg { width: 56px !important; height: 56px !important; display: block !important; } @media (max-width: 768px) { .leadx-sticky-whatsapp-btn { left: 14px !important; bottom: 70px !important; } .leadx-sticky-whatsapp-btn svg { width: 50px !important; height: 50px !important; } } /* ------------------------------------------------------------- * 15. NATIVE PLUGIN: WPC VARIATIONS RADIO BUTTONS (WOOVR) STYLING * ------------------------------------------------------------- */ .woovr-variations, .wpc-variations, .wpc-variation-items { display: flex !important; flex-direction: column !important; gap: 8px !important; margin: 18px 0 !important; } .woovr-variation, .wpc-variation-item, .wpc-radio-item { background: #141414 !important; border: 1.5px solid #262626 !important; border-radius: 8px !important; padding: 10px 14px !important; display: flex !important; align-items: center !important; gap: 12px !important; cursor: pointer !important; transition: all 0.2s ease !important; } .woovr-variation:hover, .wpc-variation-item:hover, .wpc-radio-item:hover { border-color: #444444 !important; background: #181818 !important; } .woovr-variation.woovr-variation-active, .wpc-variation-item.wpc-selected, .wpc-variation-item.selected, .wpc-radio-item.selected, .woovr-variation:has(input:checked), .wpc-variation-item:has(input:checked) { border-color: #DCA43B !important; background: rgba(220, 164, 59, 0.08) !important; box-shadow: 0 0 14px rgba(220, 164, 59, 0.25) !important; } .woovr-variation input[type="radio"], .wpc-variation-item input[type="radio"] { accent-color: #DCA43B !important; width: 18px !important; height: 18px !important; cursor: pointer !important; } .woovr-variation .woovr-variation-name, .woovr-variation label, .wpc-variation-item .wpc-variation-name, .wpc-variation-item label { color: #F5F5F7 !important; font-weight: 700 !important; font-size: 0.92rem !important; cursor: pointer !important; margin: 0 !important; } .woovr-variation .woovr-variation-price, .wpc-variation-item .wpc-variation-price { color: #FFC742 !important; font-weight: 800 !important; font-size: 1rem !important; margin-left: auto !important; } .woovr-variation .woovr-variation-price del { color: #888888 !important; font-weight: 400 !important; font-size: 0.85rem !important; margin-right: 6px !important; } .woovr-variation .woovr-variation-price ins { color: #FFC742 !important; text-decoration: none !important; } /* ------------------------------------------------------------- * 16. NATIVE PLUGIN: ADVANCED PRODUCT FIELDS (WAPF) STYLING * ------------------------------------------------------------- */ /* ------------------------------------------------------------- * 16. NATIVE PLUGIN: ADVANCED PRODUCT FIELDS (WAPF) STYLING * ------------------------------------------------------------- */ .wapf, .wapf-wrapper, .wapf-field-group { background: #121212 !important; border: 1.5px solid #2E2E2E !important; border-radius: 10px !important; padding: 20px !important; margin: 22px 0 !important; color: #FFFFFF !important; } .wapf-field-group * { color: #FFFFFF; } .wapf-field-group-title { color: #FFFFFF !important; font-size: 1.15rem !important; font-weight: 900 !important; text-transform: uppercase !important; letter-spacing: 0.75px !important; margin-bottom: 14px !important; border-bottom: 1px solid #2E2E2E !important; padding-bottom: 8px !important; } .wapf-field-container { margin-bottom: 16px !important; } .wapf-field-label, .wapf-field-label label, .wapf-field-label label span { color: #FFFFFF !important; font-weight: 800 !important; font-size: 1.02rem !important; letter-spacing: 0.25px !important; display: block !important; margin-bottom: 4px !important; } .wapf-field-description { color: #D1D5DB !important; font-size: 0.86rem !important; margin-top: 4px !important; margin-bottom: 12px !important; line-height: 1.45 !important; } .wapf-checkboxes { display: flex !important; flex-direction: column !important; gap: 10px !important; margin-top: 8px !important; margin-bottom: 6px !important; } .wapf-checkable { background: #1C1C1C !important; border: 1.5px solid #333333 !important; border-radius: 8px !important; padding: 12px 16px !important; display: flex !important; align-items: center !important; gap: 12px !important; cursor: pointer !important; transition: all 0.2s ease !important; } .wapf-checkable:hover { border-color: #DCA43B !important; background: #252525 !important; } .wapf-checkable:has(input:checked), .wapf-checkable.wapf-checked { border-color: #DCA43B !important; background: rgba(220, 164, 59, 0.12) !important; } .wapf-checkable input[type="checkbox"], .wapf-checkable input[type="radio"] { accent-color: #DCA43B !important; width: 20px !important; height: 20px !important; min-width: 20px !important; cursor: pointer !important; margin: 0 !important; } .wapf-input-label { display: flex !important; align-items: center !important; gap: 12px !important; width: 100% !important; cursor: pointer !important; margin: 0 !important; color: #FFFFFF !important; } .wapf-label-text { color: #FFFFFF !important; font-size: 0.95rem !important; font-weight: 700 !important; display: flex !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; } .wapf-pricing-hint { color: #FFC742 !important; font-weight: 800 !important; font-size: 0.95rem !important; margin-left: auto !important; background: rgba(220, 164, 59, 0.15) !important; padding: 3px 8px !important; border-radius: 4px !important; border: 1px solid rgba(220, 164, 59, 0.35) !important; } .wapf-product-totals { background: #181818 !important; border: 1.5px solid #2E2E2E !important; border-radius: 8px !important; padding: 16px 20px !important; margin: 18px 0 !important; } .wapf-product-totals .wapf--inner { display: flex !important; flex-direction: column !important; gap: 8px !important; } .wapf-product-totals .wapf--inner > div { display: flex !important; justify-content: space-between !important; align-items: center !important; color: #E5E7EB !important; font-size: 0.95rem !important; } .wapf-product-totals .wapf--inner > div span { color: #E5E7EB !important; } .wapf-product-totals .wapf-grand-total { color: #DCA43B !important; font-size: 1.35rem !important; font-weight: 900 !important; } /* ------------------------------------------------------------- * 17. SHIPPING AND DELIVERY TAB (FACTORY FREIGHT ASSURANCE) * ------------------------------------------------------------- */ .leadx-shipping-tab-content { color: #D1D5DB; padding: 10px 0; } .leadx-shipping-highlight-card { background: linear-gradient(135deg, #181818 0%, #111111 100%); border: 1.5px solid #2C2C2C; border-left: 5px solid #DCA43B; border-radius: 8px; padding: 20px 24px; margin-bottom: 24px; } .leadx-shipping-highlight-card h3 { color: #FFFFFF; font-size: 1.15rem; font-weight: 900; margin: 0 0 8px 0; letter-spacing: 0.5px; } .leadx-shipping-highlight-card p { color: #9CA3AF; font-size: 0.94rem; line-height: 1.6; margin: 0; } .leadx-shipping-features-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; } @media (max-width: 600px) { .leadx-shipping-features-grid { grid-template-columns: 1fr; } } .leadx-ship-feature { background: #141414; border: 1px solid #242424; border-radius: 8px; padding: 18px 20px; transition: border-color 0.25s ease; } .leadx-ship-feature:hover { border-color: #DCA43B; } .leadx-ship-feature h4 { color: #FFC742; font-size: 0.98rem; font-weight: 800; margin: 0 0 8px 0; } .leadx-ship-feature p { color: #9CA3AF; font-size: 0.88rem; line-height: 1.55; margin: 0; } /* ------------------------------------------------------------- * 17a. SINGLE PRODUCT COMMERCIAL TRUST PERKS (GENUINE BADGES) * ------------------------------------------------------------- */ .leadx-single-trust-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin: 22px 0; } @media (max-width: 480px) { .leadx-single-trust-grid { grid-template-columns: 1fr; } } .leadx-trust-tile { display: flex; align-items: center; background: #141414; border: 1px solid #242424; border-radius: 8px; padding: 10px 14px; gap: 10px; } .leadx-trust-icon { font-size: 1.3rem; } .leadx-trust-text strong { display: block; color: #FFFFFF; font-size: 0.85rem; font-weight: 700; } .leadx-trust-text span { color: #888888; font-size: 0.76rem; } /* ------------------------------------------------------------- * 17b. OFFICIAL CHATY WHATSAPP BUTTON (LEFT SIDE, NO GIMMICKS) * ------------------------------------------------------------- */ .chaty-widget, .chaty-main-widget, #chaty-folder, .cht-widget, .chaty-in-desktop, .chaty-in-mobile, div[data-chaty], #chaty-widget { position: fixed !important; left: 18px !important; right: auto !important; bottom: 85px !important; z-index: 999999 !important; } @media (max-width: 768px) { .chaty-widget, .chaty-main-widget, #chaty-folder, .cht-widget, .chaty-in-desktop, .chaty-in-mobile, div[data-chaty], #chaty-widget { left: 16px !important; right: auto !important; bottom: 74px !important; /* Above 55px mobile sticky bottom bar */ z-index: 999999 !important; } } /* Suppress all speech bubble tooltip popups */ .chaty-widget .chaty-cta-body, .chaty-widget .chaty-cta-main, .chaty-widget .chaty-cta-bubble, .chaty-widget .chaty-tooltip, .chaty-widget .cht-cta, .chaty-cta-data { display: none !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; } /* ------------------------------------------------------------- * 18. SINGLE PRODUCT SKU, META & BADGE LUXURY POLISH * ------------------------------------------------------------- */ .product_meta { border-top: 1px solid #242424 !important; padding-top: 14px !important; margin-top: 18px !important; font-size: 0.88rem !important; color: #9E9EA7 !important; } .product_meta > span { display: block !important; margin-bottom: 6px !important; } .product_meta .sku_wrapper { color: #E4E4E4 !important; } .product_meta .sku { color: #FFC742 !important; font-weight: 700 !important; font-family: monospace !important; font-size: 0.94rem !important; background: rgba(220, 164, 59, 0.1) !important; padding: 2px 6px !important; border-radius: 4px !important; margin-left: 4px !important; } .product_meta .posted_in a, .product_meta .tagged_as a { color: #FFC742 !important; font-weight: 600 !important; text-decoration: none !important; transition: color 0.2s ease !important; } .product_meta .posted_in a:hover, .product_meta .tagged_as a:hover { color: #FFFFFF !important; text-decoration: underline !important; } /* In Stock Badge */ .stock.in-stock, .single-product .in-stock { color: #25D366 !important; font-weight: 700 !important; background: rgba(37, 211, 102, 0.1) !important; padding: 5px 12px !important; border-radius: 4px !important; display: inline-flex !important; align-items: center !important; gap: 6px !important; border: 1px solid rgba(37, 211, 102, 0.3) !important; font-size: 0.85rem !important; margin-bottom: 12px !important; } /* Single Add-to-Cart Button */ .single_add_to_cart_button { background: linear-gradient(135deg, #DCA43B 0%, #C0923B 100%) !important; color: #0A0A0A !important; font-weight: 900 !important; border: 1px solid #FFC742 !important; text-transform: uppercase !important; letter-spacing: 0.75px !important; border-radius: 6px !important; padding: 13px 28px !important; transition: all 0.25s ease !important; box-shadow: 0 4px 14px rgba(220, 164, 59, 0.3) !important; } .single_add_to_cart_button:hover { background: linear-gradient(135deg, #FFC742 0%, #DCA43B 100%) !important; color: #000000 !important; transform: translateY(-2px) !important; box-shadow: 0 6px 20px rgba(220, 164, 59, 0.5) !important; } /* WhatsApp Consultation Button on Single Product */ .leadx-single-wa-btn { background: #25D366 !important; color: #FFFFFF !important; border-radius: 6px !important; padding: 14px 22px !important; font-weight: 800 !important; font-size: 0.95rem !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 10px !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; margin: 14px 0 !important; box-shadow: 0 4px 16px rgba(37, 211, 102, 0.35) !important; text-decoration: none !important; transition: all 0.25s ease !important; } .leadx-single-wa-btn:hover { background: #20BA5A !important; color: #FFFFFF !important; transform: translateY(-2px) !important; box-shadow: 0 6px 22px rgba(37, 211, 102, 0.5) !important; } /* ========================================================================== BULLROCK-CALIBER ABOUT US PAGE STYLING ========================================================================== */ .leadx-about-wrapper { background: #FFFFFF; color: #111827; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; } .leadx-about-hero { min-height: 520px; background-size: cover; background-position: center; background-repeat: no-repeat; display: flex; align-items: center; justify-content: center; text-align: center; color: #FFFFFF; padding: 100px 20px 130px; } .leadx-about-hero-inner { max-width: 960px; margin: 0 auto; } .leadx-hero-eyebrow { font-size: 0.9rem; font-weight: 800; letter-spacing: 2.5px; text-transform: uppercase; color: #DCA43B; margin-bottom: 14px; display: inline-block; } .leadx-about-hero-title { font-size: clamp(2.2rem, 5.2vw, 4.2rem); font-weight: 900; text-transform: uppercase; letter-spacing: -0.5px; line-height: 1.1; margin: 0 0 22px; color: #FFFFFF; } .leadx-about-hero-desc { max-width: 820px; margin: 0 auto 35px; font-size: 1.15rem; line-height: 1.7; color: #E5E7EB; } .leadx-about-hero-actions { display: flex; gap: 15px; justify-content: center; flex-wrap: wrap; } .leadx-btn-solid-gold { background: linear-gradient(135deg, #DCA43B 0%, #C48E28 100%) !important; color: #000000 !important; font-weight: 800 !important; padding: 14px 28px !important; border-radius: 4px !important; text-transform: uppercase !important; letter-spacing: 1px !important; font-size: 0.88rem !important; text-decoration: none !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; transition: all 0.25s ease !important; box-shadow: 0 4px 15px rgba(220,164,59,0.3) !important; } .leadx-btn-solid-gold:hover { background: linear-gradient(135deg, #FFC742 0%, #DCA43B 100%) !important; transform: translateY(-2px) !important; box-shadow: 0 6px 20px rgba(220,164,59,0.5) !important; color: #000000 !important; } .leadx-btn-outline-dark { background: rgba(0,0,0,0.65) !important; border: 1.5px solid rgba(255,255,255,0.4) !important; color: #FFFFFF !important; font-weight: 800 !important; padding: 14px 28px !important; border-radius: 4px !important; text-transform: uppercase !important; letter-spacing: 1px !important; font-size: 0.88rem !important; text-decoration: none !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; transition: all 0.25s ease !important; backdrop-filter: blur(8px) !important; } .leadx-btn-outline-dark:hover { border-color: #FFC742 !important; color: #FFC742 !important; background: rgba(0,0,0,0.85) !important; transform: translateY(-2px) !important; } /* 4-Stat Metric Bar */ .leadx-stats-bar-wrapper { max-width: 1140px; margin: -60px auto 70px; padding: 0 20px; position: relative; z-index: 10; } .leadx-stats-bar { display: grid; grid-template-columns: repeat(4, 1fr); background: #FFFFFF; border-radius: 8px; box-shadow: 0 15px 40px rgba(0,0,0,0.14); border: 1px solid #ECECEC; overflow: hidden; } .leadx-stat-box { padding: 32px 20px; text-align: center; border-right: 1px solid #F0F0F0; display: flex; flex-direction: column; justify-content: center; } .leadx-stat-box:last-child { border-right: none; } .leadx-stat-num { font-size: 2.2rem; font-weight: 900; color: #111111; display: block; line-height: 1.1; margin-bottom: 6px; } .leadx-stat-label { font-size: 0.85rem; font-weight: 600; color: #6B7280; text-transform: uppercase; letter-spacing: 0.5px; } /* Our Story Section */ .leadx-story-section { padding: 40px 0 90px; } .leadx-story-grid { display: grid; grid-template-columns: 1.15fr 0.85fr; gap: 50px; align-items: center; } .leadx-section-tag { font-size: 0.82rem; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; color: #DCA43B; margin-bottom: 10px; display: inline-block; } .leadx-story-heading { font-size: 2.2rem; font-weight: 900; text-transform: uppercase; line-height: 1.2; margin: 8px 0 22px; color: #111827; } .leadx-story-text p { font-size: 1.05rem; line-height: 1.8; color: #4B5563; margin-bottom: 18px; } .leadx-story-img-frame { position: relative; border-radius: 8px; overflow: hidden; box-shadow: 0 12px 35px rgba(0,0,0,0.16); } .leadx-story-img-frame img { width: 100%; height: 460px; object-fit: cover; display: block; } .leadx-story-badge { position: absolute; bottom: 15px; left: 15px; background: rgba(13,17,23,0.88); color: #DCA43B; font-size: 0.8rem; font-weight: 700; padding: 6px 14px; border-radius: 4px; backdrop-filter: blur(6px); } /* Philosophy Section */ .leadx-philosophy-section { background: #0D1117; color: #FFFFFF; padding: 90px 0; } .leadx-section-header-center { text-align: center; max-width: 780px; margin: 0 auto; } .leadx-section-title { font-size: clamp(1.8rem, 3.5vw, 2.6rem); font-weight: 900; text-transform: uppercase; margin: 8px 0 14px; color: inherit; line-height: 1.2; } .leadx-section-subtitle { font-size: 1.05rem; color: #9CA3AF; margin-bottom: 0; } .leadx-philosophy-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; margin-top: 50px; } .leadx-philo-card { background: #161B22; border: 1px solid #30363D; border-radius: 8px; padding: 35px 28px; transition: all 0.3s ease; } .leadx-philo-card:hover { border-color: #DCA43B; transform: translateY(-4px); box-shadow: 0 12px 30px rgba(0,0,0,0.4); } .leadx-philo-icon { width: 50px; height: 50px; border-radius: 8px; background: rgba(220,164,59,0.14); color: #DCA43B; display: flex; align-items: center; justify-content: center; margin-bottom: 22px; } .leadx-philo-card h3 { font-size: 1.3rem; font-weight: 800; margin-bottom: 14px; color: #FFFFFF; } .leadx-philo-card p { font-size: 0.95rem; line-height: 1.7; color: #B0B8C4; } /* Specs Section */ .leadx-specs-section { padding: 90px 0; background: #F9FAFB; } .leadx-specs-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; margin-top: 50px; } .leadx-spec-box { background: #FFFFFF; border: 1px solid #E5E7EB; border-radius: 8px; padding: 30px 22px; box-shadow: 0 4px 15px rgba(0,0,0,0.04); } .leadx-spec-val { font-size: 1.8rem; font-weight: 900; color: #DCA43B; display: block; margin-bottom: 8px; } .leadx-spec-box h4 { font-size: 1.05rem; font-weight: 800; margin-bottom: 10px; color: #111827; } .leadx-spec-box p { font-size: 0.88rem; line-height: 1.6; color: #6B7280; } /* Who We Serve */ .leadx-facilities-section { padding: 90px 0; } .leadx-facilities-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; margin-top: 50px; } .leadx-fac-card { border-radius: 8px; overflow: hidden; background: #FFFFFF; border: 1px solid #E5E7EB; box-shadow: 0 6px 20px rgba(0,0,0,0.06); transition: all 0.3s ease; } .leadx-fac-card:hover { transform: translateY(-4px); box-shadow: 0 12px 30px rgba(0,0,0,0.12); } .leadx-fac-img { height: 200px; background-size: cover; background-position: center; } .leadx-fac-info { padding: 22px; } .leadx-fac-info h4 { font-size: 1.1rem; font-weight: 800; margin-bottom: 8px; color: #111827; } .leadx-fac-info p { font-size: 0.88rem; line-height: 1.55; color: #6B7280; } /* Pledge Card */ .leadx-pledge-section { padding: 0 0 90px; } .leadx-pledge-card { background: #111827; color: #FFFFFF; border-radius: 12px; padding: 50px; display: grid; grid-template-columns: 1fr 1fr; gap: 50px; align-items: center; } .leadx-pledge-tag { font-size: 0.82rem; font-weight: 800; color: #DCA43B; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 10px; display: inline-block; } .leadx-pledge-left h3 { font-size: 2rem; font-weight: 900; color: #FFC742; margin-bottom: 14px; } .leadx-pledge-point { margin-bottom: 18px; } .leadx-pledge-point strong { display: block; color: #FFFFFF; font-size: 1.05rem; margin-bottom: 4px; } .leadx-pledge-point span { color: #9CA3AF; font-size: 0.9rem; } /* About Us Bottom CTA */ .leadx-about-bottom-cta { background: #000000; color: #FFFFFF; padding: 85px 20px; text-align: center; } .leadx-about-bottom-cta h2 { font-size: clamp(1.8rem, 3.5vw, 2.5rem); font-weight: 900; margin-bottom: 15px; color: #FFFFFF; } .leadx-about-bottom-cta p { font-size: 1.1rem; color: #9CA3AF; max-width: 680px; margin: 0 auto 30px; } .leadx-bottom-cta-btns { display: flex; gap: 15px; justify-content: center; flex-wrap: wrap; } .leadx-btn-wa-gold { background: #25D366 !important; color: #FFFFFF !important; font-weight: 800 !important; padding: 14px 28px !important; border-radius: 4px !important; text-decoration: none !important; display: inline-flex !important; align-items: center !important; gap: 8px !important; font-size: 0.88rem !important; text-transform: uppercase !important; box-shadow: 0 4px 16px rgba(37, 211, 102, 0.35) !important; } /* ========================================================================== CONTACT US 2-COLUMN PAGE STYLING ========================================================================== */ .leadx-contact-wrapper { background: #F9FAFB; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; } .leadx-contact-banner { background: linear-gradient(135deg, #111827 0%, #1F2937 100%); padding: 55px 20px; text-align: center; border-bottom: 3px solid #DCA43B; } .leadx-contact-banner-title { color: #FFFFFF; font-size: clamp(2rem, 4vw, 2.8rem); font-weight: 900; margin-bottom: 8px; text-transform: uppercase; letter-spacing: 1px; } .leadx-contact-banner-subtitle { color: #DCA43B; font-size: 1rem; font-weight: 600; letter-spacing: 0.5px; margin: 0; } .leadx-contact-main { padding: 60px 20px 90px; } .leadx-contact-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; } .leadx-contact-card-left, .leadx-contact-card-right { background: #FFFFFF; border: 1px solid #E5E7EB; border-radius: 8px; padding: 40px; box-shadow: 0 4px 20px rgba(0,0,0,0.06); } .leadx-contact-block-title { font-size: 1.4rem; font-weight: 800; margin-bottom: 12px; color: #111827; } .leadx-contact-address-text { font-size: 1.05rem; line-height: 1.7; color: #4B5563; margin-bottom: 15px; } .leadx-contact-phone-row { margin-bottom: 25px; } .leadx-phone-link { font-size: 1.4rem; font-weight: 900; color: #DCA43B; text-decoration: none; } .leadx-social-title { font-size: 1.1rem; font-weight: 800; margin-bottom: 12px; color: #111827; } .leadx-social-icons { display: flex; gap: 12px; margin: 12px 0 30px; } .leadx-soc-btn { width: 40px; height: 40px; border-radius: 50%; background: #F3F4F6; color: #374151; display: flex; align-items: center; justify-content: center; transition: all 0.2s ease; text-decoration: none; } .leadx-soc-btn:hover { background: #DCA43B; color: #000000; } /* Working Form Styling */ .leadx-interactive-form { display: flex; flex-direction: column; gap: 16px; } .leadx-form-group { display: flex; flex-direction: column; gap: 6px; } .leadx-form-group label { font-size: 0.88rem; font-weight: 700; color: #374151; } .leadx-form-group label .required { color: #EF4444; } .leadx-form-group input, .leadx-form-group select, .leadx-form-group textarea { width: 100%; padding: 12px 14px; border: 1.5px solid #D1D5DB; border-radius: 4px; font-size: 0.95rem; font-family: inherit; background: #FFFFFF; color: #111827; transition: border-color 0.2s ease; box-sizing: border-box; } .leadx-form-group input:focus, .leadx-form-group select:focus, .leadx-form-group textarea:focus { outline: none; border-color: #DCA43B; box-shadow: 0 0 0 3px rgba(220,164,59,0.15); } .leadx-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; } .leadx-form-submit-btn { background: #111827; color: #FFFFFF; border: none; padding: 14px 24px; font-weight: 800; font-size: 0.95rem; border-radius: 4px; cursor: pointer; text-transform: uppercase; letter-spacing: 1px; transition: all 0.25s ease; width: 100%; display: flex; align-items: center; justify-content: center; } .leadx-form-submit-btn:hover { background: #DCA43B; color: #000000; } .leadx-form-status-msg { border-radius: 6px; padding: 16px 20px; margin-bottom: 10px; } .leadx-msg-success { background: #ECFDF5; border: 1.5px solid #10B981; } .leadx-status-success-inner h4 { color: #065F46; font-size: 1.15rem; font-weight: 800; margin: 0 0 6px; } .leadx-status-success-inner p { color: #047857; font-size: 0.95rem; margin: 0 0 14px; } .leadx-wa-fasttrack-btn { background: #25D366; color: #FFFFFF; font-weight: 800; font-size: 0.9rem; padding: 10px 18px; border-radius: 4px; display: inline-block; text-decoration: none; } .leadx-msg-error { background: #FEF2F2; border: 1.5px solid #EF4444; color: #B91C1C; font-weight: 600; } .leadx-form-wa-fallback { font-size: 0.88rem; color: #6B7280; text-align: center; margin-top: 8px; } .leadx-form-wa-link { color: #059669; font-weight: 700; text-decoration: none; display: block; margin-top: 4px; } /* Map & Right Box */ .leadx-map-container { border-radius: 6px; overflow: hidden; border: 1px solid #E5E7EB; margin-bottom: 25px; } .leadx-map-top-bar { display: flex; justify-content: space-between; align-items: center; background: #F9FAFB; padding: 10px 16px; border-bottom: 1px solid #E5E7EB; } .leadx-map-badge { font-size: 0.82rem; font-weight: 700; color: #374151; text-transform: uppercase; } .leadx-open-map-btn { color: #DCA43B; font-weight: 700; font-size: 0.85rem; text-decoration: none; } .leadx-hours-card { background: #F9FAFB; border-radius: 6px; padding: 24px; border: 1px solid #E5E7EB; } .leadx-hours-card h4 { font-size: 1.1rem; font-weight: 800; margin-bottom: 14px; color: #111827; } .leadx-hours-row { display: flex; justify-content: space-between; padding: 8px 0; border-bottom: 1px solid #E5E7EB; font-size: 0.92rem; } .leadx-hours-row:last-child { border-bottom: none; } .leadx-text-green { color: #059669; } /* ========================================================================== EXTRA-PREMIUM BULK ENQUIRY PAGE STYLING ========================================================================== */ .leadx-bulk-wrapper { background: #FFFFFF; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; } .leadx-bulk-hero { min-height: 420px; background-size: cover; background-position: center; display: flex; align-items: center; justify-content: center; text-align: center; color: #FFFFFF; padding: 80px 20px; } .leadx-bulk-hero-inner { max-width: 900px; margin: 0 auto; } .leadx-bulk-hero-title { font-size: clamp(2rem, 4.5vw, 3.6rem); font-weight: 900; text-transform: uppercase; margin: 10px 0 15px; color: #FFFFFF; line-height: 1.15; } .leadx-bulk-hero-desc { font-size: 1.15rem; color: #E5E7EB; margin-bottom: 25px; line-height: 1.6; } .leadx-bulk-hero-badges { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; } .leadx-badge-chip { background: rgba(0,0,0,0.7); border: 1px solid #DCA43B; color: #FFFFFF; font-size: 0.82rem; font-weight: 700; padding: 6px 14px; border-radius: 20px; backdrop-filter: blur(6px); } .leadx-bulk-main-section { padding: 60px 0 90px; } .leadx-bulk-grid { display: grid; grid-template-columns: 1.4fr 0.6fr; gap: 40px; } .leadx-bulk-form-card { background: #FFFFFF; border: 1px solid #E5E7EB; border-radius: 8px; padding: 40px; box-shadow: 0 4px 25px rgba(0,0,0,0.06); } .leadx-bulk-form-header { margin-bottom: 25px; } .leadx-bulk-form-header h2 { font-size: 1.8rem; font-weight: 900; margin: 6px 0 8px; color: #111827; } .leadx-form-section-title { font-size: 1.05rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.5px; color: #111827; margin: 25px 0 14px; padding-bottom: 6px; border-bottom: 2px solid #DCA43B; } .leadx-checkbox-chips-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 10px 0 20px; } .leadx-chip-label { display: flex; align-items: center; gap: 10px; background: #F9FAFB; border: 1.5px solid #E5E7EB; border-radius: 4px; padding: 10px 14px; cursor: pointer; font-size: 0.88rem; font-weight: 600; transition: all 0.2s ease; } .leadx-chip-label:hover { border-color: #DCA43B; background: #FFFDF8; } .leadx-chip-label input[type="checkbox"]:checked + span { color: #B45309; font-weight: 800; } .leadx-bulk-submit-btn { background: linear-gradient(135deg, #DCA43B 0%, #C48E28 100%) !important; color: #000000 !important; font-weight: 900 !important; font-size: 1rem !important; padding: 16px 30px !important; border-radius: 4px !important; width: 100% !important; } .leadx-bulk-submit-btn:hover { background: linear-gradient(135deg, #FFC742 0%, #DCA43B 100%) !important; color: #000000 !important; } .leadx-bulk-fasttrack-card { background: #111827; color: #FFFFFF; border-radius: 8px; padding: 30px; margin-bottom: 25px; text-align: center; } .leadx-fasttrack-icon { margin-bottom: 12px; } .leadx-bulk-fasttrack-card h3 { color: #FFFFFF; font-size: 1.3rem; font-weight: 800; margin-bottom: 8px; } .leadx-bulk-fasttrack-card p { font-size: 0.92rem; color: #9CA3AF; line-height: 1.6; margin-bottom: 15px; } .leadx-fasttrack-wa-btn { background: #25D366; color: #FFFFFF; font-weight: 800; font-size: 0.95rem; padding: 12px 20px; border-radius: 4px; display: block; text-decoration: none; margin: 15px 0 8px; } .leadx-fasttrack-hint { font-size: 0.78rem; color: #6B7280; } .leadx-bulk-feature-item { display: flex; gap: 14px; margin-bottom: 20px; } .leadx-bulk-feature-item .feat-icon { font-size: 1.5rem; } .leadx-bulk-feature-item .feat-text strong { display: block; font-size: 1rem; color: #111827; margin-bottom: 4px; } .leadx-bulk-feature-item .feat-text p { font-size: 0.88rem; color: #6B7280; line-height: 1.5; margin: 0; } /* Comparison Table */ .leadx-comparison-section { background: #F9FAFB; padding: 90px 0; } .leadx-table-responsive { overflow-x: auto; margin-top: 40px; } .leadx-comparison-table { width: 100%; border-collapse: collapse; background: #FFFFFF; border-radius: 8px; overflow: hidden; box-shadow: 0 4px 20px rgba(0,0,0,0.06); } .leadx-comparison-table th, .leadx-comparison-table td { padding: 18px 24px; text-align: left; border-bottom: 1px solid #E5E7EB; } .leadx-comparison-table th { background: #111827; color: #FFFFFF; font-size: 0.95rem; font-weight: 800; text-transform: uppercase; } .leadx-comparison-table th.col-leadx { background: #DCA43B; color: #000000; } .leadx-comparison-table td.col-leadx { background: #FFFDF5; font-weight: 700; color: #111827; } .leadx-comparison-table td.col-other { color: #6B7280; } /* 4-Step Workflow */ .leadx-workflow-section { padding: 90px 0; } .leadx-workflow-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; margin-top: 50px; } .leadx-workflow-step { background: #FFFFFF; border: 1px solid #E5E7EB; border-radius: 8px; padding: 30px 22px; } .leadx-workflow-step .step-num { font-size: 2.2rem; font-weight: 900; color: #DCA43B; display: block; line-height: 1; margin-bottom: 14px; } .leadx-workflow-step h4 { font-size: 1.1rem; font-weight: 800; margin-bottom: 8px; color: #111827; } .leadx-workflow-step p { font-size: 0.88rem; color: #6B7280; line-height: 1.6; margin: 0; } /* Gallery Section */ .leadx-gallery-section { padding: 0 0 90px; } .leadx-gallery-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-top: 40px; } .leadx-gallery-item { border-radius: 8px; overflow: hidden; position: relative; box-shadow: 0 6px 20px rgba(0,0,0,0.1); } .leadx-gallery-item img { width: 100%; height: 260px; object-fit: cover; display: block; transition: transform 0.4s ease; } .leadx-gallery-item:hover img { transform: scale(1.05); } .leadx-gallery-caption { position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(transparent, rgba(0,0,0,0.85)); color: #FFFFFF; padding: 25px 14px 12px; font-size: 0.82rem; font-weight: 600; } /* ========================================================================== BLOG MAGAZINE & SINGLE POST STYLING ========================================================================== */ .leadx-blog-page-container, .leadx-single-article-page { background: #FFFFFF; color: #111827; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; } .leadx-blog-hero-header { background: #0D1117; color: #FFFFFF; padding: 80px 20px 60px; text-align: center; } .leadx-blog-eyebrow { color: #DCA43B; font-weight: 800; letter-spacing: 2.5px; font-size: 0.88rem; text-transform: uppercase; display: inline-block; margin-bottom: 12px; } .leadx-blog-hero-heading { font-size: clamp(2rem, 4vw, 3.2rem); font-weight: 900; text-transform: uppercase; margin-bottom: 15px; color: #FFFFFF; line-height: 1.15; } .leadx-blog-hero-sub { color: #9CA3AF; max-width: 720px; margin: 0 auto; font-size: 1.05rem; line-height: 1.6; } /* Featured Article Card */ .leadx-blog-featured-card { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 40px; background: #FFFFFF; border: 1px solid #E5E7EB; border-radius: 10px; overflow: hidden; margin: 50px 0 70px; box-shadow: 0 10px 30px rgba(0,0,0,0.08); } .featured-media { position: relative; } .featured-media img { width: 100%; height: 100%; min-height: 380px; object-fit: cover; display: block; } .featured-badge { position: absolute; top: 18px; left: 18px; background: #DCA43B; color: #000000; font-weight: 800; font-size: 0.78rem; padding: 6px 12px; border-radius: 3px; letter-spacing: 0.5px; } .featured-content { padding: 40px; display: flex; flex-direction: column; justify-content: center; } .featured-cat { font-size: 0.8rem; font-weight: 700; color: #DCA43B; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 12px; } .featured-title a { color: #111827; font-size: 1.8rem; font-weight: 900; text-decoration: none; line-height: 1.3; } .featured-title a:hover { color: #DCA43B; } .featured-excerpt { color: #4B5563; font-size: 1rem; line-height: 1.7; margin: 15px 0 25px; } .featured-footer { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 15px; } .author-info { display: flex; align-items: center; gap: 10px; font-size: 0.85rem; color: #6B7280; } .author-avatar-sm { width: 32px; height: 32px; background: #111827; color: #DCA43B; font-weight: 900; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: 0.75rem; } .featured-read-btn { background: #111827; color: #FFFFFF; font-weight: 800; padding: 12px 22px; border-radius: 4px; text-decoration: none; font-size: 0.88rem; transition: all 0.2s ease; } .featured-read-btn:hover { background: #DCA43B; color: #000000; } /* 3-Column Articles Grid */ .leadx-blog-articles-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; margin: 30px 0 80px; } .leadx-article-card { background: #FFFFFF; border: 1px solid #E5E7EB; border-radius: 8px; overflow: hidden; box-shadow: 0 4px 15px rgba(0,0,0,0.05); display: flex; flex-direction: column; } .leadx-article-card .card-thumb { position: relative; height: 230px; overflow: hidden; } .leadx-article-card .card-thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease; } .leadx-article-card:hover .card-thumb img { transform: scale(1.04); } .cat-pill { position: absolute; bottom: 12px; left: 12px; background: rgba(17,24,39,0.88); color: #FFC742; font-size: 0.72rem; font-weight: 800; padding: 4px 10px; border-radius: 3px; letter-spacing: 0.5px; } .leadx-article-card .card-body { padding: 25px; display: flex; flex-direction: column; flex-grow: 1; } .meta-time { font-size: 0.78rem; color: #9CA3AF; margin-bottom: 8px; font-weight: 600; } .card-title a { font-size: 1.2rem; font-weight: 800; color: #111827; text-decoration: none; line-height: 1.4; } .card-title a:hover { color: #DCA43B; } .card-excerpt { font-size: 0.9rem; color: #6B7280; line-height: 1.6; margin: 12px 0 20px; flex-grow: 1; } .card-read-link { color: #DCA43B; font-weight: 800; font-size: 0.88rem; text-decoration: none; } .leadx-blog-bottom-banner { background: #111827; color: #FFFFFF; border-radius: 8px; padding: 50px 30px; text-align: center; margin-bottom: 80px; } .leadx-bottom-banner-inner h3 { color: #FFFFFF; font-size: 1.8rem; font-weight: 900; margin-bottom: 10px; } .leadx-bottom-banner-inner p { color: #9CA3AF; max-width: 640px; margin: 0 auto 25px; font-size: 1rem; } .banner-actions { display: flex; gap: 15px; justify-content: center; flex-wrap: wrap; } /* Single Post Layout */ .leadx-single-header { background: #0D1117; color: #FFFFFF; padding: 70px 20px 50px; text-align: center; } .leadx-container-article { max-width: 860px; margin: 0 auto; padding: 0 20px; } .leadx-breadcrumbs { font-size: 0.85rem; color: #9CA3AF; margin-bottom: 20px; } .leadx-breadcrumbs a { color: #DCA43B; text-decoration: none; } .leadx-breadcrumbs .sep { margin: 0 8px; } .leadx-cat-badge { background: #DCA43B; color: #000000; font-size: 0.75rem; font-weight: 800; padding: 5px 12px; border-radius: 3px; text-transform: uppercase; letter-spacing: 0.5px; display: inline-block; margin-bottom: 15px; } .leadx-single-title { font-size: clamp(2rem, 3.8vw, 3rem); font-weight: 900; color: #FFFFFF; margin: 0 0 20px; line-height: 1.25; } .leadx-single-meta { display: flex; align-items: center; justify-content: center; gap: 12px; font-size: 0.88rem; color: #9CA3AF; flex-wrap: wrap; } .meta-author { display: flex; align-items: center; gap: 8px; color: #E5E7EB; font-weight: 600; } .author-badge-circle { width: 28px; height: 28px; border-radius: 50%; background: #DCA43B; color: #000000; font-weight: 900; display: inline-flex; align-items: center; justify-content: center; font-size: 0.72rem; } .leadx-single-content-wrap { padding: 50px 0 90px; } .leadx-article-lead { font-size: 1.22rem; line-height: 1.8; color: #1F2937; font-weight: 500; margin-bottom: 30px; border-left: 4px solid #DCA43B; padding-left: 20px; } .leadx-article-image-banner { margin: 35px 0; border-radius: 8px; overflow: hidden; box-shadow: 0 8px 25px rgba(0,0,0,0.12); } .leadx-article-image-banner img { width: 100%; height: 420px; object-fit: cover; display: block; } .leadx-article-image-banner .img-caption { background: #F3F4F6; color: #4B5563; font-size: 0.85rem; font-style: italic; padding: 10px 16px; border-top: 1px solid #E5E7EB; } .leadx-single-body-text h3 { font-size: 1.6rem; font-weight: 800; margin: 35px 0 15px; color: #111827; } .leadx-single-body-text p { font-size: 1.05rem; line-height: 1.85; color: #374151; margin-bottom: 20px; } .leadx-single-body-text ul { margin: 15px 0 25px 25px; } .leadx-single-body-text li { font-size: 1rem; line-height: 1.75; color: #374151; margin-bottom: 10px; } .leadx-blog-table-wrap { margin: 30px 0; overflow-x: auto; } .leadx-blog-table { width: 100%; border-collapse: collapse; border: 1px solid #E5E7EB; } .leadx-blog-table th, .leadx-blog-table td { padding: 14px 18px; text-align: left; border: 1px solid #E5E7EB; } .leadx-blog-table th { background: #111827; color: #FFFFFF; font-size: 0.88rem; font-weight: 800; } .leadx-blog-quote { background: #FFFDF5; border-left: 4px solid #DCA43B; padding: 25px 30px; margin: 35px 0; font-size: 1.15rem; font-style: italic; color: #1F2937; line-height: 1.7; } .leadx-pro-con-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin: 35px 0; } .leadx-pro-card { background: #ECFDF5; border: 1px solid #A7F3D0; border-radius: 8px; padding: 24px; } .leadx-con-card { background: #FEF2F2; border: 1px solid #FECACA; border-radius: 8px; padding: 24px; } .leadx-pro-card h4 { color: #065F46; font-size: 1.1rem; font-weight: 800; margin: 0 0 12px; } .leadx-con-card h4 { color: #B91C1C; font-size: 1.1rem; font-weight: 800; margin: 0 0 12px; } .leadx-product-spotlight { display: flex; gap: 24px; background: #111827; color: #FFFFFF; border-radius: 8px; padding: 24px; margin: 40px 0; align-items: center; } .spotlight-img img { width: 140px; height: 140px; object-fit: cover; border-radius: 6px; display: block; } .spotlight-tag { font-size: 0.72rem; font-weight: 800; color: #DCA43B; text-transform: uppercase; letter-spacing: 1px; display: block; margin-bottom: 6px; } .spotlight-details h4 { color: #FFFFFF; font-size: 1.25rem; font-weight: 800; margin: 0 0 8px; } .spotlight-details p { color: #9CA3AF; font-size: 0.9rem; line-height: 1.5; margin: 0 0 14px; } .spotlight-action { display: flex; align-items: center; gap: 15px; } .spotlight-price { font-size: 1.2rem; font-weight: 900; color: #FFC742; } .spotlight-btn { background: #DCA43B; color: #000000; font-weight: 800; padding: 10px 18px; border-radius: 4px; text-decoration: none; font-size: 0.85rem; } .leadx-author-bio { display: flex; gap: 18px; background: #F9FAFB; border: 1px solid #E5E7EB; border-radius: 8px; padding: 22px; margin: 40px 0; align-items: center; } .leadx-author-bio .author-avatar { width: 50px; height: 50px; border-radius: 50%; background: #111827; color: #DCA43B; font-weight: 900; display: flex; align-items: center; justify-content: center; font-size: 1.1rem; flex-shrink: 0; } .leadx-author-bio .author-meta strong { display: block; font-size: 1rem; color: #111827; margin-bottom: 4px; } .leadx-author-bio .author-meta span { font-size: 0.88rem; color: #6B7280; } .leadx-article-cta-box { background: linear-gradient(135deg, #0D1117 0%, #161B22 100%); color: #FFFFFF; border-radius: 8px; padding: 35px; margin: 45px 0; text-align: center; border: 1px solid #30363D; } .leadx-article-cta-box h4 { color: #FFFFFF; font-size: 1.3rem; font-weight: 800; margin: 0 0 10px; } .leadx-article-cta-box p { color: #9CA3AF; font-size: 0.95rem; max-width: 600px; margin: 0 auto; } .leadx-article-wa-btn { background: #25D366; color: #FFFFFF; font-weight: 800; padding: 14px 28px; border-radius: 4px; display: inline-block; text-decoration: none; margin-top: 18px; font-size: 0.9rem; } .leadx-article-nav { display: flex; justify-content: space-between; margin-top: 50px; padding-top: 25px; border-top: 1px solid #E5E7EB; flex-wrap: wrap; gap: 15px; } .leadx-btn-back-journal { color: #6B7280; font-weight: 700; text-decoration: none; } .leadx-btn-quote-fast { color: #DCA43B; font-weight: 800; text-decoration: none; } /* ========================================================================== MOBILE RESPONSIVENESS OVERRIDES ========================================================================== */ @media (max-width: 991px) { .leadx-stats-bar { grid-template-columns: repeat(2, 1fr); } .leadx-stat-box:nth-child(2) { border-right: none; } .leadx-story-grid, .leadx-contact-layout, .leadx-bulk-grid, .leadx-blog-featured-card, .leadx-pledge-card { grid-template-columns: 1fr; } .leadx-philosophy-grid, .leadx-specs-grid, .leadx-facilities-grid, .leadx-workflow-grid, .leadx-gallery-grid, .leadx-blog-articles-grid { grid-template-columns: repeat(2, 1fr); } .featured-media img { min-height: 260px; } } @media (max-width: 640px) { .leadx-stats-bar, .leadx-philosophy-grid, .leadx-specs-grid, .leadx-facilities-grid, .leadx-workflow-grid, .leadx-gallery-grid, .leadx-blog-articles-grid, .leadx-pro-con-grid, .leadx-checkbox-chips-grid, .leadx-form-row { grid-template-columns: 1fr; } .leadx-stats-bar-wrapper { margin-top: -30px; } .leadx-contact-card-left, .leadx-contact-card-right, .leadx-bulk-form-card, .featured-content { padding: 24px 18px; } .leadx-product-spotlight { flex-direction: column; text-align: center; } .spotlight-action { justify-content: center; } } /* ========================================================= * 15. MOBILE STICKY BOTTOM TOOLBAR - LUXURY DARK MATCH * ========================================================= */ .woodmart-toolbar, .whb-toolbar, .wd-toolbar, div.woodmart-toolbar, div.wd-toolbar { background: #0E121A !important; background: linear-gradient(180deg, #131722 0%, #0A0D14 100%) !important; border-top: 1px solid #1E293B !important; box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.75) !important; backdrop-filter: blur(12px) !important; -webkit-backdrop-filter: blur(12px) !important; } .woodmart-toolbar .woodmart-toolbar-item, .whb-toolbar .whb-toolbar-item, .wd-toolbar .wd-toolbar-item { background: transparent !important; } .woodmart-toolbar .woodmart-toolbar-item > a, .whb-toolbar .whb-toolbar-item > a, .wd-toolbar .wd-toolbar-item > a, .woodmart-toolbar .woodmart-toolbar-item a, .wd-toolbar .wd-toolbar-item a { color: #94A3B8 !important; } .woodmart-toolbar .woodmart-toolbar-item:hover > a, .wd-toolbar .wd-toolbar-item:hover > a, .woodmart-toolbar .woodmart-toolbar-item.current-item > a, .wd-toolbar .wd-toolbar-item.wd-active > a, .wd-toolbar .wd-toolbar-item.current-item > a { color: #FFC742 !important; } .woodmart-toolbar .woodmart-toolbar-item .woodmart-toolbar-icon, .whb-toolbar .whb-toolbar-item .woodmart-toolbar-icon, .wd-toolbar .wd-toolbar-item .wd-toolbar-icon, .wd-toolbar .wd-toolbar-item .wd-tools-icon, .wd-toolbar-item svg { color: #CBD5E1 !important; } .woodmart-toolbar .woodmart-toolbar-item:hover .woodmart-toolbar-icon, .wd-toolbar .wd-toolbar-item:hover .wd-toolbar-icon, .wd-toolbar .wd-toolbar-item.current-item .wd-toolbar-icon, .wd-toolbar .wd-toolbar-item.wd-active .wd-toolbar-icon { color: #FFC742 !important; } .woodmart-toolbar .woodmart-toolbar-label, .whb-toolbar .whb-toolbar-label, .wd-toolbar .wd-toolbar-label { color: #94A3B8 !important; font-size: 11px !important; font-weight: 600 !important; letter-spacing: 0.3px !important; text-transform: capitalize !important; } .woodmart-toolbar .woodmart-toolbar-item:hover .woodmart-toolbar-label, .wd-toolbar .wd-toolbar-item:hover .wd-toolbar-label, .wd-toolbar .wd-toolbar-item.current-item .wd-toolbar-label, .wd-toolbar .wd-toolbar-item.wd-active .wd-toolbar-label { color: #FFC742 !important; } .woodmart-toolbar .woodmart-cart-number, .whb-toolbar .woodmart-cart-number, .wd-toolbar .wd-cart-number, .wd-toolbar .woodmart-cart-number { background: linear-gradient(135deg, #DCA43B 0%, #C0923B 100%) !important; color: #0A0A0A !important; font-weight: 800 !important; font-size: 10px !important; border: 1px solid #FFC742 !important; box-shadow: 0 0 8px rgba(220, 164, 59, 0.7) !important; } /* ------------------------------------------------------------- * 12. CART & CHECKOUT DARK LUXURY THEME * ------------------------------------------------------------- */ body.woocommerce-cart .page-title, body.woocommerce-checkout .page-title, body.woocommerce-cart .page-title-default, body.woocommerce-checkout .page-title-default, .woocommerce-checkout .title-size-default, .woocommerce-cart .title-size-default { display: none !important; } body.woocommerce-cart, body.woocommerce-checkout, body.woocommerce-order-received, .woocommerce-cart .main-page-wrapper, .woocommerce-checkout .main-page-wrapper, .woocommerce-cart .site-content, .woocommerce-checkout .site-content { background-color: #0B0E14 !important; color: #FFFFFF !important; } .woocommerce-cart .woocommerce, .woocommerce-checkout .woocommerce, .woocommerce-cart-form, .cart-collaterals, .cart_totals, #customer_details, .woocommerce-billing-fields, .woocommerce-shipping-fields, .woocommerce-additional-fields { background-color: #121620 !important; border: 1px solid #1E293B !important; border-radius: 10px !important; color: #FFFFFF !important; } .woocommerce-billing-fields h3, .woocommerce-shipping-fields h3, .woocommerce-additional-fields h3 { color: #FFFFFF !important; font-size: 1.35rem !important; font-weight: 800 !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; border-bottom: 2px solid #DCA43B !important; padding-bottom: 10px !important; margin-bottom: 20px !important; } .woocommerce-cart label, .woocommerce-checkout label { color: #CBD5E1 !important; font-size: 0.9rem !important; font-weight: 600 !important; } .woocommerce-checkout .required { color: #EF4444 !important; } .woocommerce-checkout input.input-text, .woocommerce-checkout textarea, .woocommerce-checkout select, .woocommerce-cart input.input-text, .woocommerce-checkout .select2-container--default .select2-selection--single, .select2-dropdown { background-color: #0E121A !important; color: #FFFFFF !important; border: 1px solid #334155 !important; border-radius: 6px !important; padding: 10px 14px !important; font-size: 16px !important; } .woocommerce-checkout input.input-text:focus, .woocommerce-checkout textarea:focus, .woocommerce-cart input.input-text:focus { border-color: #FFC742 !important; outline: none !important; box-shadow: 0 0 0 3px rgba(220, 164, 59, 0.25) !important; } .select2-container--default .select2-selection--single .select2-selection__rendered { color: #FFFFFF !important; } .select2-dropdown { background-color: #121620 !important; border: 1px solid #334155 !important; } .select2-container--default .select2-results__option { color: #CBD5E1 !important; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #DCA43B !important; color: #000000 !important; } /* QUANTITY CONTROLS (CRISP HIGH-CONTRAST NUMBERS) */ .quantity input.qty, .quantity input[type="number"], .woocommerce-cart .quantity input.qty, .woocommerce-cart .quantity .qty, .woocommerce-cart td.product-quantity .quantity input.qty, .single-product .quantity input.qty, .cart .quantity input.qty, .shop_table .quantity input.qty, div.quantity input.qty, .wd-quantity input[type="number"] { background-color: #0E121A !important; background: #0E121A !important; color: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF !important; border: 1px solid #334155 !important; border-radius: 4px !important; font-size: 16px !important; font-weight: 800 !important; text-align: center !important; width: 48px !important; height: 40px !important; line-height: 40px !important; opacity: 1 !important; display: inline-block !important; } .quantity .minus, .quantity .plus, .quantity input[type="button"], .quantity .btn-minus, .quantity .btn-plus, div.quantity .minus, div.quantity .plus, .wd-quantity .minus, .wd-quantity .plus { background-color: #1E293B !important; background: #1E293B !important; color: #FFC742 !important; -webkit-text-fill-color: #FFC742 !important; border: 1px solid #334155 !important; border-radius: 4px !important; font-size: 16px !important; font-weight: 800 !important; width: 32px !important; height: 40px !important; line-height: 38px !important; cursor: pointer !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; } .quantity .minus:hover, .quantity .plus:hover, .wd-quantity .minus:hover, .wd-quantity .plus:hover { background: #DCA43B !important; color: #0A0A0A !important; -webkit-text-fill-color: #0A0A0A !important; } /* CART TOTALS BOX & ALL COLLATERALS */ .cart-collaterals, .cart_totals, .cart-collaterals .cart_totals, .cart-collaterals .cart_totals table.shop_table, .cart_totals table.shop_table, .cart_totals table.shop_table tbody, .cart_totals table.shop_table tr, .cart_totals table.shop_table th, .cart_totals table.shop_table td { background-color: #121620 !important; background: #121620 !important; border-color: #1E293B !important; color: #FFFFFF !important; } .cart_totals h2, .cart_totals .cart-totals-inner h2, .cart-collaterals h2 { color: #FFFFFF !important; font-size: 1.35rem !important; font-weight: 800 !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; border-bottom: 2px solid #DCA43B !important; padding-bottom: 10px !important; margin-bottom: 18px !important; } .cart_totals table.shop_table th { color: #94A3B8 !important; font-weight: 700 !important; text-transform: uppercase !important; font-size: 0.9rem !important; padding: 14px 12px !important; border-color: #1E293B !important; } .cart_totals table.shop_table td { color: #CBD5E1 !important; text-align: right !important; padding: 14px 12px !important; border-color: #1E293B !important; } .cart_totals .cart-subtotal .amount, .cart_totals table.shop_table .amount { color: #FFC742 !important; font-weight: 700 !important; } .cart_totals .order-total th { color: #FFFFFF !important; font-weight: 800 !important; font-size: 1.05rem !important; } .cart_totals .order-total td, .cart_totals .order-total .amount { color: #FFC742 !important; font-size: 1.4rem !important; font-weight: 800 !important; } .cart_totals .woocommerce-shipping-destination, .cart_totals .woocommerce-shipping-calculator, .cart_totals .shipping p { color: #94A3B8 !important; } .cart_totals .shipping-calculator-button { color: #FFC742 !important; font-weight: 700 !important; text-decoration: underline !important; } /* Cart table headers & rows on mobile */ .woocommerce-cart table.cart, .woocommerce-cart table.cart tbody, .woocommerce-cart table.cart tr, .woocommerce-cart table.cart td, .woocommerce-cart table.cart th { background-color: #121620 !important; border-color: #1E293B !important; color: #FFFFFF !important; } .woocommerce-cart table.cart td.product-price, .woocommerce-cart table.cart td.product-subtotal, .woocommerce-cart table.cart td.product-price .amount, .woocommerce-cart table.cart td.product-subtotal .amount { color: #FFC742 !important; font-weight: 700 !important; } .woocommerce-cart table.cart td.product-name a { color: #FFFFFF !important; font-weight: 700 !important; } .woocommerce-cart table.cart td.actions { background-color: #0E121A !important; } .woocommerce-cart table.cart td.actions .coupon input.input-text { background: #121620 !important; color: #FFFFFF !important; border: 1px solid #334155 !important; font-size: 16px !important; } .woocommerce-cart table.cart td.actions .button { background: #1E293B !important; color: #FFC742 !important; border: 1px solid #FFC742 !important; font-weight: 700 !important; } .woocommerce-cart table.cart td.actions .button:hover { background: #FFC742 !important; color: #0A0A0A !important; } /* CHECKOUT: HAVE A COUPON NOTICE (MAKE CRISP & HIGH CONTRAST) */ .woocommerce-form-coupon-toggle, .woocommerce-form-coupon-toggle .woocommerce-info, .woocommerce-checkout .woocommerce-info, .woocommerce-cart .woocommerce-info { background-color: #121620 !important; background: #121620 !important; color: #FFFFFF !important; border: 1px solid #1E293B !important; border-left: 4px solid #DCA43B !important; border-radius: 6px !important; padding: 14px 18px !important; font-size: 0.95rem !important; } .woocommerce-form-coupon-toggle .woocommerce-info, .woocommerce-form-coupon-toggle .woocommerce-info * { color: #FFFFFF !important; } .woocommerce-form-coupon-toggle .woocommerce-info a.showcoupon, .woocommerce-form-coupon-toggle a, .woocommerce-info a, .wd-show-available-coupons, .wd-show-coupons-btn, .wd-coupons-available { color: #FFC742 !important; font-weight: 700 !important; text-decoration: underline !important; } /* CHECKOUT: KILL THE WHITE RECEIPT AND SCALLOPED EDGES ON YOUR ORDER */ .wd-order-receipt, .order-review-wrapper, .woocommerce-checkout-review-order, #order_review, #order_review table, #order_review table tbody, #order_review table tbody tr, #order_review table tbody td, #order_review table tfoot, #order_review table tfoot tr, #order_review table tfoot td, #order_review table tfoot th, #order_review table thead, #order_review table thead tr, #order_review table thead th, .woocommerce-checkout-review-order-table, .woocommerce-checkout-review-order-table tr, .woocommerce-checkout-review-order-table td, .woocommerce-checkout-review-order-table th, .wd-order-receipt::before, .wd-order-receipt::after, .order-review-wrapper::before, .order-review-wrapper::after { background: #121620 !important; background-color: #121620 !important; background-image: none !important; mask-image: none !important; -webkit-mask-image: none !important; border-color: #1E293B !important; box-shadow: none !important; } #order_review_heading, .woocommerce-checkout #order_review_heading, .order-review-wrapper #order_review_heading { color: #FFFFFF !important; font-size: 1.4rem !important; font-weight: 800 !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; border-bottom: 2px solid #DCA43B !important; padding-bottom: 12px !important; margin-bottom: 20px !important; } /* Order review items: product titles, stock, subtotal */ #order_review .product-name, #order_review .product-name a, .woocommerce-checkout-review-order-table .product-name, .woocommerce-checkout-review-order-table .product-name a { color: #FFFFFF !important; font-size: 0.95rem !important; font-weight: 700 !important; display: inline-block !important; } #order_review .product-total, #order_review .product-total .amount, .woocommerce-checkout-review-order-table .product-total, .woocommerce-checkout-review-order-table .product-total .amount { color: #FFC742 !important; font-size: 1.05rem !important; font-weight: 800 !important; } #order_review thead th, .woocommerce-checkout-review-order-table thead th { background: #0E121A !important; color: #FFC742 !important; font-weight: 800 !important; text-transform: uppercase !important; border-color: #1E293B !important; } #order_review tfoot th, .woocommerce-checkout-review-order-table tfoot th { background: #0E121A !important; color: #FFFFFF !important; font-weight: 700 !important; text-transform: uppercase !important; border-color: #1E293B !important; } #order_review tfoot td, .woocommerce-checkout-review-order-table tfoot td { background: #0E121A !important; color: #CBD5E1 !important; border-color: #1E293B !important; } #order_review tfoot .order-total th, #order_review tfoot .order-total td, #order_review tfoot .order-total .amount, .woocommerce-checkout-review-order-table tfoot .order-total .amount { color: #FFC742 !important; font-size: 1.35rem !important; font-weight: 800 !important; } .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout button#place_order, .woocommerce-cart input.button, .woocommerce-cart button.button { background: linear-gradient(135deg, #DCA43B 0%, #C0923B 100%) !important; color: #0A0A0A !important; font-weight: 800 !important; font-size: 1rem !important; letter-spacing: 1px !important; text-transform: uppercase !important; border: 1px solid #FFC742 !important; border-radius: 6px !important; padding: 14px 28px !important; box-shadow: 0 4px 15px rgba(220, 164, 59, 0.4) !important; transition: all 0.3s ease !important; } .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover, .woocommerce-checkout button#place_order:hover, .woocommerce-cart input.button:hover, .woocommerce-cart button.button:hover { background: #FFC742 !important; color: #0A0A0A !important; box-shadow: 0 6px 22px rgba(220, 164, 59, 0.65) !important; transform: translateY(-2px) !important; } /* ------------------------------------------------------------- * 13. LOGIN & REGISTER SIDE DRAWER & POPUP (KILL ALL PINK ACCENTS) * ------------------------------------------------------------- */ .login-form-side, .wd-popup-login, .wd-side-hidden.login-form-side, .wd-dropdown-my-account, .woocommerce-form-login, .woocommerce-form-register { background-color: #121620 !important; color: #FFFFFF !important; } .login-form-side .widget-title, .login-form-side .title, .login-form-side h3, .login-form-side h2, .wd-popup-login .title, .wd-popup-login h3 { color: #FFFFFF !important; font-weight: 800 !important; font-size: 1.4rem !important; letter-spacing: 0.5px !important; } .login-form-side label, .wd-popup-login label, .woocommerce-form-login label, .woocommerce-form-register label { color: #CBD5E1 !important; font-weight: 600 !important; font-size: 0.88rem !important; } .login-form-side input[type="text"], .login-form-side input[type="email"], .login-form-side input[type="password"], .wd-popup-login input[type="text"], .wd-popup-login input[type="email"], .wd-popup-login input[type="password"], .woocommerce-form-login input.input-text, .woocommerce-form-register input.input-text { background: #0E121A !important; color: #FFFFFF !important; border: 1px solid #334155 !important; border-radius: 6px !important; padding: 12px 14px !important; } .login-form-side input[type="text"]:focus, .login-form-side input[type="password"]:focus, .wd-popup-login input[type="text"]:focus, .wd-popup-login input[type="password"]:focus, .woocommerce-form-login input.input-text:focus, .woocommerce-form-register input.input-text:focus { border-color: #FFC742 !important; box-shadow: 0 0 0 3px rgba(220, 164, 59, 0.25) !important; outline: none !important; } /* LOGIN / REGISTER BUTTON: ATHLETIC LUXURY GOLD (ZERO PINK!) */ button[name="login"], input[name="login"], button[name="register"], input[name="register"], .woocommerce-form-login__submit, .woocommerce-form-register__submit, .login-form-submit, .login-form-side button[type="submit"], .login-form-side input[type="submit"], .wd-popup-login button[type="submit"], .wd-popup-login input[type="submit"], .woocommerce-form-login button.button, .woocommerce-form-register button.button, .login button.button { background: linear-gradient(135deg, #DCA43B 0%, #C0923B 100%) !important; color: #0A0A0A !important; font-weight: 800 !important; font-size: 0.95rem !important; letter-spacing: 1px !important; text-transform: uppercase !important; border: 1px solid #FFC742 !important; border-radius: 6px !important; padding: 13px 24px !important; box-shadow: 0 4px 15px rgba(220, 164, 59, 0.45) !important; cursor: pointer !important; width: 100% !important; display: block !important; transition: all 0.25s ease !important; } button[name="login"]:hover, input[name="login"]:hover, button[name="register"]:hover, input[name="register"]:hover, .woocommerce-form-login__submit:hover, .woocommerce-form-register__submit:hover, .login-form-submit:hover, .login-form-side button[type="submit"]:hover, .wd-popup-login button[type="submit"]:hover { background: #FFC742 !important; color: #0A0A0A !important; box-shadow: 0 6px 20px rgba(220, 164, 59, 0.65) !important; transform: translateY(-1px) !important; } .login-form-side .lost_password a, .wd-popup-login .lost_password a, .lost_password a, .login-form-side a:not(.button), .wd-popup-login a:not(.button) { color: #FFC742 !important; transition: color 0.2s ease !important; } .login-form-side .lost_password a:hover, .wd-popup-login .lost_password a:hover, .lost_password a:hover, .login-form-side a:not(.button):hover { color: #FFFFFF !important; } .create-account-link, .create-account-link a, a.create-account-link, .login-form-side .create-account-link { color: #FFC742 !important; font-weight: 700 !important; letter-spacing: 0.5px !important; text-decoration: underline !important; } .create-account-link:hover, a.create-account-link:hover { color: #FFFFFF !important; } .login-form-side .close-side-widget, .wd-popup-login .close-side-widget, .wd-close-button { color: #94A3B8 !important; } .login-form-side .close-side-widget:hover, .wd-close-button:hover { color: #FFC742 !important; } input[type="checkbox"] { accent-color: #DCA43B !important; } /* ------------------------------------------------------------- * 14. PREVENT IOS SAFARI ZOOM ON INPUT FOCUS (16PX RULE) * ------------------------------------------------------------- */ input[type="text"], input[type="search"], input[type="email"], input[type="password"], input[type="tel"], input[type="number"], input[type="url"], input.s, .searchform input, .searchform input[type="text"], .leadx-mobile-search-col input, .woocommerce-billing-fields input, .woocommerce-shipping-fields input, .woocommerce-checkout input.input-text, .woocommerce-cart input.input-text, .login-form-side input, .wd-popup-login input, textarea, select, .select2-container--default .select2-selection--single { font-size: 16px !important; } /* ------------------------------------------------------------- * 15. SINGLE PRODUCT SUBTITLE & CONTAINER DARK THEME ENFORCEMENT * ------------------------------------------------------------- */ .single-product .wd-product-cats, .single-product .wd-product-cats a, .single-product .posted_in, .single-product .posted_in a, .single-product .tagged_as, .single-product .tagged_as a, .single-product .product_meta .posted_in, .single-product .product_meta .posted_in a, .single-product .wd-entities-subtitle, .single-product .subtitle, .single-product .product-subtitle, .single-product .leadx-product-subtitle { color: #DCA43B !important; font-size: 0.82rem !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 1px !important; } .single-product .product-image-summary, .single-product .summary-inner, .single-product .entry-summary, .single-product .woocommerce-product-gallery, .single-product .woocommerce-product-gallery__wrapper, .single-product .woocommerce-product-gallery .flex-viewport, .single-product .woocommerce-product-gallery .woocommerce-product-gallery__image, .single-product .flex-control-thumbs, .single-product .tabs-layout-tabs, .single-product .woocommerce-Tabs-panel, .single-product .wd-single-product-desc, .single-product div.product, .single-product div.product .entry-summary, .single-product .col-lg-6 { background-color: #0B0E14 !important; background: #0B0E14 !important; color: #FFFFFF !important; border-color: #1E293B !important; } /* ========================================================================== * LEADX HIGH-PRECISION CORRECTIONS & UX STANDARD * ========================================================================== */ /* RESTORE AND GLORIFY ADD TO CART / SELECT OPTIONS BUTTONS - PERMANENT ROCK-SOLID CENTERING (NO HOVER SHIFT) */ .product-grid-item .wd-buttons, .product-grid-item .wd-buttons[class*="wd-pos-r"], .product-grid-item .wd-buttons.wd-pos-r-b, .product-grid-item .wd-add-btn, .product-grid-item .wd-add-btn a, .product-grid-item a.button.add_to_cart_button, .wd-product .wd-buttons, .wd-product .wd-add-btn, .wd-product:hover .wd-buttons, .wd-product.state-hover .wd-buttons, .product-grid-item:hover .wd-buttons, .product-grid-item:hover .wd-add-btn { position: static !important; display: block !important; visibility: visible !important; opacity: 1 !important; width: 100% !important; height: auto !important; max-width: none !important; max-height: none !important; margin-left: auto !important; margin-right: auto !important; left: auto !important; right: auto !important; transform: none !important; -webkit-transform: none !important; transition: background 0.25s ease, color 0.25s ease, box-shadow 0.25s ease !important; } .product-grid-item .wd-buttons, .product-grid-item .wd-buttons.wd-pos-r-b { padding: 0 14px 10px !important; margin: 0 !important; background: transparent !important; box-shadow: none !important; inset: auto !important; } .product-grid-item .wd-add-btn, .product-grid-item .wd-add-btn.wd-action-btn { margin: 0 0 8px !important; padding: 0 !important; border-radius: 6px !important; } .product-grid-item .wd-add-btn a, .product-grid-item a.button.add_to_cart_button, .product-grid-item a.button.product_type_variable, .product-grid-item a.button.product_type_simple, .product-grid-item a.add-to-cart-loop { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-height: 40px !important; height: auto !important; padding: 10px 16px !important; background: linear-gradient(135deg, #DCA43B 0%, #C0923B 100%) !important; color: #0A0A0A !important; font-size: 0.85rem !important; font-weight: 800 !important; letter-spacing: 0.8px !important; text-transform: uppercase !important; border-radius: 6px !important; border: 1px solid #FFC742 !important; box-shadow: 0 4px 12px rgba(220, 164, 59, 0.3) !important; text-decoration: none !important; cursor: pointer !important; position: relative !important; z-index: 5 !important; box-sizing: border-box !important; } .product-grid-item .wd-add-btn a:hover, .product-grid-item a.button.add_to_cart_button:hover, .product-grid-item a.button.product_type_variable:hover, .product-grid-item a.button.product_type_simple:hover { background: #FFC742 !important; color: #000000 !important; box-shadow: 0 6px 18px rgba(220, 164, 59, 0.55) !important; transform: none !important; -webkit-transform: none !important; } .product-grid-item .wd-add-btn a .wd-action-text { display: inline-block !important; color: #0A0A0A !important; font-weight: 800 !important; font-size: 0.85rem !important; text-transform: uppercase !important; letter-spacing: 0.8px !important; opacity: 1 !important; visibility: visible !important; clip: auto !important; position: static !important; width: auto !important; height: auto !important; } .product-grid-item .wd-add-btn a .wd-action-icon { display: none !important; } /* SECONDARY WHATSAPP ENQUIRY BUTTON ON CARDS (SUBORDINATE & RESTRAINED) */ .leadx-grid-wa-wrap { margin: 0 0 10px !important; width: 100% !important; padding: 0 14px !important; box-sizing: border-box !important; text-align: center !important; } .leadx-grid-wa-btn { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important; width: 100% !important; padding: 7px 12px !important; background: rgba(37, 211, 102, 0.08) !important; color: #25D366 !important; border: 1px solid rgba(37, 211, 102, 0.35) !important; border-radius: 6px !important; font-size: 0.78rem !important; font-weight: 700 !important; text-decoration: none !important; letter-spacing: 0.3px !important; transition: all 0.2s ease !important; box-sizing: border-box !important; } .leadx-grid-wa-btn:hover { background: #25D366 !important; color: #0A0A0A !important; border-color: #25D366 !important; } .leadx-grid-wa-btn svg { width: 14px !important; height: 14px !important; min-width: 14px !important; min-height: 14px !important; max-width: 14px !important; max-height: 14px !important; flex-shrink: 0 !important; fill: currentColor !important; display: inline-block !important; margin: 0 !important; } .leadx-grid-wa-btn span { display: inline-block !important; font-size: 0.78rem !important; white-space: nowrap !important; } /* MOBILE PRODUCT GRID OPTIMIZATION - COMPACT, BALANCED & TOUCH-FRIENDLY */ @media (max-width: 767px) { .leadx-grid-wa-wrap { margin: 0 0 8px !important; padding: 0 8px !important; } .leadx-grid-wa-btn { padding: 6px 6px !important; font-size: 0.72rem !important; min-height: 32px !important; gap: 5px !important; border-radius: 5px !important; } .leadx-grid-wa-btn svg { width: 12px !important; height: 12px !important; min-width: 12px !important; max-width: 12px !important; } .leadx-grid-wa-btn span { font-size: 0.70rem !important; letter-spacing: 0.2px !important; white-space: nowrap !important; } .product-grid-item .wd-buttons, .product-grid-item .wd-buttons.wd-pos-r-b { padding: 0 8px 10px !important; } .product-grid-item .wd-add-btn { margin: 0 0 6px !important; } .product-grid-item .wd-add-btn a, .product-grid-item a.button.add_to_cart_button, .product-grid-item a.button.product_type_variable, .product-grid-item a.button.product_type_simple { min-height: 36px !important; padding: 8px 10px !important; font-size: 0.78rem !important; } .product-grid-item .wd-add-btn a .wd-action-text { font-size: 0.78rem !important; } } /* DESKTOP SECONDARY SUBNAV BAR & PERFECT BLOG MENU ALIGNMENT */ .leadx-subnav-bar { background-color: #141414 !important; border-top: 1px solid #222222 !important; border-bottom: 2px solid #FFC742 !important; display: flex !important; align-items: center !important; justify-content: space-between !important; height: 52px !important; padding: 0 24px !important; position: relative !important; z-index: 90 !important; } .leadx-subnav-links { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: center !important; gap: clamp(10px, 1.4vw, 24px) !important; list-style: none !important; margin: 0 !important; padding: 0 !important; height: 100% !important; flex: 1 1 auto !important; } .leadx-subnav-links li { display: inline-flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; list-style: none !important; line-height: 1 !important; height: 100% !important; border: none !important; } .leadx-subnav-links li a, .leadx-subnav-links a { color: #FFFFFF !important; font-weight: 800 !important; font-size: 0.82rem !important; text-transform: uppercase !important; letter-spacing: 0.8px !important; text-decoration: none !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; line-height: 1 !important; white-space: nowrap !important; padding: 8px 2px !important; margin: 0 !important; vertical-align: middle !important; transition: color 0.2s ease !important; } .leadx-subnav-links a:hover { color: #FFC742 !important; } .leadx-subnav-offers-btn { display: inline-flex !important; align-items: center !important; justify-content: center !important; background: linear-gradient(135deg, #DCA43B 0%, #C0923B 100%) !important; color: #0A0A0A !important; font-weight: 800 !important; font-size: 0.82rem !important; text-transform: uppercase !important; letter-spacing: 1px !important; padding: 8px 18px !important; border-radius: 4px !important; border: 1px solid #FFC742 !important; text-decoration: none !important; line-height: 1 !important; white-space: nowrap !important; flex-shrink: 0 !important; } .leadx-subnav-categories-btn { display: inline-flex !important; align-items: center !important; gap: 8px !important; background: linear-gradient(135deg, #DCA43B 0%, #C0923B 100%) !important; color: #0A0A0A !important; font-weight: 800 !important; font-size: 0.84rem !important; text-transform: uppercase !important; letter-spacing: 0.8px !important; padding: 10px 18px !important; border-radius: 4px !important; border: 1px solid #FFC742 !important; text-decoration: none !important; line-height: 1 !important; white-space: nowrap !important; flex-shrink: 0 !important; } /* WISHLIST PAGE - LUXURY DARK DESIGN & READABILITY */ body.woocommerce-wishlist, .woocommerce-wishlist .website-wrapper, .woocommerce-wishlist .main-page-wrapper, .woocommerce-wishlist .content-layout-wrapper { background-color: #0B0E14 !important; color: #CBD5E1 !important; } .wd-wishlist-title, .wishlist-title, .woocommerce-wishlist h1, .woocommerce-wishlist h2 { color: #FFFFFF !important; font-weight: 900 !important; font-size: 1.5rem !important; text-transform: uppercase !important; letter-spacing: 0.8px !important; margin-bottom: 20px !important; display: block !important; } .wd-wishlist-remove, .wd-wishlist-remove a, .wishlist-remove, .wishlist-remove a { color: #CBD5E1 !important; font-size: 0.85rem !important; font-weight: 700 !important; text-decoration: none !important; transition: color 0.2s ease !important; } .wd-wishlist-remove a:hover, .wishlist-remove a:hover { color: #EF4444 !important; } .wd-wishlist-content .wd-product-wrapper, .wd-wishlist-content .product-grid-item .product-wrapper { background-color: #121620 !important; border: 1px solid #1E293B !important; border-radius: 10px !important; } .wd-wishlist-content .wd-buttons, .wd-wishlist-content .wd-add-to-cart-btn, .wd-wishlist-content .wd-add-btn { display: block !important; visibility: visible !important; opacity: 1 !important; position: static !important; width: 100% !important; height: auto !important; margin: 0 !important; padding: 0 10px 10px !important; } .wd-wishlist-content .wd-add-to-cart-btn a, .wd-wishlist-content .wd-add-btn a, .wd-wishlist-content a.button.add_to_cart_button { display: flex !important; align-items: center !important; justify-content: center !important; background: linear-gradient(135deg, #DCA43B 0%, #C0923B 100%) !important; color: #0A0A0A !important; font-weight: 800 !important; font-size: 0.82rem !important; text-transform: uppercase !important; letter-spacing: 0.8px !important; border-radius: 6px !important; border: 1px solid #FFC742 !important; padding: 8px 14px !important; min-height: 38px !important; text-decoration: none !important; box-shadow: 0 4px 12px rgba(220, 164, 59, 0.3) !important; } .wd-wishlist-content .wd-add-to-cart-btn a:hover { background: #FFC742 !important; color: #000000 !important; } /* SINGLE PRODUCT LIGHTBOX MODAL */ .woodmart-show-product-gallery, .wd-show-product-gallery-wrap a { pointer-events: auto !important; cursor: pointer !important; z-index: 10 !important; } .leadx-lightbox-overlay { position: fixed !important; inset: 0 !important; background: rgba(5, 7, 14, 0.96) !important; z-index: 9999999 !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: space-between !important; padding: 20px !important; box-sizing: border-box !important; backdrop-filter: blur(8px) !important; animation: leadxFadeIn 0.2s ease forwards !important; } @keyframes leadxFadeIn { from { opacity: 0; } to { opacity: 1; } } .leadx-lightbox-header { width: 100% !important; max-width: 1200px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; padding-bottom: 12px !important; border-bottom: 1px solid #1E293B !important; } .leadx-lightbox-title { color: #FFFFFF !important; font-weight: 800 !important; font-size: 1.05rem !important; letter-spacing: 0.5px !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; max-width: 60% !important; } .leadx-lightbox-counter { color: #FFC742 !important; font-weight: 800 !important; font-size: 0.95rem !important; letter-spacing: 1px !important; } .leadx-lightbox-close { background: #121620 !important; color: #FFFFFF !important; border: 1px solid #1E293B !important; width: 36px !important; height: 36px !important; border-radius: 50% !important; font-size: 22px !important; line-height: 1 !important; cursor: pointer !important; display: flex !important; align-items: center !important; justify-content: center !important; transition: all 0.2s ease !important; } .leadx-lightbox-close:hover { background: #FFC742 !important; color: #000000 !important; border-color: #FFC742 !important; } .leadx-lightbox-stage { flex: 1 1 auto !important; width: 100% !important; max-width: 1200px !important; display: flex !important; align-items: center !important; justify-content: center !important; position: relative !important; gap: 16px !important; } .leadx-lightbox-img-wrap { display: flex !important; align-items: center !important; justify-content: center !important; max-width: 86vw !important; max-height: 80vh !important; } .leadx-lightbox-img-wrap img { max-width: 100% !important; max-height: 80vh !important; object-fit: contain !important; border-radius: 8px !important; box-shadow: 0 12px 40px rgba(0, 0, 0, 0.8) !important; transition: opacity 0.15s ease !important; } .leadx-lightbox-prev, .leadx-lightbox-next { background: rgba(18, 22, 32, 0.85) !important; color: #FFFFFF !important; border: 1px solid #1E293B !important; width: 44px !important; height: 44px !important; border-radius: 50% !important; font-size: 20px !important; cursor: pointer !important; display: flex !important; align-items: center !important; justify-content: center !important; transition: all 0.2s ease !important; flex-shrink: 0 !important; } .leadx-lightbox-prev:hover, .leadx-lightbox-next:hover { background: #FFC742 !important; color: #000000 !important; border-color: #FFC742 !important; } /* SINGLE PRODUCT ACCORDIONS & TABS - DESKTOP & MOBILE */ .woocommerce-tabs .wd-accordion-item, .wd-accordion-item { border-bottom: 1px solid #1E293B !important; margin-bottom: 10px !important; } .woocommerce-tabs .wd-accordion-title, .wd-accordion-title, .tab-title-description, .tab-title-reviews, .tab-title-28948_custom, .tab-title-additional_information { background-color: #121620 !important; border: 1px solid #1E293B !important; border-radius: 8px !important; padding: 14px 18px !important; color: #FFFFFF !important; transition: all 0.25s ease !important; cursor: pointer !important; } .wd-accordion-title .wd-accordion-title-text, .wd-accordion-title .wd-accordion-title-text span, .wd-accordion-title span { color: #FFFFFF !important; font-size: 0.95rem !important; font-weight: 700 !important; letter-spacing: 0.3px !important; } .wd-accordion-title.wd-active, .wd-accordion-title:hover { border-color: #FFC742 !important; background-color: #171C28 !important; } .wd-accordion-title.wd-active .wd-accordion-title-text, .wd-accordion-title.wd-active .wd-accordion-title-text span { color: #FFC742 !important; } .wd-accordion-title .wd-accordion-opener, .wd-accordion-title:after, .wd-accordion-title .wd-accordion-opener:after { color: #FFC742 !important; border-color: #FFC742 !important; } .woocommerce-tabs .wd-nav-tabs li a, .woocommerce-tabs .wc-tabs li a { color: #CBD5E1 !important; font-weight: 700 !important; font-size: 0.95rem !important; padding: 12px 20px !important; } .woocommerce-tabs .wd-nav-tabs li.active a, .woocommerce-tabs .wc-tabs li.active a, .woocommerce-tabs .wd-nav-tabs li a:hover { color: #FFC742 !important; border-bottom-color: #FFC742 !important; } .woocommerce-tabs .entry-content, .woocommerce-tabs .woocommerce-Tabs-panel, .woocommerce-tabs .wc-tab { color: #CBD5E1 !important; background-color: #121620 !important; border: 1px solid #1E293B !important; border-radius: 8px !important; padding: 20px !important; margin-top: 8px !important; } .related-products h2, .related.products h2, .upsells.products h2, .related-and-upsells h2, .related-and-upsells .slider-title, .related-and-upsells .slider-title span, .wd-el-title.title.slider-title, .wd-el-title.title.slider-title span { color: #FFFFFF !important; font-weight: 800 !important; font-size: 1.4rem !important; letter-spacing: 0.5px !important; text-transform: uppercase !important; } /* MOBILE STICKY TOOLBAR - ALL 4 ITEMS UNIFIED */ .wd-toolbar, div.wd-toolbar { background: #0E121A !important; background-color: #0E121A !important; border-top: 1px solid #1E293B !important; box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.6) !important; z-index: 99999 !important; } .wd-toolbar > div, .wd-toolbar .wd-tools-element, .wd-toolbar .wd-toolbar-item { flex: 1 1 0 !important; max-width: none !important; width: 100% !important; text-align: center !important; display: flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; padding: 0 !important; margin: 0 !important; } .wd-toolbar a, .wd-toolbar > div > a, .wd-toolbar .wd-tools-element > a { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; width: 100% !important; max-width: 100% !important; height: 100% !important; padding: 4px 2px 2px !important; text-decoration: none !important; color: #CBD5E1 !important; position: relative !important; box-sizing: border-box !important; } .wd-toolbar .wd-tools-icon, .wd-toolbar .wd-toolbar-icon, .wd-toolbar .wd-tools-icon:before, .wd-toolbar .wd-toolbar-icon:before, .wd-toolbar svg { color: #CBD5E1 !important; fill: #CBD5E1 !important; font-size: 19px !important; line-height: 1 !important; margin-bottom: 2px !important; transition: color 0.2s ease, fill 0.2s ease !important; } .wd-toolbar-label, .wd-toolbar .wd-toolbar-label, .wd-toolbar.wd-toolbar-label-show .wd-toolbar-label, .wd-toolbar.wd-toolbar-label-show > a .wd-toolbar-label, .wd-toolbar.wd-toolbar-label-show > div a .wd-toolbar-label { position: static !important; inset-inline: auto !important; left: auto !important; right: auto !important; bottom: auto !important; width: 100% !important; max-width: 100% !important; display: block !important; overflow: visible !important; text-overflow: clip !important; white-space: nowrap !important; font-size: 10px !important; line-height: 1.2 !important; font-weight: 600 !important; letter-spacing: 0 !important; text-transform: uppercase !important; text-align: center !important; color: #CBD5E1 !important; padding: 0 !important; margin: 0 !important; box-sizing: border-box !important; transition: color 0.2s ease !important; } .wd-toolbar a:hover, .wd-toolbar a:hover .wd-tools-icon, .wd-toolbar a:hover .wd-tools-icon:before, .wd-toolbar a:hover svg, .wd-toolbar a:hover .wd-toolbar-label, .wd-toolbar .wd-active a, .wd-toolbar .current-item a, .wd-toolbar .wd-active .wd-tools-icon, .wd-toolbar .current-item .wd-tools-icon, .wd-toolbar .wd-active .wd-tools-icon:before, .wd-toolbar .current-item .wd-tools-icon:before, .wd-toolbar .wd-active svg, .wd-toolbar .current-item svg, .wd-toolbar .wd-active .wd-toolbar-label, .wd-toolbar .current-item .wd-toolbar-label { color: #FFC742 !important; fill: #FFC742 !important; } .wd-toolbar .wd-cart-number, .wd-toolbar .woodmart-cart-number, .wd-toolbar .wd-tools-count { background-color: #FFC742 !important; color: #000000 !important; font-weight: 900 !important; font-size: 10px !important; border-radius: 50% !important; min-width: 16px !important; height: 16px !important; line-height: 16px !important; border: 1px solid #000000 !important; top: -4px !important; right: -8px !important; } /* SHOP FILTER SIDEBAR & MOBILE DRAWER */ .sidebar-container, .wd-sidebar, .wd-side-hidden, .widget-area, .shop-sidebar, .wd-sidebar[class*="wd-show"], .wd-sidebar-hidden-sm .wd-sidebar { background-color: #121620 !important; color: #CBD5E1 !important; border-color: #1E293B !important; } /* Desktop In-Page Sidebar Container */ @media (min-width: 1025px) { .sidebar-container.sidebar-left, .wd-sidebar:not(.wd-side-hidden) { background: #121620 !important; border: 1px solid #1E293B !important; border-radius: 12px !important; padding: 24px 20px !important; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.4) !important; margin-bottom: 30px !important; box-sizing: border-box !important; } .sidebar-container:not(.wd-side-hidden) .wd-heading { display: none !important; } } /* Mobile Off-Canvas Sidebar Drawer */ .wd-sidebar.wd-side-hidden { background-color: #121620 !important; padding: 0 !important; box-sizing: border-box !important; } .wd-sidebar.wd-side-hidden .wd-heading { display: flex !important; justify-content: flex-end !important; align-items: center !important; padding: 16px 20px !important; background: #0E121A !important; border-bottom: 1px solid #1E293B !important; } .close-side-widget a { color: #FFFFFF !important; font-weight: 700 !important; text-transform: uppercase !important; font-size: 0.85rem !important; display: inline-flex !important; align-items: center !important; gap: 6px !important; } .close-side-widget .wd-action-icon:before { color: #FFC742 !important; font-size: 16px !important; } .wd-sidebar.wd-side-hidden .widget-area { padding: 20px !important; background: transparent !important; } /* Consistent Spacing Across All Sidebar Widgets */ .sidebar-container .widget, .sidebar-container .wd-widget, .wd-sidebar .widget, .wd-sidebar .wd-widget { margin-bottom: 24px !important; padding-bottom: 20px !important; border-bottom: 1px solid #1E293B !important; } .sidebar-container .widget:last-child, .sidebar-container .wd-widget:last-child, .wd-sidebar .widget:last-child, .wd-sidebar .wd-widget:last-child { margin-bottom: 0 !important; padding-bottom: 0 !important; border-bottom: none !important; } .wd-sidebar .widget-title, .wd-sidebar .widgettitle, .sidebar-container .widget-title, .sidebar-container .widgettitle, .widget-area .widget-title { color: #FFFFFF !important; font-weight: 800 !important; font-size: 0.95rem !important; text-transform: uppercase !important; letter-spacing: 0.8px !important; border-bottom: 2px solid #FFC742 !important; padding-bottom: 8px !important; margin-bottom: 18px !important; } /* Price Filter Widget - Full Layout & Contrast Fix */ .widget_price_filter .price_slider { margin-top: 12px !important; margin-bottom: 22px !important; } .widget_price_filter .ui-slider-horizontal { background: #1E293B !important; height: 6px !important; border-radius: 3px !important; border: none !important; } .widget_price_filter .ui-slider .ui-slider-range { background: #FFC742 !important; height: 6px !important; border-radius: 3px !important; } .widget_price_filter .ui-slider .ui-slider-handle { background: #FFC742 !important; border: 2px solid #0B0E14 !important; width: 18px !important; height: 18px !important; border-radius: 50% !important; top: -6px !important; cursor: pointer !important; box-shadow: 0 0 8px rgba(255, 199, 66, 0.7) !important; } .widget_price_filter .ui-slider .ui-slider-handle:after { display: none !important; } .widget_price_filter .price_slider_amount { display: flex !important; align-items: center !important; justify-content: space-between !important; flex-wrap: wrap !important; gap: 12px !important; margin-top: 16px !important; width: 100% !important; } .widget_price_filter .price_slider_amount .price_label { order: 1 !important; color: #CBD5E1 !important; font-size: 0.92rem !important; font-weight: 600 !important; display: flex !important; align-items: center !important; flex-wrap: wrap !important; gap: 4px !important; margin: 0 !important; } .widget_price_filter [class*=price_slider_amount] .price_label, .widget_price_filter [class*=price_slider_amount] .price_label > span, .widget_price_filter .price_slider_amount .price_label span, .widget_price_filter .price_slider_amount .price_label .from, .widget_price_filter .price_slider_amount .price_label .to { color: #FFFFFF !important; font-weight: 800 !important; font-size: 0.95rem !important; } .widget_price_filter .price_slider_amount .button, .widget_price_filter .price_slider_amount button.button { order: 2 !important; background: linear-gradient(135deg, #DCA43B 0%, #C0923B 100%) !important; color: #0A0A0A !important; font-weight: 800 !important; font-size: 0.8rem !important; letter-spacing: 0.8px !important; text-transform: uppercase !important; padding: 8px 18px !important; border-radius: 4px !important; border: 1px solid #FFC742 !important; cursor: pointer !important; min-height: unset !important; line-height: 1.2 !important; margin: 0 !important; box-shadow: 0 2px 10px rgba(220, 164, 59, 0.3) !important; } /* Stock Status & Category Checkbox Filters */ .wd-widget-stock-status li a, .woocommerce-widget-layered-nav-list li a, .wd-checkboxes-on li a { color: #CBD5E1 !important; font-size: 0.9rem !important; transition: color 0.2s ease !important; } .wd-widget-stock-status li a:hover, .woocommerce-widget-layered-nav-list li a:hover { color: #FFC742 !important; } /* Top Rated Products Widget */ .widget_top_rated_products .product_list_widget li, .product_list_widget li { padding: 10px 0 !important; border-bottom: 1px solid #1E293B !important; } .widget-product-wrap { display: flex !important; align-items: center !important; gap: 12px !important; } .widget-product-img { width: 65px !important; height: 65px !important; min-width: 65px !important; border-radius: 6px !important; overflow: hidden !important; border: 1px solid #1E293B !important; background: #0E121A !important; } .widget-product-img img { width: 100% !important; height: 100% !important; object-fit: cover !important; } .widget-product-info a.wd-entities-title, .widget-product-info .wd-entities-title, .product_list_widget li a { color: #FFFFFF !important; font-weight: 700 !important; font-size: 0.88rem !important; line-height: 1.35 !important; display: block !important; transition: color 0.2s ease !important; text-decoration: none !important; } .widget-product-info a.wd-entities-title:hover, .product_list_widget li a:hover { color: #FFC742 !important; } .product_list_widget .price, .product_list_widget .amount { color: #FFC742 !important; font-weight: 800 !important; font-size: 0.95rem !important; } .product_list_widget del, .product_list_widget del .amount { color: #64748B !important; font-size: 0.82rem !important; } .product_list_widget .stock.in-stock { color: #25D366 !important; background: rgba(37, 211, 102, 0.1) !important; border: 1px solid rgba(37, 211, 102, 0.3) !important; border-radius: 4px !important; padding: 2px 6px !important; font-size: 0.72rem !important; font-weight: 700 !important; display: inline-block !important; margin-top: 4px !important; } /* MY ACCOUNT & AUTHENTICATION PAGES - LUXURY DARK DESIGN */ body.woocommerce-account, .woocommerce-account .website-wrapper, .woocommerce-account .main-page-wrapper, .woocommerce-account .content-layout-wrapper, .woocommerce-account #main-content, .woocommerce-account .site-content, .woocommerce-account .container { background-color: #0B0E14 !important; color: #CBD5E1 !important; } .woocommerce-account .entry-title, .woocommerce-account .page-title, .woocommerce-account h2, .woocommerce-account h3, .woocommerce-account .col-1 h2, .woocommerce-account .col-2 h2, .woocommerce-account .u-column1 h2, .woocommerce-account .u-column2 h2, .woocommerce-account .woocommerce-form-login-toggle h2 { color: #FFFFFF !important; font-weight: 800 !important; font-size: 1.6rem !important; text-transform: uppercase !important; letter-spacing: 0.8px !important; margin-top: 24px !important; margin-bottom: 16px !important; } .woocommerce-account .woocommerce-form-login, .woocommerce-account .woocommerce-form-register, .woocommerce-account .woocommerce-ResetPassword, .woocommerce-account form.login, .woocommerce-account form.register { background-color: #121620 !important; border: 1px solid #1E293B !important; border-radius: 10px !important; padding: 24px !important; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.45) !important; } .woocommerce-account label { color: #CBD5E1 !important; font-weight: 700 !important; font-size: 0.88rem !important; margin-bottom: 6px !important; } .woocommerce-account .woocommerce-form-row input[type="text"], .woocommerce-account .woocommerce-form-row input[type="password"], .woocommerce-account .woocommerce-form-row input[type="email"], .woocommerce-account .woocommerce-Input { background-color: #0E121A !important; border: 1px solid #2A3446 !important; color: #FFFFFF !important; border-radius: 6px !important; padding: 12px 14px !important; font-size: 0.95rem !important; } .woocommerce-account input:focus { border-color: #FFC742 !important; box-shadow: 0 0 0 2px rgba(255, 199, 66, 0.25) !important; } .woocommerce-account .button, .woocommerce-account button.button, .woocommerce-account input[type="submit"] { background: linear-gradient(135deg, #DCA43B 0%, #C0923B 100%) !important; color: #0A0A0A !important; font-weight: 800 !important; font-size: 0.92rem !important; text-transform: uppercase !important; letter-spacing: 0.8px !important; border-radius: 6px !important; border: 1px solid #FFC742 !important; box-shadow: 0 4px 15px rgba(220, 164, 59, 0.35) !important; padding: 12px 24px !important; width: 100% !important; cursor: pointer !important; transition: all 0.25s ease !important; } .woocommerce-account .button:hover, .woocommerce-account button.button:hover, .woocommerce-account input[type="submit"]:hover { background: #FFC742 !important; color: #000000 !important; box-shadow: 0 6px 20px rgba(220, 164, 59, 0.6) !important; } .woocommerce-account .woocommerce-LostPassword a, .woocommerce-account a.woocommerce-LostPassword, .woocommerce-account .lost_password a { color: #FFC742 !important; font-weight: 700 !important; font-size: 0.85rem !important; text-decoration: none !important; } .woocommerce-account .woocommerce-form-login__rememberme { color: #CBD5E1 !important; font-size: 0.85rem !important; } /* MY ACCOUNT "OR" SEPARATOR - LUXURY DUAL-LINE GOLD BADGE */ .wd-login-divider, p.title.wd-login-divider, .woocommerce-account .wd-login-divider, .col-register-text .wd-login-divider { display: flex !important; align-items: center !important; justify-content: center !important; text-align: center !important; margin: 40px auto !important; width: 100% !important; max-width: 480px !important; position: relative !important; } .wd-login-divider:before, .wd-login-divider:after, p.title.wd-login-divider:before, p.title.wd-login-divider:after, .woocommerce-account .wd-login-divider:before, .woocommerce-account .wd-login-divider:after { content: "" !important; flex: 1 1 auto !important; height: 1px !important; background: linear-gradient(90deg, transparent, #2A3446 40%, #FFC742 100%) !important; border: none !important; } .wd-login-divider:after, p.title.wd-login-divider:after, .woocommerce-account .wd-login-divider:after { background: linear-gradient(90deg, #FFC742 0%, #2A3446 60%, transparent) !important; } .wd-login-divider span, p.title.wd-login-divider span, .woocommerce-account .wd-login-divider span { display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 6px 20px !important; margin: 0 16px !important; color: #FFFFFF !important; background: #121620 !important; border: 1px solid #FFC742 !important; border-radius: 20px !important; font-size: 0.85rem !important; font-weight: 800 !important; text-transform: uppercase !important; letter-spacing: 2px !important; box-shadow: 0 0 14px rgba(255, 199, 66, 0.3) !important; } /* SINGLE PRODUCT FULLSCREEN LIGHTBOX MODAL */ .woodmart-show-product-gallery, .wd-show-product-gallery-wrap a, #leadx-main-display-img { pointer-events: auto !important; cursor: zoom-in !important; z-index: 10 !important; } .leadx-lightbox-overlay { position: fixed !important; top: 0 !important; left: 0 !important; width: 100vw !important; height: 100vh !important; background: rgba(11, 14, 20, 0.95) !important; backdrop-filter: blur(10px) !important; -webkit-backdrop-filter: blur(10px) !important; z-index: 9999999 !important; display: flex !important; flex-direction: column !important; justify-content: space-between !important; align-items: center !important; padding: 16px 20px !important; box-sizing: border-box !important; animation: leadxLightboxFadeIn 0.2s ease forwards !important; } @keyframes leadxLightboxFadeIn { from { opacity: 0; } to { opacity: 1; } } .leadx-lightbox-closing { animation: leadxLightboxFadeOut 0.2s ease forwards !important; } @keyframes leadxLightboxFadeOut { from { opacity: 1; } to { opacity: 0; } } .leadx-lightbox-header { width: 100% !important; max-width: 1200px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; color: #FFFFFF !important; padding: 8px 0 !important; border-bottom: 1px solid #1E293B !important; } .leadx-lightbox-title { font-size: 1.1rem !important; font-weight: 800 !important; color: #FFFFFF !important; text-transform: uppercase !important; letter-spacing: 0.8px !important; } .leadx-lightbox-counter { font-size: 0.9rem !important; color: #FFC742 !important; font-weight: 700 !important; } .leadx-lightbox-close { background: transparent !important; border: none !important; color: #CBD5E1 !important; font-size: 2.2rem !important; line-height: 1 !important; cursor: pointer !important; padding: 0 8px !important; transition: color 0.2s ease !important; } .leadx-lightbox-close:hover { color: #FFC742 !important; } .leadx-lightbox-stage { flex: 1 1 auto !important; display: flex !important; align-items: center !important; justify-content: center !important; position: relative !important; width: 100% !important; max-width: 1200px !important; max-height: calc(100vh - 160px) !important; } .leadx-lightbox-img-wrap { max-width: 90% !important; max-height: 100% !important; display: flex !important; align-items: center !important; justify-content: center !important; } .leadx-lightbox-img-wrap img { max-width: 100% !important; max-height: calc(100vh - 170px) !important; object-fit: contain !important; border-radius: 8px !important; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.8) !important; border: 1px solid #2A3446 !important; transition: opacity 0.15s ease !important; } .leadx-lightbox-prev, .leadx-lightbox-next { position: absolute !important; top: 50% !important; transform: translateY(-50%) !important; background: rgba(18, 22, 32, 0.85) !important; border: 1px solid #FFC742 !important; color: #FFC742 !important; width: 44px !important; height: 44px !important; border-radius: 50% !important; font-size: 1.2rem !important; display: flex !important; align-items: center !important; justify-content: center !important; cursor: pointer !important; z-index: 100 !important; transition: all 0.2s ease !important; } .leadx-lightbox-prev { left: 10px !important; } .leadx-lightbox-next { right: 10px !important; } .leadx-lightbox-prev:hover, .leadx-lightbox-next:hover { background: #FFC742 !important; color: #000000 !important; } .leadx-lightbox-thumbs { display: flex !important; align-items: center !important; justify-content: center !important; gap: 10px !important; padding: 8px 0 !important; overflow-x: auto !important; max-width: 100% !important; } .leadx-lightbox-thumb-btn { background: transparent !important; border: 2px solid #2A3446 !important; border-radius: 6px !important; padding: 2px !important; cursor: pointer !important; width: 48px !important; height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; transition: border-color 0.2s ease !important; opacity: 0.65 !important; } .leadx-lightbox-thumb-btn.active, .leadx-lightbox-thumb-btn:hover { border-color: #FFC742 !important; opacity: 1 !important; } .leadx-lightbox-thumb-btn img { width: 100% !important; height: 100% !important; object-fit: cover !important; border-radius: 4px !important; } /* FOOTER & ACCORDIONS - FULL VIEWPORT WIDTH & SEAMLESS DARK BACKGROUND */ footer.wd-footer, footer.footer-container, .wd-footer, .footer-container { background-color: #0A0D14 !important; border-top: 2px solid #DCA43B !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; color: #94A3B8 !important; } .main-footer { background: transparent !important; width: 100% !important; max-width: 100% !important; padding: 40px 20px 20px !important; box-sizing: border-box !important; } .footer-sidebar { padding-block: 0 !important; width: 100% !important; margin: 0 !important; } .footer-column .widget-title { color: #FFFFFF !important; font-size: 0.95rem !important; font-weight: 800 !important; letter-spacing: 0.8px !important; text-transform: uppercase !important; border-bottom: 2px solid #DCA43B !important; padding-bottom: 10px !important; margin-bottom: 14px !important; } .footer-column .widget-title:after { color: #DCA43B !important; } .footer-container a { color: #CBD5E1 !important; transition: color 0.2s ease !important; } .footer-container a:hover { color: #FFC742 !important; } .copyrights-wrapper, .wd-copyrights { background-color: #06080D !important; border-top: 1px solid #1E293B !important; color: #94A3B8 !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; padding: 24px 20px 80px !important; text-align: center !important; } .copyrights-wrapper .container, .wd-copyrights .container { max-width: 100% !important; padding: 0 !important; display: flex !important; flex-direction: column !important; align-items: center !important; gap: 12px !important; } .copyrights-wrapper a, .wd-copyrights a { color: #FFC742 !important; font-weight: 700 !important; text-decoration: none !important; transition: color 0.2s ease !important; } .copyrights-wrapper a:hover, .wd-copyrights a:hover { color: #FFFFFF !important; text-decoration: underline !important; }