:root {
	--wd-text-font: "Jost", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #767676;
	--wd-text-font-size: 14px;
	--wd-title-font: "hkgroteskpro", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: "hkgroteskpro", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 600;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "hkgroteskpro", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "hkgroteskpro", 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: "hkgroteskpro", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 600;
	--wd-header-el-transform: none;
	--wd-header-el-font-size: 14px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(44,146,214);
	--wd-alternative-color: rgb(44,146,214);
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(46,107,198);
	--btn-accented-bgcolor-hover: rgb(42,97,180);
	--wd-form-brd-width: 1px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: url(https://kendulaptops.co.ke/wp-content/uploads/2022/09/accessories-popup.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: rgb(16,16,16);
	background-image: none;
}
html .product.wd-cat .wd-entities-title, html .product.wd-cat.cat-design-replace-title .wd-entities-title, html .wd-masonry-first .wd-cat:first-child .wd-entities-title {
	font-size: 18px;
	text-transform: none;
}
html .wd-nav-mobile > li > a, html .wd-nav-mobile .wd-sub-menu li a {
	text-transform: none;
}
html .btn.wd-buy-now-btn {
	background: rgb(36,36,36);
}
html .btn.wd-buy-now-btn:hover {
	background: rgb(51,51,51);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1320px;
--wd-form-brd-radius: 5px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 5px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 5px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 8px;
}

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


.wd-page-title {
background-color: #0a0a0a;
}

@font-face {
	font-family: "hkgroteskpro";
	src: url("//kendulaptops.co.ke/wp-content/uploads/2022/09/hkgroteskpro-semibold.woff") format("woff2"), 
url("//kendulaptops.co.ke/wp-content/uploads/2022/09/hkgroteskpro-semibold.woff") format("woff");
	font-weight: 600;
	font-style: normal;
}

/* Hide the Additional Info / Specification tab header */
.tabs li.additional_information_tab {
    display: none !important;
}

/* Hide the content area of that tab */
#tab-additional_information {
    display: none !important;
}

/* WHATSAPP OUTLINE BUTTON STYLE */
#sendbtn {
    background-color: transparent !important; /* Makes background clear */
    border: 2px solid #000000 !important;     /* Adds the green outline */
    color: #000000 !important;                /* Changes text color to green */
    border-radius: 8px !important;            /* Slightly rounded rectangle */
    transition: all 0.3s ease;               /* Smooth transition for hover */
}

/* Make sure the icon also turns green */
#sendbtn i, 
#sendbtn svg {
    fill: #25D366 !important;
    color: #25D366 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
}

/* HOVER EFFECT: Fills the button when touched */
#sendbtn:hover {
    background-color: #25D366 !important;     /* Fills with green */
    color: #ffffff !important;                /* Turns text white */
}

/* Changes icon to white on hover */
#sendbtn:hover i, 
#sendbtn:hover svg {
    fill: #ffffff !important;
    color: #ffffff !important;
}

/* WHATSAPP BUTTON: OUTLINE, ROUNDED, AND CENTERED */
#sendbtn {
    display: flex !important;
    justify-content: center !important; /* Centers horizontally */
    align-items: center !important;     /* Centers vertically */
    gap: 10px;                          /* Adds space between icon and text */
    
    background-color: transparent !important;
    border: 2px solid #a6a6a6 !important;
    color: #737373 !important;
    border-radius: 8px !important;
    
    padding: 12px 20px !important;      /* Ensures button has consistent height/width */
    transition: all 0.3s ease;
    text-decoration: none !important;    /* Removes underline if it's a link */
}

/* Ensure icon alignment matches */
#sendbtn i, 
#sendbtn svg {
    margin: 0 !important;               /* Removes any default margins */
    display: flex !important;
    align-items: center !important;
    font-size: 1.2em;                   /* Adjust icon size if needed */
}

/* HOVER EFFECT */
#sendbtn:hover {
    background-color: #25D366 !important;
    color: #ffffff !important;
}

#sendbtn:hover i, 
#sendbtn:hover svg {
    fill: #ffffff !important;
    color: #ffffff !important;
}

/* 1. LAYOUT & COLOR */
.footer-container, .main-footer, .site-footer {
    background-color: #000000 !important;
    padding: 0 !important;
}

.britech-footer-wrapper {
    background: #000000;
    width: 100%;
    padding: 40px 0 20px 0;
    color: #ffffff;
}

.britech-footer-content {
    display: flex;
    flex-wrap: wrap;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.britech-column {
    flex: 1;
    min-width: 300px;
    margin-bottom: 30px;
}

.britech-title {
    color: #FF6600 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    margin-bottom: 20px !important;
    text-transform: uppercase;
}

/* 2. ALIGNMENT FIX (Phone/Email rows) */
.britech-info-row {
    display: flex;
    margin-bottom: 12px;
    font-size: 15px;
}

.britech-label {
    width: 55px; /* Ensures 'Phone:' and 'Email:' line up perfectly */
    display: inline-block;
    flex-shrink: 0;
}

.britech-value { font-weight: 700; }
.britech-address { margin-bottom: 15px; line-height: 1.5; }
.britech-socials a { color: #ffffff !important; font-weight: 700; text-decoration: none; }

/* 3. BOTTOM BAR DESIGN */
.britech-bottom-strip {
    border-top: 1px solid #222;
    margin-top: 20px;
    padding: 25px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1200px;
    margin: 0 auto;
    font-size: 14px;
}

.britech-designer { font-weight: 600; }
.britech-copyright { color: #888; }
.britech-menu { display: flex; gap: 20px; }
.britech-menu a { color: #ffffff !important; font-weight: 700; text-decoration: none; }

/* 4. MOBILE ORDERING (The Magic Part) */
@media (max-width: 768px) {
    .britech-footer-content { text-align: center; }
    .britech-info-row { justify-content: center; }
    .britech-label { width: auto; margin-right: 5px; }

    .britech-bottom-strip {
        flex-direction: column;
        gap: 20px;
        text-align: center;
    }

    /* We use 'order' to rearrange the items */
    .britech-menu { order: 1; }      /* Top on mobile */
    .britech-copyright { order: 2; } /* Middle on mobile */
    .britech-designer { order: 3; }  /* LAST on mobile */
}


/* 1. Header background turns black on scroll */
body .whb-sticked .whb-row {
    background-color: #000000 !important;
}

/* 2. Force menu text to stay white at all times */
body .woodmart-navigation .item-level-0 > a {
    color: #ffffff !important;
}

/* 3. Force icons (Account, Search, Cart) to stay white at all times */
body .whb-column .wd-tools-element > a,
body .whb-column .woodmart-info-box {
    color: #ffffff !important;
}

/* 4. Ensure the shopping cart count/price stays white */
body .wd-tools-element .wd-tools-text,
body .wd-cart-subtotal .amount {
    color: #ffffff !important;
}