/*
Theme Name: ShokolBazar
Theme URI: https://shokolbazar.com/
Author: Promosibd
Author URI: https://promosibd.com/
Description: Responsive WooCommerce storefront for ShokolBazar with a sky-blue editorial fashion layout.
Version: 1.0.0
Requires at least: 6.2
Tested up to: 6.8
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: shokolbazar
*/
:root{--sb-blue:#87ceeb;--sb-blue-dark:#2799c5;--sb-ink:#17242b;--sb-muted:#66757d;--sb-bg:#f7fcff;--sb-line:#dcecf3;--sb-radius:16px;--sb-width:1280px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--sb-ink);font-family:'Century Gothic',CenturyGothic,AppleGothic,sans-serif;font-size:14px;line-height:1.65}a{color:inherit;text-decoration:none}a:hover{color:var(--sb-blue-dark)}img{max-width:100%;height:auto}button,input,select,textarea{font:inherit}.sb-container{width:min(var(--sb-width),calc(100% - 40px));margin-inline:auto}.sb-announcement{background:#17242b;color:white;text-align:center;padding:7px 12px;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.sb-header{background:#fff;border-bottom:1px solid var(--sb-line);position:relative;z-index:20}.sb-head-inner{min-height:104px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px}.sb-left-tools,.sb-right-tools{display:flex;align-items:center;gap:18px}.sb-right-tools{justify-content:flex-end}.sb-brand{display:flex;align-items:center;justify-content:center;gap:9px;text-align:center}.sb-brand img{width:58px;height:58px;object-fit:contain}.sb-brand-name{font-size:20px;font-weight:800;letter-spacing:.12em;line-height:1.1}.sb-brand-tag{font-size:9px;letter-spacing:.18em;color:var(--sb-muted)}.sb-icon-link{display:inline-flex;align-items:center;gap:7px;font-size:12px;position:relative}.sb-icon-link svg{width:19px;height:19px}.sb-count{display:inline-grid;place-items:center;background:var(--sb-blue);color:#10232d;border-radius:50%;min-width:17px;height:17px;font-size:10px;padding:0 4px}.sb-category-nav{border-top:1px solid #f0f6f9}.sb-nav-inner{display:flex;align-items:center;gap:26px;min-height:44px}.sb-nav-inner a{font-size:11px;letter-spacing:.08em;text-transform:uppercase}.sb-nav-menu{position:relative}.sb-nav-menu>ul{display:none;position:absolute;top:100%;left:0;min-width:220px;background:#fff;padding:12px 18px;box-shadow:0 12px 30px #10232d18;list-style:none}.sb-nav-menu:hover>ul,.sb-nav-menu:focus-within>ul{display:block}.sb-nav-menu li{padding:7px 0}.sb-mobile-menu{display:none;border:0;background:none;font-size:22px}.sb-ad-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:18px 0}.sb-ad-strip a{display:block;border-radius:12px;overflow:hidden;background:#eaf7fc}.sb-ad-strip img{display:block;width:100%;height:130px;object-fit:cover}.sb-hero{position:relative;min-height:460px;border-radius:20px;overflow:hidden;background:linear-gradient(90deg,#10232dcc,#10232d10),url('assets/reference-banner.webp') center/cover no-repeat;display:flex;align-items:center;color:#fff;margin:4px auto 48px}.sb-hero-copy{padding:56px;max-width:560px}.sb-eyebrow{font-size:11px;letter-spacing:.22em;text-transform:uppercase}.sb-hero h1{font-size:clamp(38px,6vw,68px);line-height:1.05;margin:14px 0;font-weight:700;letter-spacing:-.04em}.sb-hero p{font-size:14px;max-width:430px}.sb-button,.button,button.button{display:inline-flex;align-items:center;justify-content:center;background:var(--sb-blue);color:#10232d!important;border:0;border-radius:99px;padding:12px 23px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;cursor:pointer}.sb-button:hover,.button:hover{background:#64bce0;color:#10232d!important}.sb-section{padding:22px 0 48px}.sb-section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:20px}.sb-section-head h2{font-size:25px;margin:0;letter-spacing:-.03em}.sb-section-head p{margin:4px 0 0;color:var(--sb-muted);font-size:12px}.sb-category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.sb-category-card{position:relative;border-radius:14px;overflow:hidden;min-height:190px;background:#e8f6fc}.sb-category-card img{width:100%;height:100%;min-height:190px;object-fit:cover;transition:transform .4s}.sb-category-card:hover img{transform:scale(1.04)}.sb-category-card span{position:absolute;left:16px;bottom:14px;background:#fff;padding:8px 13px;border-radius:99px;font-size:11px;font-weight:700}.sb-products ul.products{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 14px;margin:0!important}.sb-products ul.products:before,.sb-products ul.products:after{display:none!important}.sb-products ul.products li.product{width:auto!important;margin:0!important;float:none!important;position:relative}.sb-products .woocommerce-loop-product__title{font-size:12px!important;font-weight:600!important;color:var(--sb-ink)!important}.sb-products ul.products li.product img{border-radius:12px;background:#f3f9fc;aspect-ratio:3/4;object-fit:cover;margin-bottom:9px!important}.sb-products .price{color:#17242b!important;font-size:13px!important}.sb-products .onsale{background:var(--sb-blue)!important;color:#10232d!important;border-radius:99px!important;min-height:0!important;min-width:0!important;padding:5px 9px!important;line-height:1!important}.sb-promo{border-radius:18px;background:var(--sb-blue);padding:34px;display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 42px}.sb-promo h2{margin:0;font-size:28px}.sb-promo p{margin:5px 0 0}.sb-footer{background:#14252e;color:#eaf6fb;margin-top:50px;padding:48px 0 20px}.sb-footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px}.sb-footer h3{font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:#fff}.sb-footer p,.sb-footer a{font-size:12px;color:#c0d1d9}.sb-footer a{display:block;margin:7px 0}.sb-copyright{border-top:1px solid #ffffff22;margin-top:30px;padding-top:16px;text-align:center;font-size:11px;color:#a9bdc7}.sb-breadcrumb{font-size:11px;color:var(--sb-muted);padding:18px 0}.sb-content{padding:25px 0 55px}.woocommerce .woocommerce-breadcrumb{font-size:11px;color:var(--sb-muted)}.woocommerce div.product .product_title{font-size:28px}.woocommerce div.product div.images img{border-radius:14px}.woocommerce div.product form.cart .variations select,.woocommerce input.input-text,.woocommerce textarea{border:1px solid var(--sb-line);border-radius:8px;padding:10px}.woocommerce ul.products li.product .button{margin-top:8px}.woocommerce table.shop_table{border-radius:12px;overflow:hidden}.woocommerce-message,.woocommerce-info{border-top-color:var(--sb-blue)}.woocommerce-message:before,.woocommerce-info:before{color:var(--sb-blue-dark)}.sb-mobile-bottom{display:none}
@media(max-width:900px){.sb-head-inner{min-height:82px}.sb-brand img{width:45px;height:45px}.sb-brand-name{font-size:16px}.sb-icon-link .sb-tool-label{display:none}.sb-nav-inner{gap:17px;overflow:auto;white-space:nowrap}.sb-hero{min-height:390px}.sb-hero-copy{padding:35px}.sb-category-grid{grid-template-columns:repeat(2,1fr)}.sb-products ul.products{grid-template-columns:repeat(3,minmax(0,1fr))}.sb-footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){body{font-size:13px;padding-bottom:58px}.sb-container{width:calc(100% - 26px)}.sb-announcement{font-size:9px}.sb-head-inner{grid-template-columns:40px 1fr 90px;gap:6px;min-height:72px}.sb-mobile-menu{display:block}.sb-left-tools .sb-desktop-category{display:none}.sb-brand{justify-content:center;gap:5px}.sb-brand img{width:39px;height:39px}.sb-brand-name{font-size:13px;letter-spacing:.08em}.sb-brand-tag{font-size:7px}.sb-right-tools{gap:11px}.sb-icon-link svg{width:18px}.sb-category-nav{display:none}.body-menu-open .sb-category-nav{display:block}.sb-nav-inner{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:8px 0}.sb-nav-inner>a,.sb-nav-menu>a{display:block;padding:10px 0;border-bottom:1px solid var(--sb-line)}.sb-nav-menu>ul{position:static;box-shadow:none;padding:0 14px}.sb-ad-strip{gap:6px;padding:10px 0}.sb-ad-strip img{height:72px}.sb-hero{min-height:350px;margin-bottom:28px;background-position:58% center;border-radius:13px}.sb-hero-copy{padding:24px;width:85%}.sb-hero h1{font-size:36px}.sb-hero p{font-size:12px}.sb-section{padding:12px 0 28px}.sb-section-head h2{font-size:20px}.sb-category-grid{gap:8px}.sb-category-card,.sb-category-card img{min-height:130px}.sb-category-card span{left:8px;bottom:8px;font-size:10px;padding:6px 9px}.sb-products ul.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 10px}.sb-products ul.products li.product .button{font-size:9px;padding:9px 12px}.sb-promo{padding:22px;display:block}.sb-promo h2{font-size:22px}.sb-promo .sb-button{margin-top:12px}.sb-footer-grid{grid-template-columns:1fr 1fr;gap:20px}.sb-footer-grid>div:first-child{grid-column:1/-1}.sb-mobile-bottom{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:50;background:#fff;border-top:1px solid var(--sb-line);height:56px;justify-content:space-around;align-items:center}.sb-mobile-bottom a{display:flex;flex-direction:column;align-items:center;font-size:9px;gap:1px}.sb-mobile-bottom svg{width:19px;height:19px}}

/* Header category and primary-menu dropdowns */
.sb-cat-dropdown{position:relative}.sb-cat-dropdown>ul,.sb-nav-inner .sub-menu{display:none;position:absolute;top:100%;left:0;z-index:100;min-width:220px;max-height:70vh;overflow:auto;background:#fff;border:1px solid var(--sb-line);border-radius:10px;padding:10px 0;list-style:none;margin:0;box-shadow:0 12px 30px #10232d18}.sb-cat-dropdown:hover>ul,.sb-cat-dropdown:focus-within>ul,.sb-nav-inner li:hover>.sub-menu,.sb-nav-inner li:focus-within>.sub-menu{display:block}.sb-cat-dropdown li,.sb-nav-inner li{list-style:none;position:relative}.sb-cat-dropdown li a,.sb-nav-inner .sub-menu a{display:block;padding:8px 16px;font-size:11px;white-space:nowrap}.sb-cat-dropdown li ul{display:none;position:absolute;left:100%;top:0;min-width:190px;background:#fff;border:1px solid var(--sb-line);border-radius:10px;list-style:none;margin:0;padding:8px 0;box-shadow:0 12px 30px #10232d18}.sb-cat-dropdown li:hover>ul,.sb-cat-dropdown li:focus-within>ul{display:block}.sb-nav-inner ul.sb-menu{display:flex;align-items:center;gap:24px;list-style:none;padding:0;margin:0}.sb-nav-inner ul.sb-menu>li{position:relative}.sb-nav-inner ul.sb-menu .sub-menu{top:100%;left:0}.sb-nav-inner ul.sb-menu .sub-menu .sub-menu{left:100%;top:0}
@media(max-width:600px){.sb-cat-dropdown{display:none}.sb-nav-inner ul.sb-menu{display:flex;flex-direction:column;align-items:stretch;gap:0}.sb-nav-inner ul.sb-menu>li>a{display:block;padding:10px 0;border-bottom:1px solid var(--sb-line)}.sb-nav-inner ul.sb-menu .sub-menu{position:static;display:block;box-shadow:none;border:0;padding:0 14px;max-height:none}.sb-nav-inner ul.sb-menu .sub-menu a{white-space:normal}.sb-cat-dropdown li ul{position:static;box-shadow:none;border:0}}