/*
Theme Name: ProPass Storefront
Template: storefront
Version: 1.0.0
Text Domain: propass-storefront
*/

body { background:#080808; color:#e8e8e8; }
body a { color:#9bd7ed; }
body h1, body h2, body h3, body h4, body .site-main .product_title { color:#fff; }
.site-header, .site-footer, .storefront-primary-navigation { background:#080808; color:#fff; }
.site-header { border-bottom:1px solid #393939; }
.site-header a, .site-footer a, .main-navigation ul li a, .site-header-cart .cart-contents { color:#fff; }
.main-navigation ul.menu ul, .site-header-cart .widget_shopping_cart { background:#202020; }
.site-header .custom-logo-link img { width:auto; max-height:80px; }
.site-branding .propass-logo { display:block; width:105px; height:auto; }
.site-search .search-field { background:#1b1b1b; color:white; border:1px solid #454545; }
.propass-home { padding: clamp(1.5rem, 4vw, 3rem) 0 3rem; }
.propass-home__intro { text-align:center; margin-bottom:2rem; }
.propass-home__intro h1 { font-size:clamp(2rem, 5vw, 3.1rem); margin:0 0 .3em; font-weight:700; }
.propass-home__intro p { margin:0 0 1rem; }
.propass-home .button, .single-product .single_add_to_cart_button { background:#df892b; color:#101010; border-radius:.35rem; }
.propass-home .button:hover, .single-product .single_add_to_cart_button:hover { background:#f4aa54; color:#101010; }
.propass-home ul.products li.product img { width:100%; aspect-ratio:4 / 5; object-fit:contain; background:#151515; }
.propass-home ul.products li.product .price, .single-product .summary .price { color:#9bd7ed; }
.propass-news { border-top:1px solid #393939; padding-top:2rem; }
.propass-news__grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%, 230px),1fr)); gap:1.25rem; }
.propass-news__item { background:#151515; overflow:hidden; border-radius:.35rem; }
.propass-news__item img { width:100%; aspect-ratio:16 / 9; object-fit:cover; display:block; }
.propass-news__item h3 { font-size:1.05rem; margin:.5rem 1rem 1rem; }
.propass-news__item time { display:block; margin:.85rem 1rem 0; color:#bbb; font-size:.85rem; }
body.woocommerce-cart, body.woocommerce-checkout, body.woocommerce-account { background:#fff; color:#242424; }
body.woocommerce-cart .site-content a, body.woocommerce-checkout .site-content a, body.woocommerce-account .site-content a { color:#125573; }
body.woocommerce-cart .site-content :is(h1,h2,h3), body.woocommerce-checkout .site-content :is(h1,h2,h3), body.woocommerce-account .site-content :is(h1,h2,h3) { color:#222; }
a:focus-visible, button:focus-visible { outline:2px solid #68bad8; outline-offset:3px; }