/** Shopify CDN: Minification failed

Line 666:0 All "@import" rules must come first

**/
/* ============================================================
   KC Global Overrides — Kings Crest Brand Consistency
   Overrides Pizzon blue defaults with KC cream/gold palette
   ============================================================ */

/* --- Header/Nav: Premium luxury treatment --- */
#shopify-section-header header,
.header.header-nav-plain,
header.header {
  background: linear-gradient(180deg, #1c1c1c 0%, #141414 100%) !important;
  background-color: #1a1a1a !important;
  border-bottom: 1px solid rgba(201,168,76,0.15) !important;
  box-shadow:
    0 2px 20px rgba(0,0,0,0.4),
    0 1px 0 rgba(201,168,76,0.08) inset !important;
  backdrop-filter: blur(12px) saturate(120%) !important;
  -webkit-backdrop-filter: blur(12px) saturate(120%) !important;
}
/* Gold accent on nav links hover */
#shopify-section-header a:hover,
header.header a:hover {
  color: #c9a84c !important;
  transition: color 0.3s ease !important;
}
/* Subtle gold underline on active/hover nav items */
#shopify-section-header .header__nav a:hover::after,
header.header nav a:hover::after {
  background: #c9a84c !important;
}

/* Subnav/dropdown hover highlight padding fix — scoped to dropdown items only */
#shopify-section-header .sub-menu li > a,
#shopify-section-header .header__submenu li > a {
  padding: 10px 24px !important;
  transition: background 0.2s ease, color 0.2s ease !important;
}
#shopify-section-header .sub-menu li > a:hover,
#shopify-section-header .header__submenu li > a:hover {
  background: rgba(201,168,76,0.08) !important;
  color: #c9a84c !important;
}

/* --- Nicotine Warning Bar: ZYN-style (white bg, black text, bold uppercase, thick black border) --- */
.announcement-bar-main {
  border: 10px solid #000 !important;
  box-sizing: border-box !important;
  background: #fff !important;
  background-color: #fff !important;
  --bg-warning: #fff !important;
  --color-warning: #000 !important;
  padding: 18px 16px !important;
  /* Pin to top of viewport — stays visible on scroll (FDA-warning style) */
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 9999 !important;
}

/* Push entire site down so nothing hides under the fixed warning bar.
   Bar height ≈ 10(border) + 18(pad) + ~30(text) + 18(pad) + 10(border) = ~86px desktop,
   ~110px on narrow mobile where text wraps to 2 lines. */
body {
  padding-top: 90px !important;
}
@media (max-width: 768px) {
  body {
    padding-top: 115px !important;
  }
}

/* Inner wrapper: kill any inherited bg/border */
.announcement-bar,
announcement-bar-component,
.announcement-bar__item {
  border: none !important;
  background: transparent !important;
  background-color: transparent !important;
}

/* The actual warning message text — bold, uppercase, black */
.announcement-bar-main .announcement-bar__message,
.announcement-bar-main p,
.announcement-bar-main span {
  color: #000 !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: -0.015em !important;
  font-size: clamp(14px, 1.6vw, 22px) !important;
  line-height: 1.35 !important;
  text-align: center !important;
}

/* Hide any close button on the warning — FDA warnings shouldn't be dismissible */
.announcement-bar-main .announcement-bar__close,
.announcement-bar-main [data-close-announcement] {
  display: none !important;
}

/* --- Footer: Blue → Cream/White --- */
#shopify-section-footer,
.footer,
footer,
.site-footer {
  background: #FAF7F2 !important;
  background-color: #FAF7F2 !important;
}

/* Footer text colors for readability on cream bg */
#shopify-section-footer .footer__heading,
#shopify-section-footer h4,
#shopify-section-footer h3,
#shopify-section-footer .heading,
footer .footer__heading,
footer h4,
footer h3 {
  color: #1a1a1a !important;
}

#shopify-section-footer p,
#shopify-section-footer li,
#shopify-section-footer a,
#shopify-section-footer .footer__text,
#shopify-section-footer .text-des,
footer p,
footer li,
footer a,
footer .footer__text {
  color: #555 !important;
}

#shopify-section-footer a:hover,
footer a:hover {
  color: #C9A84C !important;
}

/* Footer border top */
#shopify-section-footer .border-top,
footer .border-top,
.footer-border-top {
  border-top-color: #E8DCC8 !important;
}

