/* AUTO-GENERATED from site_themes.json.
   Edit site_themes.json, not this file. Site: hockey-poster-com */
:root{
  --theme-website-bg:#f2eee8;
  --theme-website-bg-soft:#ebe4db;
  --theme-block-bg:#f8f5f1;
  --theme-card:var(--theme-block-bg);
  --theme-text:#463d35;
  --theme-text-soft:#73675c;
  --theme-line:#d7cec3;

  --theme-accent:#1c4f76;
  --theme-accent-dark:#174161;
  --theme-accent-soft:rgba(28, 79, 118, 0.13);
  --theme-on-accent:#ffffff;

  --theme-topbar-bg:rgba(255,255,255,.28);
  --theme-topbar-text:#312922;
  --theme-site-title:#312922;
  --theme-topbar-line:#d7cec3;
  --theme-menu-text:#312922;
  --theme-menu-hover:#1c4f76;
  --theme-menu-dropdown-bg:#f8f5f1;
  --theme-menu-dropdown-text:#463d35;
  --theme-menu-dropdown-hover:#ebe4db;

  --theme-footer1-bg:#e5dfd6;
  --theme-footer1-text:#2f241c;
  --theme-footer1-text-soft:#5f5247;
  --theme-footer1-line:#d4cabd;
  --theme-footer2-bg:#e5dfd6;
  --theme-footer2-text:#6b5d52;

  --theme-hero-overlay-bg:rgba(7, 25, 43, 0.76);
  --theme-hero-text:#f6fbff;
  --theme-hero-text-soft:rgba(239, 248, 255, 0.82);
  --theme-hero-accent:#d8b565;
  --theme-promo-bg:linear-gradient(90deg, #1c4f76 0%, #397ca5 100%);
  --theme-promo-text:#ffffff;
  --theme-block-radius:18px;
  --theme-image-radius:12px;

  /* Shared style.css variables. */
  --bg:var(--theme-website-bg);
  --bg-soft:var(--theme-website-bg-soft);
  --card:var(--theme-card);
  --text:var(--theme-text);
  --text-soft:var(--theme-text-soft);
  --line:var(--theme-line);
  --accent:var(--theme-accent);
  --accent-dark:var(--theme-accent-dark);
  --radius:var(--theme-block-radius);
  --radius-sm:var(--theme-image-radius);
}

/* Main page background --------------------------------------------------- */
html,
body,
.product-page{
  background:var(--theme-website-bg)!important;
  color:var(--theme-text)!important;
}

/* Logo/header strip + integrated navigation ----------------------------- */
.topbar{
  background:var(--theme-topbar-bg)!important;
  border-bottom-color:var(--theme-topbar-line)!important;
  position:relative;
  z-index:80;
}
.topbar .brand,
.topbar .brand-link,
.topbar .brand-text{color:var(--theme-site-title)!important;}
.topbar .topnav{display:none!important;}

.topbar-inner{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:28px!important;
  min-height:72px;
}
.topbar .hub-nav{
  flex:1 1 auto;
  margin-left:auto;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  position:relative;
  z-index:90;
}
.topbar .hub-nav > .container,
.topbar .hub-nav .hub-nav-container{
  width:auto!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}
.topbar .hub-nav-inner{
  justify-content:flex-end!important;
  gap:clamp(16px,2.2vw,34px)!important;
  flex-wrap:nowrap!important;
}
.topbar .hub-nav-pill,
.topbar .hub-nav-mobile-link,
.topbar .hub-nav-toggle{
  min-height:auto!important;
  padding:10px 2px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--theme-menu-text)!important;
  box-shadow:none!important;
  transform:none!important;
  font-size:15px!important;
  font-weight:600!important;
  line-height:1.2!important;
}
.topbar .hub-nav-pill:hover,
.topbar .hub-nav-pill:focus-visible,
.topbar .hub-nav-dropdown:hover > .hub-nav-pill,
.topbar .hub-nav-dropdown:focus-within > .hub-nav-pill,
.topbar .hub-nav-mobile-link:hover,
.topbar .hub-nav-mobile-link:focus-visible,
.topbar .hub-nav-toggle:hover,
.topbar .hub-nav-toggle:focus-visible{
  background:transparent!important;
  color:var(--theme-menu-hover)!important;
  opacity:1!important;
  outline:none;
}
.topbar .hub-nav-dropdown-menu,
.topbar .hub-nav-mobile-panel{
  background:var(--theme-menu-dropdown-bg)!important;
  border-color:var(--theme-topbar-line)!important;
  color:var(--theme-menu-dropdown-text)!important;
}
.topbar .hub-nav-dropdown-link{
  color:var(--theme-menu-dropdown-text)!important;
  background:transparent!important;
}
.topbar .hub-nav-dropdown-link:hover,
.topbar .hub-nav-dropdown-link:focus-visible{
  color:var(--theme-menu-hover)!important;
  background:var(--theme-menu-dropdown-hover)!important;
}

