:root {
	--brand_color: #3b2f24;
	--brand_color_inverted: #f5f0e6;
	--background_color: #FFF;
	--text_color: #3d3d3d;
	--link_color: #2c5f3f;
}

body {
	background-color: var(--background_color);
	color: var(--text_color);
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, legend {
	font-family: Lalezar;
}

body, p, label, .paragraph {
	font-family: Hind;
	font-size: 16px;
}

a {
	color: var(--link_color);
}

a:hover {
	text-decoration: underline;
}

.brand {
	background-color: #3b2f24;
	color: #f5f0e6;
	border-color: #3b2f24;
}

.text-brand {
	color: #3b2f24;
}

.text-action {
	color: #8b6914;
}

.brand-inverted {
	background-color: #f5f0e6;
	color: #3b2f24;
	border-color: #f5f0e6;
}

.action {
	background-color: #8b6914;
	color: #f5f0e6;
	border-color: #8b6914;
}

.action-inverted {
	background-color: #f5f0e6;
	color: #8b6914;
	border-color: #f5f0e6;
}

/* SiteHeader */

.announcement_bar {
	background-color: #2c5f3f;
	color: #f5f0e6;
}

.announcement_bar a {
	color: #f5f0e6;
}

.siteHeader {
	background-color: #3b2f24;
	color: #f5f0e6;
	border-bottom-style: solid;
	border-bottom-width: 0;
	border-bottom-color: #2a2a28;
}

.siteHeader__container {
	max-width: 1366px;
}

/* MainNavigation */

.mainNavigation, .mobileNav {
	background-color: #3b2f24;
}

.mainNavigation__list {
	text-align: center !important;
}

.siteHeader__container--style4 {
	text-align: center;
}

.mainNavigation__list > li > a {
	font-size: 20px;
}

/*Mobile Nav*/
.mobileNav > li > a {
	color: #f5f0e6;
	background-color: #3b2f24;
}

.mobileNav > li > a:hover {
	background-color: #130700;
}

.mobileNav > li > a:focus {
	background-color: #130700;
}

	.mainNavigation__list > li > a {
		color: #f5f0e6;
		background-color: #3b2f24;
	}
	.mainNavigation__list > li > a:hover {
		color: #8b6914;
		background-color: #3b2f24;
	}

	.mobileNav > li > a {
		color: #f5f0e6;
		background-color: #3b2f24;
	}

	.mobileNav > li > a:hover {
		color: #8b6914;
		background-color: #3b2f24;
	}

	.mobileNav > li > a:focus {
		color: #8b6914;
		background-color: #3b2f24;
	}


/* Auxiliary Navigation (Use this for the account menu, sign up cta, cart, etc,) */

.auxiliaryMenu--block, .auxiliaryMenu__container {
	background-color: #2a2a28;
		border-bottom: none;
	}

.auxiliaryMenu {
	max-width: 1366px;
}

	.auxiliaryMenu > li > a {
		color: #f5f0e6;
	}
	.auxiliaryMenu > li > a:hover, .auxiliaryMenu > li > a:focus {
		text-decoration: underline;
	}

.order__delivery_threshold_difference, .order__delivery_threshold_difference-met {
    background-color: #f5f0e6;
    color: #3b2f24;
}

/* OrderStatus */
.orderStatusBar {
	background-color: #f5f0e6;
}

.orderStatus__container {
	color: #3b2f24;
}

.orderStatus__container a {
	border-bottom-color: #ffffff;
	color: #3b2f24;
}

.orderStatus__container a:hover {
	border-bottom-color: #3b2f24;
}

.orderStatus__mobileToggle {
	color: #3b2f24;
}

.orderStatus__mobileToggle a {
	border-bottom-color: #ffffff;
	color: #3b2f24;
}

.orderStatus__mobileToggle a:hover {
	border-bottom-color: #3b2f24;
}

/* Logo */

.logo {
	color: #f5f0e6;
	font-size: 20px;
	padding: 0px;
}

.logo__img {
	max-height: 250px;
}

@media (max-width: 414px) {.logo {padding: 0px;}.logo__img {max-height: 75px;}}

.siteFooter {
	background-color: #2a2a28;
	color: #f5f0e6;
}

.siteFooter .tw-prose {
	--tw-prose-headings: #f5f0e6;
	--tw-prose-body: #f5f0e6;
	--tw-prose-p: #f5f0e6;
	--tw-prose-a: #8b6914;
	--tw-prose-bullets: #f5f0e6;
}

.siteFooter h1, .siteFooter h2, .siteFooter h3, .siteFooter h4, .siteFooter h5, .siteFooter h6 {
	color: #f5f0e6;
}

.siteFooter a {
	--tw-prose-a: #8b6914;
	color: #8b6914;
}

.siteFooter a:hover, .siteFooter a:focus {
	color: #775500;
}

.siteFooter img {
	margin-left: auto;
	margin-right: auto;
}

.backToTopLink__container {
	background-color: #3e3e3c;
}

.backToTopLink__container a {
	color: #8b6914;
}

/* Buttons */
.btn-brand, .btn-default, .btn-primary {
	background-color: #3b2f24 !important;
	border-color: #271b10 !important;
	color: #f5f0e6 !important;
}

.btn-brand-inverted {
	background-color: #f5f0e6;
	color: #3b2f24;
	border: solid 1px #3b2f24;
}

.btn-brand-inverted:hover {
	background-color: #3b2f24;
	color: #f5f0e6;
	border: solid 1px #3b2f24;
}



.btn-brand:hover, .btn-default:hover, .btn-primary:hover {
		background-color: #63574c !important;
	border-color: #63574c !important;
		color: #f5f0e6 !important;
}

.btn-danger, .btn-action, .cta {
	background-color: #8b6914 !important;
	border-color: #775500 !important;
	color: #f5f0e6 !important;
}
.btn-danger:hover, .btn-action:hover, .cta:hover {
		background-color: #b3913c !important;
	border-color: #b3913c !important;
	
	color: #f5f0e6 !important;
}

.btn-action-inverted {
	background-color: #f5f0e6;
	color: #8b6914;
	border: solid 1px #8b6914;
}

.btn-action-inverted:hover {
	background-color: #8b6914;
	color: #f5f0e6;
	border: solid 1px #8b6914;
}

.bullet, .confirmation__step-number {
	background-color: #3b2f24;
	color: #f5f0e6;
}

/* Store Menu */
.storeIndex__sideBarList--style2 {
	background-color: #f5f0e6 !important;
	border-color: #f5f0e6 !important;
	color: #3b2f24;
}

.storeSearch__input--style2 {
	border-color: #f5f0e6 !important;
}

.storeIndex__sideBarList--style2 > li > a {
	color: #3b2f24;
	border-color: #ebe6dc !important;
}

.storeIndex__sideBarList--style2 > li > a:hover {
	color: #3b2f24;
	background-color: #ebe6dc !important;
}

.storeSearch__button--style2 {
	color: #3b2f24;
}

.banner__protocols li:before {
    color: #3b2f24
}

/*Custom Styles*/
/* ============================================================
   Oahu Meats — GrazeCart Theme Upgrade 2026-05-09
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,ital,wght@9..144,0,500;9..144,0,600;9..144,0,700;9..144,1,400&family=Inter:wght@400;500;600;700&display=swap');

/* --- Brand tokens ----------------------------------------- */
:root {
  --brand_color:          #6B2A2A;
  --brand_color_inverted: #F5EFE3;
  --background_color:     #F5EFE3;
  --text_color:           #3B2F24;
  --link_color:           #6B2A2A;
  --om-maroon:            #6B2A2A;
  --om-maroon-deep:       #4A1C1C;
  --om-tan:               #C9A878;
  --om-tan-light:         #E4D2AE;
  --om-linen:             #F5EFE3;
  --om-linen-warm:        #F1E8D6;
  --om-earth:             #3B2F24;
  --om-earth-soft:        #5C4A3A;
  --om-coral:             #C5563D;
  --om-rock:              #1F1B17;
}

/* --- Typography ------------------------------------------- */
body, p, label, .paragraph, button, input, select, textarea {
  font-family: "Inter", -apple-system, sans-serif;
}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,legend {
  font-family: "Fraunces", Georgia, serif;
  font-weight: 600;
  letter-spacing: -0.01em;
}
a { color: var(--om-maroon); }
a:hover { color: var(--om-maroon-deep); text-decoration: none; }

/* --- Announcement bar ------------------------------------- */
.announcement_bar {
  background-color: #4A1C1C !important;
  color: #E4D2AE !important;
  font-size: 13px;
  letter-spacing: 0.04em;
}
.announcement_bar a { color: #E4D2AE !important; }

/* --- Header ----------------------------------------------- */
.siteHeader {
  background-color: #3B2F24 !important;
  border-bottom: 3px solid #6B2A2A !important;
}
.logo { padding: 10px 0 !important; }
.logo__img { max-height: 72px !important; }
@media (max-width: 414px) { .logo__img { max-height: 50px !important; } }

/* --- Navigation ------------------------------------------- */
.mainNavigation, .mobileNav { background-color: #3B2F24 !important; }
.mainNavigation__list > li > a {
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: #E4D2AE !important;
  background-color: #3B2F24 !important;
}
.mainNavigation__list > li > a:hover { color: #C9A878 !important; background-color: #3B2F24 !important; }
.mobileNav > li > a { color: #E4D2AE !important; background-color: #3B2F24 !important; }
.mobileNav > li > a:hover, .mobileNav > li > a:focus { color: #C9A878 !important; background-color: #4A1C1C !important; }

/* --- Order status bar ------------------------------------- */
.orderStatusBar { background-color: #F1E8D6 !important; border-bottom: 1px solid rgba(107,42,42,0.15) !important; }
.orderStatus__container, .orderStatus__mobileToggle { color: #3B2F24 !important; }
.orderStatus__container a, .orderStatus__mobileToggle a { color: #6B2A2A !important; font-weight: 600; border-bottom-color: transparent !important; }

/* --- Page background -------------------------------------- */
body { background-color: #F5EFE3 !important; }

/* --- Collection / category tabs --------------------------- */
.storeIndex__sideBarList--style2 { background-color: #F5EFE3 !important; border: none !important; }
.storeIndex__sideBarList--style2 > li > a {
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: #5C4A3A !important;
  border-color: rgba(107,42,42,0.1) !important;
  padding: 13px 20px !important;
  transition: all 0.15s;
}
.storeIndex__sideBarList--style2 > li > a:hover,
.storeIndex__sideBarList--style2 > li > a.active {
  color: #6B2A2A !important;
  background-color: rgba(107,42,42,0.06) !important;
  border-left: 3px solid #6B2A2A !important;
}
.storeSearch__input--style2 {
  border: 1px solid rgba(107,42,42,0.2) !important;
  background: #F5EFE3 !important;
  border-radius: 2px !important;
}
.storeSearch__input--style2:focus { border-color: #6B2A2A !important; outline: none !important; }
.storeSearch__button--style2 { color: #6B2A2A !important; }

/* --- Product cards ---------------------------------------- */
.storeIndex__productsListingContainer section.tw-flex {
  background: #F5EFE3 !important;
  border: 1px solid rgba(107,42,42,0.14) !important;
  border-radius: 0 !important;
  overflow: hidden;
  transition: transform 0.2s, box-shadow 0.2s !important;
}
.storeIndex__productsListingContainer section.tw-flex:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 16px 48px -20px rgba(75,28,28,0.4) !important;
}
.storeIndex__productsListingContainer section.tw-flex img {
  transition: transform 0.3s !important;
}
.storeIndex__productsListingContainer section.tw-flex:hover img {
  transform: scale(1.03) !important;
}
.storeIndex__productsListingContainer section.tw-flex .tw-p-4,
.storeIndex__productsListingContainer section.tw-flex [class*="tw-p-"] {
  background: #F5EFE3 !important;
}
.storeIndex__productsListingContainer section.tw-flex h2,
.storeIndex__productsListingContainer section.tw-flex h3 {
  font-family: "Fraunces", Georgia, serif !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  color: #3B2F24 !important;
  line-height: 1.2 !important;
}
.storeIndex__productsListingContainer section.tw-flex p {
  font-size: 13px !important;
  color: #5C4A3A !important;
  line-height: 1.5 !important;
}
.storeIndex__productsListingContainer section.tw-flex .tw-text-lg,
.storeIndex__productsListingContainer section.tw-flex [class*="price"],
.storeIndex__productsListingContainer section.tw-flex strong {
  font-family: "Fraunces", Georgia, serif !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  color: #6B2A2A !important;
}

/* --- Buttons ---------------------------------------------- */
.btn-brand, .btn-default, .btn-primary,
.btn-danger, .btn-action, .cta {
  background-color: #6B2A2A !important;
  border-color: #4A1C1C !important;
  color: #F5EFE3 !important;
  font-family: "Inter", sans-serif !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  border-radius: 2px !important;
}
.btn-brand:hover, .btn-default:hover, .btn-primary:hover,
.btn-danger:hover, .btn-action:hover, .cta:hover {
  background-color: #4A1C1C !important;
  border-color: #4A1C1C !important;
  color: #F5EFE3 !important;
}
.storeIndex__productsListingContainer section.tw-flex button {
  background-color: #6B2A2A !important;
  border-color: #4A1C1C !important;
  color: #F5EFE3 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  border-radius: 2px !important;
  transition: background 0.2s !important;
}
.storeIndex__productsListingContainer section.tw-flex button:hover {
  background-color: #4A1C1C !important;
}

/* --- Footer ----------------------------------------------- */
.siteFooter {
  background-color: #1F1B17 !important;
  color: #E4D2AE !important;
  border-top: 4px solid #6B2A2A !important;
}
.siteFooter h1,.siteFooter h2,.siteFooter h3,.siteFooter h4,.siteFooter h5,.siteFooter h6 {
  color: #F5EFE3 !important;
  font-size: 13px !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
}
.siteFooter p, .siteFooter li { color: rgba(228,210,174,0.75) !important; }
.siteFooter a { color: rgba(228,210,174,0.75) !important; }
.siteFooter a:hover { color: #C5563D !important; }
.backToTopLink__container { background-color: rgba(255,255,255,0.04) !important; border-top: 1px solid rgba(228,210,174,0.15) !important; }
.backToTopLink__container a { color: #C9A878 !important; font-size: 12px !important; letter-spacing: 0.18em !important; text-transform: uppercase !important; }

/* --- TikTok icon (FA 5.8.1 polyfill) ---------------------- */
.fab.fa-tiktok::before { content: ""; }
.fab.fa-tiktok {
  display: inline-block; width: 1em; height: 1em; background: currentColor;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M448 209.91a210.06 210.06 0 01-122.77-39.25v178.72A162.55 162.55 0 11185 188.31V278.2a74.62 74.62 0 1052.23 71.18V0l88 0a121.18 121.18 0 001.86 22.17A122.18 122.18 0 00381 102.39a121.43 121.43 0 0067 20.14z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M448 209.91a210.06 210.06 0 01-122.77-39.25v178.72A162.55 162.55 0 11185 188.31V278.2a74.62 74.62 0 1052.23 71.18V0l88 0a121.18 121.18 0 001.86 22.17A122.18 122.18 0 00381 102.39a121.43 121.43 0 0067 20.14z'/%3E%3C/svg%3E");
  -webkit-mask-size: contain; mask-size: contain;
  -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
  -webkit-mask-position: center; mask-position: center;
  vertical-align: -0.125em;
}