/* --- Footer Bottom Bar (copyright area) --- */
.footer-bottom,
.footer__bottom,
.footer-copy,
.copyright,
.footer .footer-bottom-wraper,
.footer .footer-copy-right,
footer [class*="bottom"],
footer [class*="copyright"] {
  background: #F5F0E8 !important;
  background-color: #F5F0E8 !important;
  color: #666 !important;
  border-top: 1px solid #E8DCC8 !important;
}

.footer-bottom a,
.footer__bottom a,
.footer-copy a,
footer [class*="bottom"] a,
footer [class*="copyright"] a {
  color: #555 !important;
}

.footer-bottom a:hover,
.footer__bottom a:hover,
footer [class*="bottom"] a:hover {
  color: #C9A84C !important;
}

/* --- Social Media Icons: Darker for light backgrounds --- */
#shopify-section-footer .social-icons a,
#shopify-section-footer .social a,
#shopify-section-footer [class*="social"] a,
#shopify-section-footer svg,
footer .social-icons a,
footer .social a,
footer [class*="social"] a,
footer [class*="social"] svg,
footer [class*="social"] i,
footer [class*="social"] path,
footer [class*="social"] svg path,
.list-social a,
.list-social svg,
.list-social path,
.footer-bottom [class*="social"] a,
.footer-bottom [class*="social"] svg,
.footer-bottom [class*="social"] path,
.footer-bottom .list-social path {
  color: #555 !important;
  fill: #555 !important;
}

#shopify-section-footer .social-icons a:hover,
#shopify-section-footer .social a:hover,
#shopify-section-footer [class*="social"] a:hover,
footer .social-icons a:hover,
footer .social a:hover,
footer [class*="social"] a:hover,
footer [class*="social"] a:hover svg,
footer [class*="social"] a:hover path,
footer [class*="social"] a:hover i,
.list-social a:hover,
.list-social a:hover svg,
.list-social a:hover path,
.footer-bottom [class*="social"] a:hover path {
  color: #C9A84C !important;
  fill: #C9A84C !important;
}

