/*
Theme Name: Diplomat Bottle Shop
Description: Diplomat Brewing presentation layer for the official Storefront parent theme.
Author: Diplomat Brewing
Template: storefront
Version: 0.1.0
Text Domain: diplomat-bottle-shop
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/
:root{--db-ink:#152f2d;--db-cream:#f5f1e8;--db-paper:#fffdf7;--db-amber:#d59b45;--db-line:#d7d8cc}
body,button,input,select,textarea{font-family:Arial,Helvetica,sans-serif}
body{background:var(--db-cream);color:var(--db-ink);font-size:17px;line-height:1.7}
h1,h2,h3,h4{font-family:Arial,Helvetica,sans-serif;color:var(--db-ink);font-weight:800;letter-spacing:-.035em;line-height:1.12}
a{color:var(--db-ink)}a:hover{color:#805614}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--db-amber);outline-offset:4px}
.site-header{background:var(--db-ink);color:var(--db-cream);border:0;padding-bottom:0}
.site-header a,.site-header .site-branding .site-title a,.site-header ul.menu li a,.site-header .site-header-cart .cart-contents{color:var(--db-cream)}
.site-header .site-description{color:var(--db-cream);font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.site-branding .site-title{font-size:27px;letter-spacing:.05em;text-transform:uppercase;font-weight:900}
.main-navigation ul ul{background:var(--db-ink)}
.site-footer{background:var(--db-ink);color:var(--db-cream)}.site-footer a,.site-footer .widget-title{color:var(--db-cream)}
.home.page .entry-header{display:none}.home.page .content-area{width:100%;float:none;margin-right:0}.home.page .widget-area{display:none}
.db-shop-section{padding:64px 0}.db-shop-section h2{font-size:clamp(30px,4vw,46px)}
.db-eyebrow{font-size:11px;font-weight:800;letter-spacing:.17em;text-transform:uppercase}
.db-shop-hero{padding:70px 40px;min-height:520px;color:var(--db-cream);background:linear-gradient(90deg,rgba(12,23,22,.91),rgba(12,23,22,.55) 55%,rgba(12,23,22,.1)),url('assets/ale-hero.jpg') center/cover}
.db-shop-hero h1{color:var(--db-cream);font-size:clamp(44px,6vw,76px);max-width:680px;margin:18px 0 24px;letter-spacing:-.045em}
.db-shop-hero p{max-width:490px}.db-shop-hero .db-eyebrow{color:#efbd72}.db-shop-tagline{font-weight:800}
.db-concept-note{font-size:11px;opacity:.85;margin-top:30px}
.wp-block-button .wp-block-button__link,.button,button.button,input.button,.woocommerce a.button{border-radius:0;background:var(--db-ink);color:var(--db-paper);font-weight:800;padding:14px 22px}
.db-shop-hero .wp-block-button__link{background:var(--db-amber);color:var(--db-ink)}
.db-shop-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:32px}
.db-shop-grid>.wp-block-group__inner-container{display:contents}
.db-shop-card{min-width:0;background:var(--db-paper);border:1px solid var(--db-line);padding-bottom:22px}
.db-shop-card h3,.db-shop-card>p,.db-shop-card>.wp-block-group__inner-container>p,.db-shop-card>.wp-block-group__inner-container>h3{margin:18px 20px 0}
.db-shop-card h3{font-size:23px}.db-shop-card p{font-size:14px}
.db-badge{min-height:200px;padding:32px 14px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#a0522d;color:var(--db-cream)}
.db-badge p{margin:0!important;color:inherit}.db-badge-name{font-size:28px!important;line-height:1.05;font-weight:900;text-transform:uppercase;margin:22px 0!important}
.db-badge-mark,.db-badge-caption{font-size:9px!important;letter-spacing:.15em;text-transform:uppercase}
.db-badge-atlantic{background:#31596b}.db-badge-nightwatch{background:#31333a}.db-badge-tailwind{background:#6c7043}
.db-shop-story{border-top:1px solid var(--db-line)}.db-shop-story p{max-width:760px}
.db-note{border-left:3px solid var(--db-amber);padding:14px 18px;background:#eae7dd;font-size:14px;margin-top:30px}
.woocommerce-message,.woocommerce-info{background:var(--db-ink)}.woocommerce-error{background:#8e392e}
@media(max-width:1000px){.db-shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.db-shop-hero{padding:48px 23px;min-height:540px;background-position:60% center}.db-shop-hero h1{font-size:48px}.db-shop-grid{grid-template-columns:1fr}.db-shop-section{padding:44px 0}.db-badge{min-height:210px}.site-branding .site-title{font-size:22px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Final presentation corrections */
.site-header .main-navigation ul.menu > li > a,
.site-header .main-navigation ul.nav-menu > li > a,
.site-header .site-header-cart .cart-contents { color: #f5f1e8 !important; }
.site-header .main-navigation ul.menu > li > a:hover,
.site-header .main-navigation ul.menu > li.current-menu-item > a { color: #efbd72 !important; }
.db-shop-grid > .db-shop-card,
.db-shop-grid > .wp-block-group__inner-container > .db-shop-card { margin-top: 0 !important; margin-bottom: 0 !important; }
.db-badge .db-badge-name { margin: 14px 0 !important; }
.site-header button.menu-toggle { color: #f5f1e8; border-color: #f5f1e8; background: transparent; }
.site-header button.menu-toggle::before,
.site-header button.menu-toggle::after,
.site-header button.menu-toggle span::before { background-color: #f5f1e8; }
@media (max-width: 767px) { .site-header .main-navigation ul.menu li a { color: #f5f1e8 !important; } }

/* Compact mobile header and clearer hero text */
@media (max-width: 600px) {
  .site-header .site-branding .site-title { font-size: 15px; line-height: 1.35; letter-spacing: .035em; }
  .home.page .site-header { margin-bottom: 24px; }
  .db-shop-hero { background-image: linear-gradient(rgba(12,23,22,.84),rgba(12,23,22,.65)),url('assets/ale-hero.jpg'); }
}