@media (max-width:980px){
  .topbar-inner{flex-direction:row!important;align-items:center!important;gap:16px!important;}
  .topbar .hub-nav{width:auto!important;}
}
@media (max-width:640px){
  .topbar{
    position:relative!important;
    overflow:visible!important;
  }
  .topbar-inner{
    min-height:62px;
    flex-wrap:nowrap!important;
    overflow:visible!important;
  }
  .topbar .brand-link{
    min-width:0!important;
    flex:0 1 auto!important;
  }
  .topbar .brand-text{
    font-size:16px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  /* The mobile panel is positioned against the complete topbar instead of
     the narrow <details> element. This keeps it inside the viewport. */
  .topbar .hub-nav,
  .topbar .hub-nav-mobile{
    position:static!important;
  }
  .topbar .hub-nav{
    flex:0 0 auto!important;
    width:auto!important;
    margin-left:auto!important;
  }
  .topbar .hub-nav-desktop{display:none!important;}
  .topbar .hub-nav-mobile{display:block!important;}
  .topbar .hub-nav-toggle{
    display:inline-flex!important;
    align-items:center!important;
    gap:8px!important;
    white-space:nowrap;
    color:var(--theme-menu-text)!important;
  }

  .topbar .hub-nav-mobile-panel{
    display:none!important;
    position:absolute!important;
    left:12px!important;
    right:12px!important;
    top:100%!important;
    width:auto!important;
    max-width:none!important;
    max-height:calc(100vh - 84px)!important;
    margin:0!important;
    padding:10px 14px!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:0!important;
    background:var(--theme-menu-dropdown-bg)!important;
    color:var(--theme-menu-dropdown-text)!important;
    border:1px solid var(--theme-topbar-line)!important;
    box-shadow:0 18px 36px rgba(0,0,0,.22)!important;
    z-index:1000!important;
  }
  .topbar .hub-nav-mobile[open] .hub-nav-mobile-panel{
    display:flex!important;
  }
  .topbar .hub-nav-mobile-link{
    display:flex!important;
    justify-content:flex-start!important;
    width:100%!important;
    min-height:48px!important;
    padding:13px 10px!important;
    color:var(--theme-menu-dropdown-text)!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    white-space:normal!important;
  }
  .topbar .hub-nav-mobile-link:hover,
  .topbar .hub-nav-mobile-link:focus-visible{
    color:var(--theme-menu-hover)!important;
    background:var(--theme-menu-dropdown-hover)!important;
  }
  .topbar .hub-nav-mobile-separator{
    width:100%!important;
    height:1px!important;
    margin:0!important;
    background:var(--theme-topbar-line)!important;
    opacity:.75;
  }
}

/* Decorative accent only. Purchase buttons are excluded. ---------------- */
.btn-secondary,
.collection-box a,
.editorial-inline-link:hover,
.editorial-inline-link:focus-visible,
.product-learn-more{
  color:var(--theme-accent-dark)!important;
  border-color:var(--theme-accent)!important;
}
.btn-secondary:hover{background:var(--theme-accent-soft)!important;}
.check-list li::before,
.home-editorial-card-body > span,
.hub-article-card-badge{color:var(--theme-accent)!important;}

.hub-pagination-nav button.is-active{
  background:var(--theme-accent)!important;
  color:var(--theme-on-accent)!important;
}

.hub-nav-dropdown-link:hover,
.hub-nav-dropdown-link:focus-visible,
.product-detail-icon{
  background:var(--theme-accent-soft)!important;
  color:var(--theme-accent-dark)!important;
}
.product-gallery-thumb.is-active,
.lightbox-trigger-card:hover,
.lightbox-trigger-card:focus-visible{border-color:var(--theme-accent)!important;}

.review-card,
.cta-banner{
  background:var(--theme-accent)!important;
  color:var(--theme-on-accent)!important;
}
.review-card h2,.review-card h3,.review-card p,
.cta-banner h2,.cta-banner h3,.cta-banner p{color:var(--theme-on-accent)!important;}

/* Branded purchase buttons: never inherit websiteColor/accentColor. ------- */
.product-buy-stripe{background:#332b24!important;color:#ffffff!important;}
.product-buy-stripe:hover{background:#211b17!important;color:#ffffff!important;}
.product-buy-paypal{background:#0070ba!important;color:#ffffff!important;}
.product-buy-paypal:hover{background:#005f9e!important;color:#ffffff!important;}
.product-buy-etsy,
.btn-etsy{background:#f1641e!important;color:#ffffff!important;}
.product-buy-etsy:hover,
.btn-etsy:hover{background:#d95618!important;color:#ffffff!important;}

/* Any legacy standalone navigation is hidden after it has been moved. */
body > .hub-nav:not(.hub-nav-topbar),
header.topbar + .hub-nav:not(.hub-nav-topbar){display:none!important;}

/* Promotion banner ------------------------------------------------------- */
.home-promo-banner{
  background:var(--theme-promo-bg)!important;
  color:var(--theme-promo-text)!important;
}
.home-promo-copy span,
.home-promo-copy strong,
.home-promo-countdown{color:var(--theme-promo-text)!important;}

/* Home hero -------------------------------------------------------------- */
.home-hero-overlay{
  background:var(--theme-hero-overlay-bg)!important;
  color:var(--theme-hero-text)!important;
}
.home-hero-copy h1{color:var(--theme-hero-text)!important;}
.home-hero-copy p,
.home-hero-copy .eyebrow,
.home-hero-copy .rating,
.home-hero-copy .rating span{color:var(--theme-hero-text-soft)!important;}
.home-hero-copy .stars{color:var(--theme-hero-accent)!important;}
.home-hero-copy .btn-secondary{
  color:var(--theme-hero-text)!important;
  border-color:var(--theme-hero-text)!important;
}
.home-hero-copy .btn-secondary:hover{background:rgba(255,255,255,.10)!important;}

/* Footer 1 / Footer 2 ---------------------------------------------------- */
.site-footer{
  background:var(--theme-footer1-bg)!important;
  border-top-color:var(--theme-footer1-line)!important;
  color:var(--theme-footer1-text)!important;
}
.footer-brand-name,
.footer-title,
.footer-links a,
.footer-social-title{color:var(--theme-footer1-text)!important;}
.footer-brand-text{color:var(--theme-footer1-text-soft)!important;}
.footer-bottom{
  position:relative;
  background:var(--theme-footer2-bg)!important;
  border-top-color:var(--theme-footer1-line)!important;
  box-shadow:0 0 0 100vmax var(--theme-footer2-bg);
  clip-path:inset(0 -100vmax);
}
.footer-copy,
.footer-bottom-links a{color:var(--theme-footer2-text)!important;}

/* Configurable backgrounds for content blocks --------------------------- */
.panel,
.hero-card,
.feature-card,
.faq-item,
.collection-box,
.poster-card,
.hub-article-card,
.hub-directory-card,
.hub-intro-panel,
.hub-find-card,
.hub-topic-card,
.hub-latest-panel,
.home-trust-item,
.home-static-poster-card,
.home-collection-panel,
.home-featured-grid,
.home-quality-grid,
.home-review-card,
.home-editorial-card,
.home-newsletter-panel,
.home-payment-panel,
.product-gallery-main,
.product-buy-panel,
.product-shop-card,
.product-review-card,
.product-proof-card,
.product-more-card,
.article-side-card,
.article-newsletter-panel,
.article-end-showcase,
.image-lightbox-dialog{
  background-color:var(--theme-block-bg)!important;
}

/* Normal rounded values. Hard square mode is appended below when enabled. */
.panel,
.hero-card,
.feature-card,
.review-card,
.faq-item,
.cta-banner,
.collection-box,
.poster-card,
.hub-article-card,
.hub-directory-card,
.home-trust-item,
.home-static-poster-card,
.home-collection-panel,
.home-featured-grid,
.home-quality-grid,
.home-review-card,
.home-editorial-card,
.home-newsletter-panel,
.home-payment-panel,
.product-gallery-main,
.product-buy-panel,
.product-shop-card,
.product-review-card,
.product-proof-card,
.product-more-card,
.article-side-card,
.image-lightbox-dialog,
.hub-nav-dropdown-menu,
.home-hero-overlay-panel{border-radius:var(--theme-block-radius)!important;}

img:not(.site-logo),
.hero-main,
.gallery-grid img,
.gallery-side img,
.poster-card-image,
.poster-card-image img,
.hub-article-card-media,
.hub-article-card-media img,
.hub-directory-card-media,
.hub-directory-card-media img,
.home-static-poster-media,
.home-static-poster-media img,
.home-featured-media,
.home-featured-media img,
.home-quality-media,
.home-quality-media img,
.home-editorial-card-media,
.home-editorial-card-media img,
.home-newsletter-media,
.home-newsletter-media img,
.product-gallery-main,
.product-gallery-slide img,
.product-gallery-thumb,
.product-gallery-thumb img{border-radius:var(--theme-image-radius)!important;}

/* The edge-to-edge homepage hero is always square. */
.home-hero-bleed,
.home-hero-media,
.home-hero-media img,
.home-hero-overlay{border-radius:0!important;}