/* --- Collection Page Headers: Blue → Cream/White --- */
.page-banner,
.pz-page-banner,
.collection-banner,
[class*="page-banner"],
.breadcrumb-section {
  background: linear-gradient(135deg, #F5EFE7 0%, #FAF7F2 50%, #F0E6D8 100%) !important;
  background-color: #FAF7F2 !important;
}

/* Banner/header heading colors */
.page-banner h1,
.page-banner .page-title,
.pz-page-banner h1,
[class*="page-banner"] h1,
[class*="page-banner"] .page-title,
.collection-banner h1 {
  color: #1a1a1a !important;
}

/* Breadcrumb colors */
.page-banner .breadcrumb a,
.page-banner .breadcrumb span,
.page-banner .breadcrumb li,
[class*="page-banner"] .breadcrumb a,
[class*="page-banner"] .breadcrumb span,
[class*="breadcrumb"] a,
[class*="breadcrumb"] span {
  color: #666 !important;
}

[class*="breadcrumb"] a:hover {
  color: #C9A84C !important;
}

/* Banner overlay — remove dark overlays */
.page-banner .overlay,
.page-banner [class*="overlay"],
[class*="page-banner"] .overlay,
[class*="page-banner"]::before {
  background: transparent !important;
  opacity: 0 !important;
}

/* Banner background image — hide it so gradient shows through */
.page-banner [class*="bg-image"],
.page-banner img,
[class*="page-banner"] [class*="bg-image"],
[class*="page-banner"] img:not(.product-image) {
  opacity: 0 !important;
}

/* --- Contact Page: Blue → Cream/White --- */
.contact-page,
.page-contact,
[class*="contact-page"] {
  background: #FAF7F2 !important;
}

/* --- General Background Override (site-wide blue → cream) --- */
body {
  background-color: #FAF7F2 !important;
}

/* Newsletter footer area overrides */
#shopify-section-footer .newsletter input,
#shopify-section-footer .newsletter-form input,
#shopify-section-footer .footer__newsletter input,
#shopify-section-footer input[type="email"],
footer .newsletter input,
footer .newsletter-form input,
footer .footer__newsletter input {
  background-color: #fff !important;
  border-color: #E8DCC8 !important;
  color: #1a1a1a !important;
}

#shopify-section-footer .newsletter button,
#shopify-section-footer .newsletter .btn,
#shopify-section-footer .newsletter-form button,
#shopify-section-footer .newsletter-form__button,
#shopify-section-footer .footer__newsletter button,
#shopify-section-footer button.newsletter-form__button,
footer .newsletter button,
footer .newsletter .btn,
footer .newsletter-form button,
footer .newsletter-form__button,
footer button.newsletter-form__button {
  background-color: #C9A84C !important;
  border-color: #C9A84C !important;
  color: #fff !important;
}

#shopify-section-footer .newsletter button:hover,
#shopify-section-footer .newsletter-form button:hover,
#shopify-section-footer .newsletter-form__button:hover,
footer .newsletter button:hover,
footer .newsletter-form button:hover,
footer .newsletter-form__button:hover {
  background-color: #b8973d !important;
  border-color: #b8973d !important;
}

/* --- Policy Pages: Dark premium styling --- */
.template-policy,
.template-policy body {
  background: #0a0a0a !important;
}
.shopify-policy__container {
  max-width: 860px !important;
  margin: 0 auto !important;
  padding: 80px 40px 120px !important;
}
.shopify-policy__title {
  font-family: 'Playfair Display', serif !important;
  font-size: 48px !important;
  font-weight: 900 !important;
  color: #ffffff !important;
  text-align: center !important;
  margin-bottom: 16px !important;
  padding-top: 40px !important;
}
.shopify-policy__body,
.shopify-policy__body .rte {
  color: rgba(255,255,255,0.6) !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 14px !important;
  line-height: 1.8 !important;
}
.shopify-policy__body h1,
.shopify-policy__body h2,
.shopify-policy__body h3,
.shopify-policy__body h4 {
  color: #ffffff !important;
  font-family: 'Playfair Display', serif !important;
  margin-top: 48px !important;
  margin-bottom: 16px !important;
}
.shopify-policy__body h2 {
  font-size: 28px !important;
  font-weight: 700 !important;
  padding-bottom: 12px !important;
  border-bottom: 1px solid rgba(201,168,76,0.15) !important;
}
.shopify-policy__body h3 {
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #c9a84c !important;
}
.shopify-policy__body p {
  margin-bottom: 16px !important;
}
.shopify-policy__body a {
  color: #c9a84c !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}
.shopify-policy__body a:hover {
  color: #d4b45a !important;
}
.shopify-policy__body ul,
.shopify-policy__body ol {
  padding-left: 24px !important;
  margin-bottom: 16px !important;
}
.shopify-policy__body li {
  color: rgba(255,255,255,0.6) !important;
  margin-bottom: 8px !important;
}
.shopify-policy__body strong {
  color: rgba(255,255,255,0.85) !important;
}
/* Also style the main content wrapper background for policy pages */
.template-policy .main-content,
.template-policy main,
.template-policy #MainContent {
  background: #0a0a0a !important;
}

/* --- Homepage Newsletter button: Gold --- */
.section-newsletter .button,
.section-newsletter button,
.newsletter-section .button,
.newsletter-section button {
  background-color: #C9A84C !important;
  background: linear-gradient(135deg, #c9a84c, #a3862e) !important;
  border-color: #C9A84C !important;
  color: #0a0a0a !important;
  border-radius: 8px !important;
}
.section-newsletter .button:hover,
.section-newsletter button:hover,
.newsletter-section .button:hover,
.newsletter-section button:hover {
  background: linear-gradient(135deg, #d4b45a, #b8963a) !important;
  border-color: #b8973d !important;
}

/* --- Sub-Navigation / Category Nav: White gradient + black text --- */
.sub-nav,
.sub-navigation,
.collection-nav,
.category-nav,
.product-tabs,
.pizzon-sub-nav,
[class*="sub-nav"],
[class*="subnav"],
.header-bottom,
.header__bottom,
nav.secondary,
.secondary-nav,
.nav-secondary,
.pz-header-bottom,
.header-bottom-bar,
.pz-nav-bottom,
.mega-menu,
.header .header-bottom-wrap,
.header-nav__bottom {
  background: linear-gradient(180deg, #ffffff 0%, #f8f8f8 100%) !important;
  background-color: #ffffff !important;
  border-bottom: 1px solid #e8e8e8 !important;
  border-top: none !important;
}

.sub-nav a,
.sub-navigation a,
.collection-nav a,
.category-nav a,
.product-tabs a,
[class*="sub-nav"] a,
[class*="subnav"] a,
.header-bottom a,
.header__bottom a,
nav.secondary a,
.secondary-nav a,
.nav-secondary a,
.pz-header-bottom a,
.header-bottom-bar a,
.pz-nav-bottom a,
.mega-menu a,
.header .header-bottom-wrap a,
.header-nav__bottom a {
  color: #1a1a1a !important;
}

.sub-nav a:hover,
.sub-navigation a:hover,
.collection-nav a:hover,
.category-nav a:hover,
[class*="sub-nav"] a:hover,
[class*="subnav"] a:hover,
.header-bottom a:hover,
.header__bottom a:hover,
.mega-menu a:hover,
.header-nav__bottom a:hover {
  color: #C9A84C !important;
}

/* Active/current sub-nav link */
.sub-nav a.active,
.sub-nav a.current,
[class*="sub-nav"] a.active,
[class*="sub-nav"] a.current,
.header-bottom a.active,
.header__bottom a.active {
  color: #C9A84C !important;
  border-bottom-color: #C9A84C !important;
}

/* Override any Pizzon pink/purple accent colors in navigation dropdowns */
.header .dropdown,
.header .mega-menu-content,
.header [class*="dropdown"],
.nav-dropdown,
.menu-dropdown,
.pz-dropdown {
  background: #ffffff !important;
  border: 1px solid #e8e8e8 !important;
}

.header .dropdown a,
.header .mega-menu-content a,
.nav-dropdown a,
.menu-dropdown a,
.pz-dropdown a {
  color: #1a1a1a !important;
}

.header .dropdown a:hover,
.header .mega-menu-content a:hover,
.nav-dropdown a:hover,
.menu-dropdown a:hover,
.pz-dropdown a:hover {
  color: #C9A84C !important;
  background: rgba(201,168,76,0.05) !important;
}

/* --- Pizzon Menu Level 1 Dropdown Parent: Remove white box bg + border --- */
.menu-lv-1.dropdown,
.menu-item.menu-lv-1.dropdown,
li.menu-lv-item.menu-lv-1.dropdown,
#shopify-section-header .menu-lv-1.dropdown,
#shopify-section-header li.menu-lv-1.dropdown {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

/* --- Kill pink/purple gradients from kc-custom.css ---
   kc-custom.css uses #shopify-section-header prefix, so we must match that specificity.
   Using body #shopify-section-header to guarantee we win. */
body #shopify-section-header .main-menu-dropdown,
body #shopify-section-header .sub-menu-content,
body #shopify-section-header .menu-lv,
body #shopify-section-header .menu-lv-2,
body #shopify-section-header .menu-lv-item.menu-lv-2,
body #shopify-section-header li.menu-lv-2,
body #shopify-section-header .list-submenu,
body #shopify-section-header .list-submenu li,
body #shopify-section-header ul.list-submenu,
#shopify-section-header .main-menu-dropdown,
#shopify-section-header .sub-menu-content,
#shopify-section-header .menu-lv,
.menu-lv-2,
.menu-lv-item.menu-lv-2,
li.menu-lv-item.menu-lv-2,
li.menu-lv-2,
.menu-lv-2.menu-lv-blink,
.list-submenu .menu-lv-item,
.list-submenu li,
.menu-listing .menu-lv-1 .list-submenu li,
.menu-listing .menu-lv-1 ul li {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  border: none !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body #shopify-section-header .main-menu-dropdown a,
body #shopify-section-header .sub-menu-content a,
body #shopify-section-header .menu-lv a,
body #shopify-section-header .menu-lv-2 a,
body #shopify-section-header .list-submenu a,
#shopify-section-header .main-menu-dropdown a,
#shopify-section-header .sub-menu-content a,
.menu-lv-2 a,
.menu-lv-item.menu-lv-2 a,
li.menu-lv-2 a,
.list-submenu a,
.menu-listing .menu-lv-1 .list-submenu a,
.menu-listing .menu-lv-1 ul li a {
  color: #1a1a1a !important;
  background: transparent !important;
  background-image: none !important;
  text-shadow: none !important;
}

body #shopify-section-header .main-menu-dropdown a:hover,
body #shopify-section-header .sub-menu-content a:hover,
body #shopify-section-header .menu-lv a:hover,
body #shopify-section-header .menu-lv-2 a:hover,
body #shopify-section-header .list-submenu a:hover,
#shopify-section-header .main-menu-dropdown a:hover,
#shopify-section-header .sub-menu-content a:hover,
.menu-lv-2 a:hover,
.menu-lv-item.menu-lv-2 a:hover,
li.menu-lv-2 a:hover,
.list-submenu a:hover {
  color: #C9A84C !important;
  background: rgba(201,168,76,0.08) !important;
}

/* Dropdown container (the ul wrapping .menu-lv-2 items) */
body #shopify-section-header .list-submenu,
body #shopify-section-header ul.list-submenu,
.list-submenu,
.menu-lv-1 > .list-submenu,
.menu-lv-1 > ul,
.header .list-submenu,
.header-nav-main .list-submenu {
  background: #ffffff !important;
  background-image: none !important;
  border: 1px solid #e8e8e8 !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* --- Override kc-custom.css dark glass dropdown styles (lines 703-724) --- */
/* These cause pink/dark glow behind dropdowns on the live site */
.header .menu-dropdown,
body .header .menu-dropdown,
body #shopify-section-header .header .menu-dropdown {
  background: #ffffff !important;
  background-color: #ffffff !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: 1px solid #e8e8e8 !important;
  border-radius: 0 !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08) !important;
}

.header__submenu,
.header__submenu.list-menu--disclosure,
.menu-listing > li .header__submenu,
#shopify-section-header .header__submenu,
body #shopify-section-header .header__submenu,
body .header__submenu {
  background: #ffffff !important;
  background-color: #ffffff !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: 1px solid #e8e8e8 !important;
  border-radius: 0 !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08) !important;
  overflow: visible !important;
}

.header__submenu li,
.menu-listing > li .header__submenu li,
body .header__submenu li {
  background: transparent !important;
}

.header__submenu li a,
.menu-listing > li .header__submenu li a,
body .header__submenu li a {
  color: #1a1a1a !important;
  background: transparent !important;
}

.header__submenu li a:hover,
.menu-listing > li .header__submenu li a:hover,
body .header__submenu li a:hover,
.header__submenu li:hover > a,
body .header__submenu li:hover > a {
  color: #C9A84C !important;
  background: rgba(201,168,76,0.05) !important;
}

/* --- Newsletter Section: Match KC Typography --- */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700;900&family=Montserrat:wght@300;400;500;600;700;800&family=Cormorant+Garamond:ital,wght@0,400;1,400&display=swap');

#shopify-section-newsletter h2,
#shopify-section-newsletter h3,
#shopify-section-newsletter .heading,
#shopify-section-newsletter [class*="heading"],
#shopify-section-newsletter [class*="title"],
.section-newsletter h2,
.section-newsletter h3,
.newsletter-section h2,
.newsletter-section h3 {
  font-family: 'Playfair Display', serif !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em !important;
}

#shopify-section-newsletter p,
#shopify-section-newsletter span,
#shopify-section-newsletter label,
#shopify-section-newsletter .description,
#shopify-section-newsletter [class*="description"],
#shopify-section-newsletter [class*="text"],
.section-newsletter p,
.newsletter-section p {
  font-family: 'Montserrat', sans-serif !important;
}

#shopify-section-newsletter input,
#shopify-section-newsletter input[type="email"],
#shopify-section-newsletter input[type="text"],
.section-newsletter input,
.newsletter-section input {
  font-family: 'Montserrat', sans-serif !important;
}

#shopify-section-newsletter button,
#shopify-section-newsletter .btn,
#shopify-section-newsletter input[type="submit"],
.section-newsletter button,
.newsletter-section button {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
}

/* --- Icon dropdown arrow — remove white borders/boxes, keep visible --- */
.icon-dropdown,
.menu-lv-1 .icon-dropdown,
.menu-lv-1.dropdown .icon-dropdown,
#shopify-section-header .icon-dropdown,
body #shopify-section-header .icon-dropdown,
.menu-lv-1.dropdown .icon-dropdown::before,
.menu-lv-1.dropdown .icon-dropdown::after,
.icon-dropdown::before,
.icon-dropdown::after {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  color: #ffffff !important;
}
