/* =======================================================
   CUSTOM FONTS: Basic Sans (WOFF2)
   ======================================================= */
@font-face {
  font-family: "Basic Sans";
  src: url("https://static1.squarespace.com/static/5e294f8751bb0c3dff56f189/t/68aaa40944c70b60d77722f0/1756013577388/BasicSansSF.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Basic Sans";
  src: url("https://static1.squarespace.com/static/5e294f8751bb0c3dff56f189/t/68aaa409009b92091f037184/1756013577387/BasicSansSF-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Basic Sans";
  src: url("https://static1.squarespace.com/static/5e294f8751bb0c3dff56f189/t/68aaa409009b92091f037185/1756013577397/BasicSansSF-Italic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

/* Optional aliases to defang theme packs that try to swap families */
@font-face { font-family: "Abroise";          src: local("Arial"); font-weight: 100 900; font-style: normal italic; }
@font-face { font-family: "SangBleu";         src: local("Arial"); font-weight: 100 900; font-style: normal italic; }
@font-face { font-family: "SangBleu Sunrise"; src: local("Arial"); font-weight: 100 900; font-style: normal italic; }

/* =======================================================
   GLOBAL
   ======================================================= */
:root { --brand-font: "Basic Sans", system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; }
html { font-synthesis: none; } /* we’ll selectively enable on components that ask 500/600 */

body {
  font-family: var(--brand-font);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* =======================================================
   TYPOGRAPHY TARGETS
   ======================================================= */
h1, h2, h3, h4, h5, h6,
.site-title, .sqs-site-title,
.Header-branding, .Header-branding a,
.Header-nav, .Header-nav *, .Nav--main,
.sqs-mobile-nav, .sqs-mobile-nav *,
.portfolio-grid-overlay .portfolio-title,
.blog-item-wrapper .blog-item-title h1.entry-title,
.blog-basic-grid .blog-title,
.summary-title, .blog-title, .blog-item-title, .blog-item-wrapper .entry-title,
.collection-type-products .grid-title,
h1.ProductItem-details-title, h1.ProductList-title,
.item-pagination-title, .item-pagination-link a,
.sqs-block-button .sqs-button-element,
.ProductItem-details, .ProductList-title,
.product-price, .product-price * {
  font-family: var(--brand-font) !important;
}

p, li, a, figcaption, blockquote,
.sqs-editable, .sqs-block-text, .sqs-block-html, .sqs-block-quote,
.summary-content, .summary-excerpt, .summary-metadata {
  font-family: var(--brand-font) !important;
}

/* Cart badge number */
.sqs-pill-number,
.sqs-cart-quantity,
.Cart-quantity,
.Cart-count,
.Cart-badge,
.Header-actions .Cart .Cart-count,
.Header-actions .Cart .sqs-pill-number {
  font-family: "Basic Sans", system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif !important;
  font-weight: 700 !important;
  font-variant-numeric: lining-nums tabular-nums;
  font-feature-settings: "tnum" 1, "lnum" 1, "zero" 1;
  line-height: 1 !important;
  -webkit-font-smoothing: antialiased;
}

/* =======================================================
   COMPONENTS
   ======================================================= */

/* BeerSlider */
.beer-slider { position: relative; }
.beer-label {
  position: absolute;
  top: 12px;
  padding: 6px 10px;
  border-radius: 6px;
  background: rgba(0,0,0,.35);
  font: 700 0.85rem/1 var(--brand-font);
  letter-spacing: .5px;
  text-transform: uppercase;
  color: #fff;
  text-shadow: 0 1px 2px rgba(0,0,0,.4);
  pointer-events: none;
  z-index: 5;
  transition: opacity .25s ease;
}
.beer-label-after { left: 12px; }
.beer-label-before { right: 12px; }
@media (max-width: 640px) {
  .beer-label { top: 8px; padding: 4px 7px; font-size: .72rem; letter-spacing: .4px; }
}
.beer-slider .beer-label,
.beer-slider .beer-label::before,
.beer-slider .beer-label::after {
  font-family: "Basic Sans", system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif !important;
  font-weight: 700 !important;
}

/* FAQ accordion */
#faq-accordion,
#faq-accordion h2,
#faq-accordion summary,
#faq-accordion .answer,
#faq-accordion .answer p,
#faq-accordion summary::after {
  font-family: "Basic Sans", system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif !important;
}
#faq-accordion h2,
#faq-accordion summary { font-weight: 700; }

/* Responsive map embed */
.map-responsive { position: relative; overflow: hidden; padding-bottom: 56.25%; height: 0; }
.map-responsive iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }

/* =======================================================
   BLOG META + AUTHOR + COMMENTS
   ======================================================= */
.sqs-blog-meta,
.sqs-blog-meta *,
.BlogItem-meta,
.BlogItem-meta *,
.blog-meta,
.blog-meta *,
.blog-meta-item,
.blog-meta-item a,
.blog-item-date,
.blog-item-author,
.blog-item-author a,
.BlogItem-author,
.BlogItem-author a,
time.dt-published.blog-meta-item.blog-meta-item--date,
time.dt-published.blog-meta-item.blog-meta-item--date span {
  font-family: "Basic Sans", system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif !important;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.01em;
}

/* Bottom author line */
.BlogItem-author,
.BlogItem-author *,
.BlogItem-footer .BlogItem-author,
.sqs-block-author,
.sqs-block-author *,
.sqs-author-name,
.author-name,
.p-author {
  font-family: "Basic Sans", system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif !important;
  font-style: normal;
}

/* Comments widget */
.sqs-comments,
.sqs-comments *,
.sqs-comment-form,
.sqs-comment-form *,
.sqs-comment-textarea,
.sqs-comment-list,
.sqs-comment-list *,
.sqs-comment-submit,
.sqs-comment-controls,
.sqs-comment-username,
.sqs-comment-meta,
.sqs-comment-content,
.sqs-comment-reply,
.sqs-comment-preview,
#comments,
#comments * {
  font-family: "Basic Sans", system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif !important;
}
.sqs-comment-form ::placeholder {
  font-family: "Basic Sans", system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif !important;
}
.sqs-comment-submit,
.sqs-comment-form .button { font-weight: 700; }

/* Neutralize Squarespace forcing serif */
.sqs-blog-meta.sqs-theme-font-serif,
.sqs-blog-meta.sqs-theme-font-serif *,
.BlogItem-meta.sqs-theme-font-serif,
.BlogItem-meta.sqs-theme-font-serif *,
.blog-meta.sqs-theme-font-serif,
.blog-meta.sqs-theme-font-serif *,
.BlogItem-author.sqs-theme-font-serif,
.BlogItem-author.sqs-theme-font-serif * {
  font-family: "Basic Sans", system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif !important;
}

/* Blog listing (all pages, incl. pagination/archives) */
.collection-type-blog .summary-metadata,
.collection-type-blog .summary-metadata *,
.collection-type-blog .summary-metadata time,
.collection-type-blog .summary-metadata .sqs-datetime,
.collection-type-blog .summary-metadata .sqs-datetime *,
.collection-type-blog .BlogList-item-meta,
.collection-type-blog .BlogList-item-meta *,
.collection-type-blog .BlogList-item-meta time,
.collection-type-blog .BlogList .entry-datetime,
.collection-type-blog .BlogList time,
.collection-type-blog .blog-basic-grid .blog-meta,
.collection-type-blog .blog-basic-grid .blog-meta *,
.collection-type-blog .blog-basic-grid time {
  font-family: "Basic Sans", system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif !important;
  font-style: normal !important;
  font-weight: 400;
}
.collection-type-blog .summary-metadata.sqs-theme-font-serif,
.collection-type-blog .summary-metadata.sqs-theme-font-serif *,
.collection-type-blog .BlogList-item-meta.sqs-theme-font-serif,
.collection-type-blog .BlogList-item-meta.sqs-theme-font-serif * {
  font-family: "Basic Sans", system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif !important;
}

/* =======================================================
   COOKIE CONSENT (Squarespace 2024+ banner & controls)
   ======================================================= */
/* Banner + descendants */
#siteWrapper.site-wrapper .gdpr-cookie-banner,
#siteWrapper.site-wrapper .gdpr-cookie-banner * {
  font-family: "Basic Sans", system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif !important;
  font-style: normal !important;
  font-synthesis: weight style !important; /* avoid fallback when template asks for 500/600 */
}

/* CTA buttons/links (and nested spans/icons) */
#siteWrapper.site-wrapper .gdpr-cookie-banner button,
#siteWrapper.site-wrapper .gdpr-cookie-banner .sqs-button-element,
#siteWrapper.site-wrapper .gdpr-cookie-banner a[role="button"],
#siteWrapper.site-wrapper .gdpr-cookie-banner [class*="Button"],
#siteWrapper.site-wrapper .gdpr-cookie-banner button *,
#siteWrapper.site-wrapper .gdpr-cookie-banner .sqs-button-element *,
#siteWrapper.site-wrapper .gdpr-cookie-banner [class*="Button"] * {
  font-family: "Basic Sans", system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif !important;
  font-weight: 700 !important;
}

/* Manage Cookies overlay (when user clicks Manage) */
.manage-cookies-overlay,
.manage-cookies-overlay * {
  font-family: "Basic Sans", system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif !important;
}
.manage-cookies-overlay .sqs-button-element,
.manage-cookies-overlay .save.sqs-button-element--primary {
  font-weight: 700 !important;
}

/* Sticky Manage Cookies bar/pill (footer control) */
.manage-cookies-bar,
.manage-cookies-bar * {
  font-family: "Basic Sans", system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif !important;
}
.manage-cookies-bar .manage-bar-action { font-weight: 700 !important; }