@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//vaultbyistorex.com/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=8.2.7") format("woff2");
}

@font-face {
	font-family: "star";
	font-weight: 400;
	font-style: normal;
	src: url("//vaultbyistorex.com/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("//vaultbyistorex.com/wp-content/plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("//vaultbyistorex.com/wp-content/plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("//vaultbyistorex.com/wp-content/plugins/woocommerce/assets/fonts/star.svg#star") format("svg");
}

@font-face {
	font-family: "WooCommerce";
	font-weight: 400;
	font-style: normal;
	src: url("//vaultbyistorex.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("//vaultbyistorex.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("//vaultbyistorex.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"), url("//vaultbyistorex.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg");
}

:root {
	--wd-text-font: "Karla", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(118,118,118);
	--wd-text-font-size: 15px;
	--wd-title-font: "Karla", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Karla", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Karla", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Karla", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Karla", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-primary-color: f82a29;
	--wd-alternative-color: #fbbc34;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(0,123,196);
	--btn-accented-bgcolor-hover: rgb(0,106,169);
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
}
.wd-popup.wd-age-verify {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: url(https://vaultbyistorex.com/wp-content/uploads/2021/08/promo-popup.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	--wd-popup-width: 800px;
	--wd-popup-padding: 15px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title {
	background-color: #0a0a0a;
	background-image: url(https://vaultbyistorex.com/wp-content/uploads/2021/10/electronics-page-title.jpg);
	background-size: cover;
	background-position: center center;
}
.wd-footer {
	background-color: rgb(10,10,10);
	background-image: none;
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 35px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 35px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 35px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 0px;
}

@media (min-width: 1222px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.wd-page-content.main-page-wrapper {
    background: #f5f5f5;
}
/* ==========================================
   1. TOP BAR STYLING (BOLDER & LARGER)
========================================== */
.custom-top-bar-right { 
    font-size: 14px !important; 
    font-weight: 600 !important; /* Makes text bold */
    color: #111; 
    display: flex; 
    align-items: center; 
    gap: 15px; 
}
.custom-top-bar-right a { 
    color: #111; 
    text-decoration: none; 
    display: flex; 
    align-items: center; 
    gap: 8px;
    transition: color 0.2s ease;
}
.custom-top-bar-right a:hover {
    color: #ff0000;
}
.custom-top-bar-right .sep { 
    color: #cccccc; 
}

/* ==========================================
   2. MAIN HEADER (FIXED SEARCH BAR)
========================================== */
/* Safely wrap the search form in the thick white box */
.whb-main-header .wd-search-form {
    background-color: #ffffff !important;
    border-radius: 6px !important;
    border: none !important;
    padding: 3px !important; 
}
/* Styles the search input text */
.whb-main-header .wd-search-form input[type="text"] {
    background-color: transparent !important;
    border: none !important;
    color: #333 !important;
    font-size: 15px !important;
}
/* Safely color the search button black without breaking its size */
.whb-main-header .wd-search-form .searchsubmit {
    background-color: #000000 !important;
    color: #ffffff !important;
    border-radius: 4px !important;
}

/* ==========================================
   3. MAIN HEADER (RIGHT SIDE BLOCKS)
========================================== */
/* Power Play Gradient Button */
.power-play-btn {
    background: linear-gradient(90deg, #f12711 0%, #f5af19 100%);
    color: #ffffff !important;
    padding: 10px 22px !important;
    border-radius: 30px !important;
    font-weight: 800 !important;
    font-size: 15px !important;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    letter-spacing: 0.5px;
}
.power-play-btn:hover { 
    opacity: 0.9; 
}

/* Pre-Order Custom Block */
.header-pre-order {
    display: flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
}
.header-pre-order .hp-text {
    display: flex;
    flex-direction: column;
    line-height: 1.2;
}
.header-pre-order .hp-title {
    color: #ffffff !important;
    font-weight: 800 !important; 
    font-size: 15px !important;  
}
.header-pre-order .hp-sub {
    color: #cccccc !important;
    font-size: 12px !important;
}

/* ==========================================
   4. NATIVE CART & ACCOUNT
========================================== */
/* Make the Cart and Account Icons larger and bolder */
.whb-main-header .wd-header-cart .wd-tools-icon,
.whb-main-header .wd-header-my-account .wd-tools-icon { 
    color: #ff0000 !important; 
    font-size: 26px !important;

}

/* BULLETPROOF CART BADGE: Forces background red and text white for all nested elements */
.whb-main-header .wd-header-cart .wd-cart-number {
    background-color: #ff0000 !important;
    border: none !important;
}
.whb-main-header .wd-header-cart .wd-cart-number,
.whb-main-header .wd-header-cart .wd-cart-number span,
.whb-main-header .wd-header-cart .wd-cart-number .wd-cart-number-txt { 
    color: #ffffff !important; 
    font-weight: bold !important;
}

/* Force ALL text in the Account Block to be white */
.whb-main-header .wd-header-my-account .wd-tools-text { 
    color: #ffffff !important; 
    font-weight: 700 !important; 
    font-size: 13px !important;
}

/* Fix Native WoodMart Dividers to match image */
.whb-main-header .wd-header-divider {
    border-right-color: #333333 !important;
    height: 35px;
    margin: 0 10px;
}

/* ==========================================
   5. BOTTOM HEADER (FIX BLUE CATEGORY BOX)
========================================== */
/* BULLETPROOF GADGETS BOX: Forces the button to be light grey */
.whb-header-bottom .wd-header-cats,
.whb-header-bottom .wd-header-cats .menu-opener {
    background-color: #f5f5f5 !important;
    border-radius: 5px 5px 0 0 !important;
}

/* Force the text and the dropdown arrow to be dark grey */
.whb-header-bottom .wd-header-cats .menu-opener,
.whb-header-bottom .wd-header-cats .menu-opener span,
.whb-header-bottom .wd-header-cats .menu-opener:after {
    color: #333333 !important;
    font-weight: 700 !important;
}

/* Force the hamburger menu icon lines to be dark grey (WoodMart builds this with spans) */
.whb-header-bottom .wd-header-cats .wd-burger-icon span,
.whb-header-bottom .wd-header-cats .wd-burger-icon span:before,
.whb-header-bottom .wd-header-cats .wd-burger-icon span:after {
    background-color: #333333 !important;
}

/* ==========================================
   CUSTOM PRELOADER STYLES (SMOOTH & FADING)
========================================== */
/* 1. The Full-Screen Blurred Background */
#custom-preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(255, 255, 255, 0.85); 
    backdrop-filter: blur(10px); 
    -webkit-backdrop-filter: blur(10px);
    z-index: 9999999;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

/* Fade Out Class (Triggered by JS) */
#custom-preloader.preloader-hidden {
    opacity: 0;
    visibility: hidden;
}

/* 2. Center Wrapper */
.preloader-wrapper {
    position: relative;
    width: 220px; 
    height: 220px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 3. The Static Faint Track & Glow */
.preloader-ring {
    position: absolute;
    width: 180px; 
    height: 180px;
    border-radius: 50%;
    /* The faint inner circle line */
    box-shadow: inset 0 0 0 2px rgba(255, 42, 42, 0.05), 
                /* The massive soft outer red glow */
                0 0 60px rgba(255, 42, 42, 0.25); 
}

/* 4. The Tapered, Fading Spinning Arc */
.preloader-ring::before {
    content: "";
    position: absolute;
    /* Extends slightly past the track to give it thickness */
    top: -4px; left: -4px; right: -4px; bottom: -4px; 
    border-radius: 50%;
    
    /* The magical fading gradient (Solid head fading into transparency) */
    background: conic-gradient(
        from 270deg, 
        transparent 0%, 
        transparent 30%, 
        rgba(255, 42, 42, 0.1) 60%, 
        rgba(255, 42, 42, 0.8) 95%, 
        #ff2a2a 100%
    );
    
    /* Punches a hole in the middle so it becomes a ring instead of a pie */
    -webkit-mask: radial-gradient(circle, transparent 88px, black 89px);
    mask: radial-gradient(circle, transparent 88px, black 89px);
    
    /* Smooth continuous rotation */
    animation: spinRedRing 1s linear infinite;
}

/* 5. The Center Logo */
.preloader-logo {
    position: absolute;
    max-width: 100px;
    height: auto;
    z-index: 2;
}

/* 6. The Rotation Animation */
@keyframes spinRedRing {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* ==========================================
   1. SHOP PAGE BACKGROUND
========================================== */
/* Changes the main shop/category page background to light gray */
body.archive.woocommerce .main-page-wrapper {
    background-color: #f5f5f5 !important;
    padding-top: 30px;
    padding-bottom: 40px;
}

/* ==========================================
   2. MAIN WHITE CONTAINERS (SIDEBAR & GRID)
========================================== */
/* Wraps the Sidebar in a rounded white box */
body.archive.woocommerce .sidebar-container .widget-area {
    background-color: #ffffff;
    border-radius: 15px;
    padding: 25px;
    border: 1px solid #eaeaea;
}

/* Wraps the entire Product Grid & Sorting bar in a rounded white box */
body.archive.woocommerce .site-content {
    background-color: #ffffff;
    border-radius: 15px;
    padding: 25px;
    border: 1px solid #eaeaea;
}

/* Add rounded corners to top Category Banners */
body.archive.woocommerce .term-description img,
body.archive.woocommerce .shop-loop-head img {
    border-radius: 15px;
    overflow: hidden;
}

/* ==========================================
   3. INDIVIDUAL PRODUCT CARDS
========================================== */
/* Styles each product into its own bordered card */
body.archive.woocommerce .wd-product {
    background-color: #ffffff !important;
    border: 1px solid #eaeaea !important;
    border-radius: 12px;
    padding: 15px;
    transition: all 0.3s ease;
}

/* Adds a subtle shadow when hovering over a product */
body.archive.woocommerce .wd-product:hover {
    border-color: #cccccc !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.06);
}

/* Rounds the corners of the product image itself */
body.archive.woocommerce .wd-product .product-element-top {
    border-radius: 8px;
    overflow: hidden;
}

/* ==========================================
   4. UI TWEAKS (SLIDER, BADGES, PRICE)
========================================== */
/* Change the Price Filter Slider from Blue to Black */
.widget_price_filter .ui-slider .ui-slider-range {
    background-color: #000000 !important;
}
.widget_price_filter .ui-slider .ui-slider-handle {
    background-color: #000000 !important;
    border-color: #000000 !important;
}

/* Change the Discount Badges to Green Pills */
body.archive.woocommerce .product-labels .onsale {
    background-color: #16a34a !important; /* Green */
    border-radius: 20px !important;
    padding: 4px 10px !important;
    font-weight: 700;
}

/* Make the Active Prices Red and Old Prices Gray */
body.archive.woocommerce .wd-product .price {
    color: #ef4444 !important; /* Red */
    font-weight: 700;
}
body.archive.woocommerce .wd-product .price del {
    color: #999999 !important; /* Gray strikethrough */
    font-weight: 400;
}

/* ==========================================
   1. SINGLE PRODUCT BACKGROUND
========================================== */
/* Changes the main background to light gray to make cards pop */
.single-product .main-page-wrapper {
    background-color: #f5f5f5 !important;
    padding-top: 30px;
    padding-bottom: 40px;
}

/* ==========================================
   2. MAIN WHITE CARDS (GALLERY & SUMMARY)
========================================== */
/* Wraps the Image Gallery and the Product Info in separate rounded boxes */
.single-product .woocommerce-product-gallery,
.single-product .summary.entry-summary {
    background-color: #ffffff !important;
    border: 1px solid #eaeaea;
    border-radius: 12px;
    padding: 30px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.02);
}

/* ==========================================
   3. BOTTOM TABS CARD (DESCRIPTION / REVIEWS)
========================================== */
/* Wraps the bottom section in a white card */
.single-product .woocommerce-tabs {
    background-color: #ffffff !important;
    border: 1px solid #eaeaea;
    border-radius: 12px;
    padding: 35px;
    margin-top: 30px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.02);
}

/* Fix the placement and spacing of the tabs container */
.single-product .wd-nav-tabs {
    justify-content: center;
    gap: 15px;
    border: none !important; 
    margin-top: 0 !important; /* FIX: Stops tabs from pushing up out of the box */
    margin-bottom: 25px !important;
    padding: 0 !important;
}

/* FIX: Completely destroy WoodMart's floating blue active lines */
.single-product .wd-nav-tabs > li::before,
.single-product .wd-nav-tabs > li::after,
.single-product .wd-nav-tabs > li > a::before,
.single-product .wd-nav-tabs > li > a::after {
    display: none !important;
}

/* Stop list items from adding their own borders or margins */
.single-product .wd-nav-tabs > li {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}

.product-tabs-wrapper .tabs-layout-tabs>.wd-nav-tabs-wrapper {
	    margin: 0 !important;
    padding: 0 !important;
}
/* Styles the Tabs into pill-shaped buttons cleanly */
.single-product .wd-nav-tabs > li > a {
    border: 1px solid #dddddd !important; /* Exact same border thickness for base state */
    border-radius: 8px !important;
    padding: 10px 25px !important;
    color: #555555 !important;
    font-weight: 600 !important;
    background: transparent !important;
    display: inline-block !important; /* FIX: Prevents height jumping */
    transition: all 0.3s ease;
}

/* Styles the Active Tab and Hover State */
.single-product .wd-nav-tabs > li.active > a,
.single-product .wd-nav-tabs > li > a:hover {
    border: 1px solid #4ade80 !important; /* Exact same border thickness for active state */
    color: #0f766e !important;
}

.wd-nav[class*="wd-style-underline"]>li:is(:hover,.current-menu-item,.wd-active,.active)>a .nav-link-text:after {
		width: 0% !important;
}

/* ==========================================
   4. BADGES, PRICE & BRAND
========================================== */
/* Brand Logo Box */
.single-product .woodmart-product-brand {
    display: inline-block;
    border: 1px solid #eaeaea;
    border-radius: 6px;
    padding: 5px 10px;
    margin-bottom: 15px;
}
.single-product .woodmart-product-brand img {
    max-height: 25px;
}

/* Discount Badge (Top Right) */
.single-product .product-labels .onsale {
    background-color: #16a34a !important; /* Green */
    border-radius: 20px;
    font-weight: 700;
    padding: 4px 10px;
}

/* Stock Status Badge (Green Pill) */
.single-product .stock.in-stock {
    background-color: #4ade80 !important;
    color: #064e3b !important;
    display: inline-block;
    padding: 6px 14px;
    border-radius: 30px;
    font-weight: 700;
    font-size: 13px;
    margin-bottom: 20px;
}

/* Price Styling (Red active, Gray crossed-out) */
.single-product .summary .price {
    font-size: 28px !important;
    font-weight: 700;
    color: #111111;
}
.single-product .summary .price del {
    color: #ef4444 !important; 
    font-size: 20px !important;
    margin-right: 10px;
}

/* ==========================================
   5. ACTION BUTTONS & SHARE ICONS
========================================== */
/* Force buttons to align cleanly side-by-side */
.single-product form.cart {
    display: flex !important;
    flex-wrap: wrap;
    gap: 15px;
    align-items: stretch;
}

/* Add to Cart Button (Black) */
.single-product .single_add_to_cart_button {
    background-color: #000000 !important;
    color: #ffffff !important;
    border-radius: 6px !important;
    flex: 1;
    font-weight: 700 !important;
    text-transform: uppercase;
}

/* Buy Now Button (Red) */
.single-product .wd-buy-now-btn {
    background-color: #ef233c !important;
    color: #ffffff !important;
    border-radius: 6px !important;
    flex: 1;
    font-weight: 700 !important;
    text-transform: uppercase;
}

/* Share Icons (Green Circles) */
.single-product .wd-share-icons .wd-icon {
    background-color: #4ade80 !important;
    color: #ffffff !important;
    border-radius: 50% !important;
    width: 30px !important;
    height: 30px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
}

/* Share Icon Hover State */
.single-product .wd-share-icons .wd-icon:hover {
    background-color: #16a34a !important;
}

/* ==========================================
   6. RELATED & UPSELL PRODUCT CARDS
========================================== */
/* Wraps related products in the white, rounded, bordered card */
.single-product .wd-product {
    background-color: #ffffff !important;
    border: 1px solid #eaeaea !important;
    border-radius: 12px !important;
    padding: 15px !important;
    transition: all 0.3s ease !important;
}

/* Adds the subtle shadow when hovering over a related product */
.single-product .wd-product:hover {
    border-color: #cccccc !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.06) !important;
}

/* Rounds the corners of the related product image itself */
.single-product .wd-product .product-element-top {
    border-radius: 8px !important;
    overflow: hidden !important;
}

/* Forces the Active Prices to be Red and Old Prices to be Gray */
.single-product .wd-product .price {
    color: #ef4444 !important; /* Red */
    font-weight: 700 !important;
}
.single-product .wd-product .price del {
    color: #999999 !important; /* Gray strikethrough */
    font-weight: 400 !important;
}

/* ==========================================
   1. FOOTER MAIN BACKGROUND & WATERMARK
========================================== */
.footer-container {
    background-color: #050505 !important;
    position: relative;
    overflow: hidden;
}

/* The giant faint "SHEI TECH" text in the background */
.footer-container::before {
    content: "SHEI TECH";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 18vw;
    font-weight: 900;
    color: #ffffff;
    opacity: 0.03; 
    white-space: nowrap;
    z-index: 0;
    pointer-events: none;
    font-style: italic;
}

/* Ensures widget content sits above the watermark */
.footer-container .widget-area {
    position: relative;
    z-index: 1;
}

/* ==========================================
   2. TYPOGRAPHY & TITLES
========================================== */
/* Red Titles */
.footer-container .widget-title,
.footer-title {
    color: #ef233c !important; 
    text-transform: uppercase;
    font-weight: 700 !important; /* Made the font slightly bolder */
    letter-spacing: 2px;
    margin-bottom: 25px !important;
    font-size: 19px !important; /* INCREASED: Changed from 15px to 19px */
    border-bottom: none !important;
}

/* Links Columns */
.footer-links-widget ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.footer-links-widget ul li {
    margin-bottom: 15px;
}
.footer-links-widget ul li a {
    color: #cccccc !important;
    text-decoration: none;
    font-size: 14px;
    transition: 0.3s;
}
.footer-links-widget ul li a:hover {
    color: #ef233c !important; /* Turns red on hover */
    padding-left: 5px;
}

/* Text Column */
.footer-text-widget p {
    color: #cccccc;
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 18px;
}
.footer-email {
    color: #ff7a7a !important; /* Soft red text */
    text-decoration: none;
}

/* ==========================================
   3. BUTTONS & SOCIAL ICONS
========================================== */
/* Contact Pill Buttons */
.footer-pill-btn {
    display: inline-block;
    width: 100%;
    max-width: 220px;
    border: 1px solid #ffffff;
    border-radius: 30px;
    padding: 12px 20px;
    color: #ffffff !important;
    margin-bottom: 15px;
    text-decoration: none;
    font-size: 14px;
    transition: all 0.3s;
}
.footer-pill-btn i {
    margin-right: 10px;
    font-size: 16px;
}
.footer-pill-btn:hover {
    background-color: #ffffff;
    color: #000000 !important;
}

/* Social Icon Circles */
.footer-socials {
    display: flex;
    gap: 12px;
    margin-top: 15px;
}
.footer-socials a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    color: #ffffff !important;
    font-size: 15px;
    text-decoration: none;
    transition: transform 0.2s;
}
.footer-socials a:hover {
    transform: translateY(-3px);
}

/* Official Brand Colors */
.social-fb { background-color: #3b5998; }
.social-ig { background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); }
.social-yt { background-color: #ff0000; }
.social-wa { background-color: #25d366; }

/* ==========================================
   4. WHITE BOTTOM COPYRIGHT BAR
========================================== */
.woodmart-copyrights {
    background-color: #ffffff !important;
    padding: 20px 0 !important;
    border-top: none !important;
}
.custom-copyright-area {
    width: 100%;
    color: #000000;
}
.copy-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
    font-size: 14px;
    flex-wrap: wrap;
    gap: 10px;
}
.copy-right {
    display: flex;
    align-items: center;
    gap: 8px;
}
.copy-right img {
    height: 22px; /* Adjusts the SoftXIT logo size */
}
.copy-bottom img {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    display: block;
}


/* BULLETPROOF WHITE COPYRIGHT BAR */
.woodmart-copyrights,
.copyrights-wrapper,
.woodmart-copyrights.color-scheme-light {
    background-color: #ffffff !important;
    color: #000000 !important;
    border-top: none !important;
}

/* Force all text and links inside the bar to be black */
.woodmart-copyrights a,
.copyrights-wrapper a,
.woodmart-copyrights p,
.copyrights-wrapper p,
.copy-left, 
.copy-right,
.custom-copyright-area {
    color: #000000 !important;
}

/* ==========================================
   MOBILE HEADER (MENU VISIBILITY FIX)
========================================== */
/* Force the "MENU" text to be white and bold */
.whb-main-header .wd-header-mobile-nav .wd-tools-text {
    color: #ffffff !important;
    font-weight: 700 !important;
}

/* Force the Hamburger Icon to be white */
.whb-main-header .wd-header-mobile-nav .wd-tools-icon {
    color: #ffffff !important;
}

/* Force the 3 animated lines of the Hamburger Icon to be white */
.whb-main-header .wd-header-mobile-nav .wd-burger-icon span,
.whb-main-header .wd-header-mobile-nav .wd-burger-icon span::before,
.whb-main-header .wd-header-mobile-nav .wd-burger-icon span::after {
    background-color: #ffffff !important;
}

@media (max-width: 767px) {
    .wd-cat-wrap .wd-entities-title {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        line-height: 1.3;
        min-height: 2.6em;
    }
}