/*
Theme Name: Drubo Tech
Theme URI: https://drubotechbd.com/
Author: Drubo Tech
Author URI: https://drubotechbd.com/
Description: A responsive WooCommerce-ready technology eCommerce theme for Drubo Tech.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: drubo-tech
*/

:root{
    --dt-blue:#0876bd;
    --dt-dark:#062d55;
    --dt-red:#9d0208;
    --dt-light:#f5f6f8;
    --dt-border:#e5e7eb;
    --dt-text:#222;
    --dt-muted:#777;
    --dt-container:1400px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--dt-light);color:var(--dt-text);font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.5}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto}
button,input,select,textarea{font:inherit}
.container{width:94%;max-width:var(--dt-container);margin:0 auto}
.dt-topbar{background:var(--dt-dark);color:#fff;font-size:13px}
.dt-topbar-inner{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.dt-top-left,.dt-top-right{display:flex;gap:20px;align-items:center}
.dt-topbar a:hover{color:#5dc4ff}
.dt-header{background:#fff;border-bottom:1px solid var(--dt-border)}
.dt-header-inner{min-height:82px;display:flex;align-items:center;gap:22px}
.dt-logo{width:183px;min-width:183px}
.dt-logo img{width:183px;height:45px;object-fit:contain}
.dt-search{flex:1;position:relative}
.dt-search input{width:100%;height:48px;border:1px solid #d8dce1;border-radius:5px;padding:0 58px 0 17px;outline:0;background:#f8f9fa}
.dt-search input:focus{border-color:var(--dt-blue);background:#fff}
.dt-search button{position:absolute;right:0;top:0;width:55px;height:48px;border:0;border-radius:0 5px 5px 0;background:var(--dt-blue);color:#fff;cursor:pointer;font-size:18px}
.dt-actions{display:flex;gap:18px;align-items:center}
.dt-action{display:flex;align-items:center;gap:8px;white-space:nowrap}
.dt-action-icon{width:38px;height:38px;border-radius:50%;background:#edf6fc;color:var(--dt-blue);display:flex;align-items:center;justify-content:center;font-size:18px}
.dt-action-text{font-size:11px;color:#777}
.dt-action-text strong{display:block;color:#222;font-size:13px}
.dt-cart-count{display:inline-flex;min-width:18px;height:18px;padding:0 5px;border-radius:10px;background:var(--dt-red);color:#fff;align-items:center;justify-content:center;font-size:10px;margin-left:3px}
.dt-nav{background:#fff;border-bottom:1px solid #ddd}
.dt-menu{display:flex;align-items:center;list-style:none;margin:0;padding:0}
.dt-menu>li{position:relative}
.dt-menu>li>a{display:block;padding:15px 14px;font-size:13px;font-weight:700}
.dt-menu>li>a:hover{background:#f4f9fc;color:var(--dt-blue)}
.dt-menu .hot>a{color:#e11b22}
.dt-dropdown{display:none;position:absolute;left:0;top:100%;width:230px;background:#fff;border-top:3px solid var(--dt-blue);box-shadow:0 8px 25px rgba(0,0,0,.15);z-index:1000}
.dt-menu li:hover>.dt-dropdown{display:block}
.dt-dropdown a{display:block;padding:11px 15px;border-bottom:1px solid #eee;font-size:13px}
.dt-dropdown a:hover{background:#f4f9fc;color:var(--dt-blue)}
.dt-mobile-toggle{display:none;border:0;background:var(--dt-blue);color:#fff;width:42px;height:40px;border-radius:4px;cursor:pointer}
.dt-mobile-nav{display:none;background:#fff;border-top:1px solid #eee}
.dt-mobile-nav.is-open{display:block}
.dt-mobile-nav ul{list-style:none;margin:0;padding:0}
.dt-mobile-nav a{display:block;padding:12px 15px;border-bottom:1px solid #eee}
.dt-main{min-height:400px}
.dt-hero{padding:20px 0}
.dt-hero-grid{display:grid;grid-template-columns:240px 1fr;gap:18px}
.dt-category-box{background:#fff;border-radius:5px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.05)}
.dt-category-title{background:var(--dt-blue);color:#fff;padding:15px 18px;font-weight:700}
.dt-category-list{list-style:none;margin:0;padding:0}
.dt-category-list li{border-bottom:1px solid #eee}
.dt-category-list a{display:flex;align-items:center;justify-content:space-between;padding:11px 15px;font-size:13px}
.dt-category-list a:hover{background:#f5f9fc;color:var(--dt-blue)}
.dt-banner{min-height:370px;border-radius:7px;overflow:hidden;position:relative;display:flex;align-items:center;padding:45px;color:#fff;background:linear-gradient(110deg,var(--dt-dark),var(--dt-blue))}
.dt-banner-content{position:relative;z-index:2;max-width:620px}
.dt-banner-small{font-size:14px;margin-bottom:8px;letter-spacing:.5px}
.dt-banner h1{font-size:44px;line-height:1.12;margin:0 0 14px}
.dt-banner h1 span{color:#5dc4ff}
.dt-banner p{font-size:16px;line-height:1.6;margin:0 0 24px;max-width:550px}
.dt-btn{display:inline-block;border:0;border-radius:4px;padding:11px 20px;background:var(--dt-blue);color:#fff;font-weight:700;cursor:pointer}
.dt-btn:hover{background:#075b97;color:#fff}
.dt-btn-light{background:#fff;color:var(--dt-blue)}
.dt-btn-light:hover{background:#eef8ff;color:var(--dt-blue)}
.dt-banner-shape{position:absolute;width:430px;height:430px;border-radius:50%;right:-100px;top:-80px;background:rgba(255,255,255,.08)}
.dt-banner-shape2{position:absolute;width:300px;height:300px;border-radius:50%;right:80px;bottom:-170px;background:rgba(255,255,255,.08)}
.dt-section{padding:12px 0 25px}
.dt-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}
.dt-section-title{font-size:23px;margin:0}
.dt-section-title span{color:var(--dt-blue)}
.dt-view{color:var(--dt-blue);font-size:13px;font-weight:700}
.dt-category-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:15px}
.dt-feature-category{background:#fff;border:1px solid var(--dt-border);border-radius:6px;padding:20px 10px;text-align:center;transition:.2s}
.dt-feature-category:hover{transform:translateY(-3px);border-color:var(--dt-blue);box-shadow:0 7px 20px rgba(0,0,0,.08)}
.dt-feature-icon{width:70px;height:70px;border-radius:50%;margin:0 auto 12px;background:#eef7fd;display:flex;align-items:center;justify-content:center;font-size:29px}
.dt-feature-category h3{font-size:14px;margin:0}
.dt-feature-category p{font-size:12px;color:#888;margin:5px 0 0}
.dt-offer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.dt-offer{min-height:150px;border-radius:7px;padding:25px;background:#fff;border:1px solid var(--dt-border);position:relative;overflow:hidden}
.dt-offer h3{font-size:20px;margin:0 0 8px}
.dt-offer p{font-size:13px;color:#777;margin:0 0 15px;max-width:75%}
.dt-offer a{color:var(--dt-blue);font-weight:700;font-size:13px}
.dt-offer-circle{position:absolute;right:-50px;bottom:-80px;width:180px;height:180px;border-radius:50%;background:#eaf6fd}
.dt-product-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}
.dt-product{background:#fff;border:1px solid var(--dt-border);border-radius:6px;overflow:hidden;position:relative;transition:.2s}
.dt-product:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(0,0,0,.09)}
.dt-product-image{height:190px;padding:18px;display:flex;align-items:center;justify-content:center}
.dt-product-image img{max-height:160px;width:auto;object-fit:contain}
.dt-product-info{padding:15px}
.dt-product-name{font-size:14px;line-height:1.45;min-height:42px;margin-bottom:8px}
.dt-stars{color:#f5a623;font-size:13px;margin-bottom:8px}
.dt-price{font-size:18px;color:var(--dt-blue);font-weight:700}
.dt-old-price{color:#999;text-decoration:line-through;font-size:12px;margin-left:5px}
.dt-product-button{margin-top:12px;display:block;text-align:center;border:1px solid var(--dt-blue);color:var(--dt-blue);padding:8px;border-radius:4px;font-size:13px;font-weight:700}
.dt-product-button:hover{background:var(--dt-blue);color:#fff}
.dt-badge{position:absolute;top:10px;left:10px;background:#e11b22;color:#fff;padding:4px 7px;border-radius:3px;font-size:10px;font-weight:700;z-index:2}
.dt-brand-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:12px}
.dt-brand{background:#fff;border:1px solid var(--dt-border);height:85px;display:flex;align-items:center;justify-content:center;border-radius:5px;font-weight:700;color:#555}
.dt-brand:hover{border-color:var(--dt-blue);color:var(--dt-blue)}
.dt-benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.dt-benefit{background:#fff;padding:25px 18px;border-radius:6px;text-align:center;border:1px solid var(--dt-border)}
.dt-benefit-icon{font-size:30px;margin-bottom:12px}
.dt-benefit h3{font-size:15px;margin:0 0 7px}
.dt-benefit p{font-size:12px;color:#777;line-height:1.5;margin:0}
.dt-newsletter{background:var(--dt-dark);color:#fff;padding:35px 0;margin-top:15px}
.dt-newsletter-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}
.dt-newsletter h2{font-size:24px;margin:0 0 6px}
.dt-newsletter p{font-size:13px;opacity:.8;margin:0}
.dt-newsletter-form{display:flex;width:450px}
.dt-newsletter-form input{flex:1;height:45px;border:0;padding:0 15px;border-radius:4px 0 0 4px;outline:0}
.dt-newsletter-form button{width:110px;border:0;background:var(--dt-blue);color:#fff;font-weight:700;border-radius:0 4px 4px 0;cursor:pointer}
.dt-footer{background:#101820;color:#ddd;padding-top:45px}
.dt-footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px}
.dt-footer h3{color:#fff;font-size:16px;margin:0 0 18px}
.dt-footer p{color:#aaa;font-size:13px;line-height:1.7;margin:0}
.dt-footer ul{list-style:none;margin:0;padding:0}
.dt-footer li{margin-bottom:10px}
.dt-footer li a{color:#aaa;font-size:13px}
.dt-footer li a:hover{color:#38a8ff}
.dt-footer-logo{width:183px;margin-bottom:15px}
.dt-contact{margin-top:15px}
.dt-contact div{margin-bottom:8px;font-size:13px;color:#aaa}
.dt-footer-bottom{margin-top:40px;border-top:1px solid #293038;padding:18px 0}
.dt-footer-bottom-inner{display:flex;justify-content:space-between;align-items:center}
.dt-footer-bottom p{font-size:12px}
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.woocommerce ul.products{margin:0}
.woocommerce .site-main{padding:25px 0}
.woocommerce div.product p.price,.woocommerce div.product span.price,.woocommerce ul.products li.product .price{color:var(--dt-blue)}
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{background:var(--dt-blue);color:#fff;border-radius:4px}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover{background:#075b97;color:#fff}
.woocommerce .quantity .qty{height:38px}
.woocommerce-message,.woocommerce-info{border-top-color:var(--dt-blue)}
@media(max-width:1100px){
    .dt-actions{gap:8px}
    .dt-action-text{display:none}
    .dt-category-grid{grid-template-columns:repeat(3,1fr)}
    .dt-product-grid{grid-template-columns:repeat(4,1fr)}
    .dt-brand-grid{grid-template-columns:repeat(5,1fr)}
}
@media(max-width:850px){
    .dt-top-left{display:none}
    .dt-topbar-inner{justify-content:center}
    .dt-header-inner{flex-wrap:wrap;padding:14px 0}
    .dt-logo{flex:1}
    .dt-search{order:3;flex-basis:100%}
    .dt-nav{display:none}
    .dt-mobile-toggle{display:block}
    .dt-hero-grid{grid-template-columns:1fr}
    .dt-category-box{display:none}
    .dt-product-grid{grid-template-columns:repeat(3,1fr)}
    .dt-benefit-grid{grid-template-columns:repeat(2,1fr)}
    .dt-newsletter-inner{flex-direction:column;align-items:flex-start}
    .dt-newsletter-form{width:100%}
    .dt-footer-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:600px){
    .container{width:92%}
    .dt-logo img{width:150px;height:auto}
    .dt-logo{min-width:150px}
    .dt-banner{min-height:300px;padding:30px 25px}
    .dt-banner h1{font-size:30px}
    .dt-banner p{font-size:13px}
    .dt-category-grid{grid-template-columns:repeat(2,1fr)}
    .dt-offer-grid{grid-template-columns:1fr}
    .dt-product-grid{grid-template-columns:repeat(2,1fr)}
    .dt-product-image{height:150px}
    .dt-product-name{font-size:12px}
    .dt-price{font-size:16px}
    .dt-brand-grid{grid-template-columns:repeat(3,1fr)}
    .dt-benefit-grid{grid-template-columns:1fr}
    .dt-footer-grid{grid-template-columns:1fr;gap:25px}
    .dt-footer-bottom-inner{flex-direction:column;gap:10px;text-align:center}
}

/* Drubo Tech WooCommerce enhancements */
.dt-product-card{position:relative;background:#fff;border:1px solid #e7e7e7;border-radius:8px;padding:14px;transition:.2s;list-style:none}.dt-product-card:hover{box-shadow:0 6px 22px rgba(0,0,0,.08);transform:translateY(-2px)}.dt-product-image{position:relative;text-align:center;min-height:190px;display:flex;align-items:center;justify-content:center}.dt-product-image img{max-height:190px;object-fit:contain}.dt-sale-badge,.dt-stock-badge{position:absolute;left:8px;top:8px;background:#9d0208;color:#fff;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:700}.dt-stock-badge{background:#555}.dt-product-info{padding-top:10px}.dt-product-info h2{font-size:15px;line-height:1.45;margin:0 0 6px}.dt-product-info h2 a{color:inherit;text-decoration:none}.dt-sku{font-size:11px;color:#777;margin-bottom:5px}.dt-rating{margin:4px 0}.dt-price{font-weight:700;font-size:17px;margin:8px 0}.dt-card-actions .button{width:100%;text-align:center}.dt-live-search-results{position:absolute;z-index:9999;left:0;right:0;top:100%;background:#fff;border:1px solid #ddd;box-shadow:0 8px 22px rgba(0,0,0,.12);display:none}.dt-live-item{display:flex;gap:10px;align-items:center;padding:9px 12px;text-decoration:none;color:#222;border-bottom:1px solid #eee}.dt-live-item:hover{background:#f7f7f7}.dt-live-item img{width:46px;height:46px;object-fit:contain}.dt-live-item span{display:flex;flex-direction:column;gap:3px}.dt-live-item strong{font-size:13px}.dt-live-item small{font-weight:700}