/*
Theme Name: Sunrise Sports
Theme URI: https://sunrisesports.com.bd
Author: Sunrise Sports
Description: Clean WooCommerce store theme for Sunrise Sports. Light, black-and-white, condensed uppercase headings.
Version: 1.0.4
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: sunrise-sports
WC requires at least: 8.0
*/
:root{--bg:#fff;--tile:#F5F6F8;--ink:#222;--muted:#6B6B6B;--line:#E6E6E6;--sale:#D7262E;--blue:#2A54A3;
--display:"Barlow Semi Condensed","Arial Narrow",sans-serif;--body:"Lato",system-ui,-apple-system,"Segoe UI",sans-serif}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.6 var(--body)}
a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}
img{max-width:100%;height:auto}
h1,h2,h3,h4{font-family:var(--display);font-weight:600;text-transform:uppercase;line-height:1.1;text-wrap:balance}
.wrap{max-width:1280px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}
.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden}
:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
button,.button,input[type=submit]{font:inherit}

/* announcement + header */
.ss-announce{background:#222;color:#fff;font-size:13px;text-align:center;padding:9px 16px}
.ss-header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--line)}
.admin-bar .ss-header{top:32px}
.ss-hrow{display:flex;align-items:center;gap:16px;min-height:68px;flex-wrap:wrap}
.ss-logo{display:flex;align-items:center;gap:10px;font:700 22px/1 var(--display);letter-spacing:.04em;text-transform:uppercase}
.ss-logo small{display:block;font:400 9px/1 var(--body);letter-spacing:.2em;color:var(--muted);margin-top:3px}
.ss-logo img{max-height:44px;width:auto}
.ss-nav{flex:1;display:flex;justify-content:center}
.ss-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:2px;flex-wrap:wrap;justify-content:center}
.ss-nav li{position:relative}
.ss-nav a{display:block;padding:22px 11px;font-size:14px;text-transform:uppercase;letter-spacing:.02em;border-bottom:2px solid transparent}
.ss-nav a:hover,.ss-nav .current-menu-item>a{border-color:#222;text-decoration:none}
.ss-nav .sub-menu{display:none;position:absolute;left:0;top:100%;background:#fff;border:1px solid var(--line);min-width:220px;padding:10px 0;flex-direction:column;z-index:60}
.ss-nav li:hover>.sub-menu{display:flex}
.ss-nav .sub-menu a{padding:7px 18px;text-transform:none;border:0}
.ss-icons{display:flex;gap:4px;align-items:center}
.ss-icons a{width:38px;height:38px;display:grid;place-items:center;position:relative}
.ss-icons svg{width:20px;height:20px;stroke:#222;fill:none;stroke-width:1.8}
.ss-count{position:absolute;top:0;right:0;background:#222;color:#fff;font-size:10px;min-width:17px;height:17px;border-radius:9px;display:grid;place-items:center;padding:0 4px}
.ss-search{flex-basis:100%;padding-bottom:12px;display:none}
.ss-search.open{display:block}
.ss-search form{display:flex;gap:8px}
.ss-search input[type=search]{flex:1;border:1px solid var(--line);padding:11px 14px;font:inherit}
@media(max-width:900px){.ss-nav{order:5;flex-basis:100%;justify-content:flex-start;overflow-x:auto}.ss-nav ul{flex-wrap:nowrap}.ss-nav a{padding:12px 10px;white-space:nowrap}.ss-icons{margin-left:auto}}

/* buttons */
.ss-btn,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,.wp-element-button,.wc-block-components-button{background:#333!important;color:#fff!important;border:0!important;border-radius:0!important;padding:14px 28px!important;font:400 15px/1 var(--body)!important;display:inline-block;cursor:pointer}
.ss-btn:hover,.woocommerce a.button:hover,.woocommerce button.button:hover{background:#111!important;text-decoration:none}
.ss-btn.light{background:#fff!important;color:#222!important}
.woocommerce button.button.alt,.woocommerce a.button.alt{background:#222!important;width:100%}

/* hero */
.ss-hero{position:relative;background:var(--tile);overflow:hidden}
.ss-slide{display:none;min-height:460px;align-items:center;grid-template-columns:1fr 1fr}
.ss-slide.on{display:grid}
.ss-slide .copy{padding:40px max(24px,9vw)}
.ss-slide .eyebrow{font-weight:700;font-size:14px}
.ss-slide h1,.ss-slide h2{font-size:clamp(34px,4.2vw,52px);margin:14px 0}
.ss-slide p{max-width:44ch;font-size:16px;margin:0 0 22px}
.ss-slide .img{align-self:stretch;background-size:cover;background-position:center;min-height:300px}
.ss-dots{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);display:flex;gap:8px}
.ss-dots button{width:28px;height:4px;border:0;background:#cfcfcf;padding:0;cursor:pointer}
.ss-dots button.on{background:#222;width:46px}
@media(max-width:760px){.ss-slide{grid-template-columns:1fr}.ss-slide .img{min-height:220px}}

/* trust */
.ss-trust{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding-block:22px;border-bottom:1px solid var(--line)}
.ss-trust div{display:flex;gap:12px;align-items:center;justify-content:center}
.ss-trust b{display:block;font-size:14px}.ss-trust span{font-size:12.5px;color:var(--muted)}
@media(max-width:800px){.ss-trust{grid-template-columns:1fr 1fr}}

/* sections */
.ss-section{padding-block:34px}
.ss-shead{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:18px;flex-wrap:wrap}
.ss-shead h2{font-size:clamp(28px,3vw,38px);margin:0}
.ss-shead a{border-bottom:1px solid #222}
.ss-cats{display:grid;grid-template-columns:repeat(6,1fr);gap:20px}
.ss-cat{text-align:center;font-weight:700;font-size:14px}
.ss-cat .img{aspect-ratio:1/1;background:var(--tile) center/contain no-repeat;margin-bottom:10px;display:grid;place-items:center;font:600 22px var(--display);text-transform:uppercase;color:#bbb}
@media(max-width:800px){.ss-cats{grid-template-columns:repeat(3,1fr)}}
.ss-duo{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ss-promo{padding:34px;min-height:240px;display:flex;flex-direction:column;justify-content:flex-end;background:var(--tile) center/cover}
.ss-promo.blue{background-color:var(--blue);color:#fff}
.ss-promo h3{font-size:clamp(28px,3.4vw,42px);margin:6px 0 16px}
@media(max-width:760px){.ss-duo{grid-template-columns:1fr}}
.ss-news{background:var(--tile);padding:34px max(22px,4vw);display:grid;grid-template-columns:1.2fr 1fr;gap:20px;align-items:center}
.ss-news h2{margin:0 0 6px;font-size:clamp(28px,3vw,38px)}.ss-news p{margin:0;color:var(--muted)}
@media(max-width:760px){.ss-news{grid-template-columns:1fr}}

/* product grid */
.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 18px;margin:0!important;padding:0!important}
.woocommerce ul.products::before,.woocommerce ul.products::after{display:none!important}
.woocommerce ul.products li.product{width:auto!important;margin:0!important;float:none!important;text-align:left}
@media(max-width:1000px){.woocommerce ul.products{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){.woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr))}}
.woocommerce ul.products li.product a img{background:var(--tile);aspect-ratio:1/1;object-fit:contain;margin:0 0 12px!important}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font:600 15px/1.25 var(--display)!important;text-transform:uppercase;padding:0!important;margin:0 0 6px!important;color:var(--ink)}
.woocommerce ul.products li.product .price,.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--ink)!important;font-weight:700;font-size:14px}
.woocommerce ul.products li.product .price del{color:var(--muted)}
.woocommerce ul.products li.product .price ins{text-decoration:none}
.woocommerce span.onsale{background:#222!important;border-radius:0!important;min-height:0!important;min-width:0!important;line-height:1!important;padding:6px 8px!important;font-size:11px!important;top:10px!important;left:10px!important;right:auto!important}
.woocommerce ul.products li.product .button{margin-top:8px}
.ss-coming{font:600 16px/1 var(--display);text-transform:uppercase;letter-spacing:.02em}
.woocommerce .woocommerce-ordering select,.woocommerce select{border:1px solid var(--line);padding:9px 12px;background:#fff;font:inherit}
.woocommerce .woocommerce-result-count{color:var(--muted);font-size:13px}
.woocommerce nav.woocommerce-pagination ul{border:0!important}
.woocommerce nav.woocommerce-pagination ul li{border:0!important;margin:0 3px!important}
.woocommerce nav.woocommerce-pagination ul li a,.woocommerce nav.woocommerce-pagination ul li span{border:1px solid var(--line);min-width:38px;padding:9px!important}
.woocommerce nav.woocommerce-pagination ul li span.current{background:#222!important;color:#fff!important}
.woocommerce-products-header__title{font-size:clamp(28px,3vw,40px)}
.woocommerce .woocommerce-breadcrumb{font-size:13px;color:var(--muted);padding-top:18px}

/* single product */
.woocommerce div.product{display:grid;grid-template-columns:1.1fr 1fr;gap:44px;padding-top:10px}
.woocommerce div.product>*{min-width:0}
.woocommerce div.product div.images,.woocommerce div.product div.summary{width:100%!important;float:none!important;margin:0!important}
.woocommerce div.product div.images img{background:var(--tile)}
.woocommerce div.product div.images .flex-control-thumbs{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:8px!important}
.woocommerce div.product div.images .flex-control-thumbs li{width:auto!important}
.woocommerce div.product .product_title{font-size:clamp(24px,2.6vw,32px);margin:0 0 10px}
.woocommerce div.product form.cart{margin:18px 0!important}
.woocommerce div.product form.cart .variations{margin-bottom:12px}
.woocommerce div.product form.cart .variations th{text-align:left;font-weight:400;padding-right:12px}
.woocommerce div.product form.cart .variations select{min-width:220px}
.woocommerce .quantity .qty{border:1px solid var(--line);padding:11px 6px;width:64px}
.woocommerce div.product .woocommerce-tabs,.woocommerce div.product .related,.woocommerce div.product .upsells{grid-column:1/-1}
.woocommerce div.product .woocommerce-tabs ul.tabs{padding:0!important;margin:0 0 16px!important;border-bottom:1px solid var(--line)}
.woocommerce div.product .woocommerce-tabs ul.tabs::before{display:none}
.woocommerce div.product .woocommerce-tabs ul.tabs li{background:none!important;border:0!important;border-radius:0!important;margin:0 18px 0 0!important;padding:0!important}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,.woocommerce div.product .woocommerce-tabs ul.tabs li::after{display:none}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{padding:12px 0!important;font-weight:700!important;text-transform:uppercase;font-size:13px}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{border-bottom:2px solid #222}
.woocommerce table.shop_attributes{border:0}.woocommerce table.shop_attributes th,.woocommerce table.shop_attributes td{border-bottom:1px solid var(--line)!important;background:none!important;padding:10px!important;font-style:normal}
.ss-perks{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--muted);padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:14px 0}
.ss-notice{background:var(--tile);padding:12px 14px;font-size:14px;margin:12px 0}
@media(max-width:900px){.woocommerce div.product{grid-template-columns:1fr;gap:24px}}

/* cart / checkout (classic + blocks) */
.woocommerce table.shop_table{border-radius:0!important;border-color:var(--line)!important}
.woocommerce-cart .cart-collaterals .cart_totals,.woocommerce-checkout #order_review,.wc-block-components-sidebar{background:var(--tile);padding:22px}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select,.wc-block-components-text-input input{border:1px solid var(--line)!important;border-radius:0!important;padding:11px 12px!important}
.woocommerce-checkout h3,.wc-block-components-title{font-family:var(--display)!important;text-transform:uppercase}
.woocommerce-message,.woocommerce-info,.woocommerce-error{border-top-color:#222!important;background:var(--tile)!important}
.woocommerce-message::before,.woocommerce-info::before{color:#222!important}

/* page + footer */
.ss-main{min-height:50vh;padding-bottom:30px}
.ss-page-title{font-size:clamp(28px,3vw,40px);margin:28px 0 20px}
.ss-footer{border-top:1px solid var(--line);margin-top:40px}
.ss-fgrid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:24px;padding-block:36px}
.ss-footer h4{font:700 11px/1 var(--body);letter-spacing:.12em;color:var(--muted);margin:0 0 12px}
.ss-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:14px}
.ss-footer p{color:var(--muted);font-size:14px;max-width:34ch}
.ss-fbottom{border-top:1px solid var(--line);padding-block:16px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13px;color:var(--muted)}
.ss-pay{display:flex;gap:6px;flex-wrap:wrap}.ss-pay span{border:1px solid var(--line);padding:4px 8px;font-size:11px}
@media(max-width:800px){.ss-fgrid{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.woocommerce div.product p.price,.woocommerce div.product span.price{font:600 26px/1.2 var(--display)!important;margin:4px 0 12px}
.woocommerce div.product p.price del{color:var(--muted);font-size:18px}
.woocommerce div.product p.price ins{text-decoration:none;color:var(--sale)!important}
.ss-nav a{padding:22px 9px;font-size:13px}
@media(min-width:901px){.ss-nav ul{flex-wrap:nowrap}}