/**
 * Commerce7 widget style overrides — maps C7 CSS variables to Ettore theme tokens.
 * @see https://design-docs.commerce7.com/docs/css-overrides
 *
 * Loaded after cdn.commerce7.com CSS (dependency: c7css).
 */

:root {
	--c7-font-family: Lato, sans-serif;
	--c7-heading-font-family: Lato, sans-serif;
	--c7-body-text-color: #282728;
	--c7-heading-text-color: #282728;
	--c7-alt-text-color: #807f6b;

	/* Replace default blue (#3860D6) with Ettore primary / dark */
	--c7-primary-color: #282728;
	--c7-primary-color-text: #af833e;
	--c7-primary-color-dark: #af833e;
	--c7-primary-color-focus: rgb(40 39 40 / 25%);
	--c7-field-option-focus-color: rgb(40 39 40 / 25%);

	--c7-link-color: #af833e;

	--c7-primary-button-bg: #282728;
	--c7-primary-button-bg-hover: #af833e;
	--c7-primary-button-text-color: #fff;

	--c7-alt-button-bg: #fff;
	--c7-alt-button-bg-hover: #282728;
	--c7-alt-button-text-color: #af833e;
	--c7-button-border-radius: 0;

	--c7-cart-count-bg: #282728;
	--c7-cart-count-bg-focus: rgb(40 39 40 / 25%);
	--c7-progress-bar: #af833e;
	--c7-field-option-selected-color: #af833e;
	--c7-pill-bg: #f5f5f5;
	--c7-pill-text-color: #af833e;
}

/* Buttons — C7 uses .c7-btn site-wide (cart, profile, checkout, side cart). */
.c7-btn,
a.c7-btn,
button.c7-btn,
.c7-notice--empty .c7-btn,
.c7-cart .c7-btn,
.c7-side-cart .c7-btn,
.c7-cart__summary-container .c7-btn {
	text-decoration: none !important;
	font-weight: 400 !important;
	text-transform: uppercase !important;
	letter-spacing: normal !important;
}

.c7-btn--primary,
.c7-btn--primary--small,
a.c7-btn--primary,
button.c7-btn--primary,
.c7-notice--empty .c7-btn--primary,
.c7-cart .c7-btn--primary,
.c7-side-cart .c7-btn--primary,
.c7-cart__summary-container .c7-btn--primary,
.c7-modal .c7-btn--primary,
#c7-content button[type='submit'] {
	color: #fff !important;
}

#c7-content button[type='submit'].c7-btn--alt {
	color: #af833e !important;
}

.c7-btn--alt,
.c7-btn--alt--small,
.c7-modal .c7-btn--alt {
	color: var(--c7-alt-button-text-color, #af833e) !important;
}

.c7-btn--primary:hover,
.c7-btn--primary:focus,
.c7-btn--primary--small:hover,
.c7-btn--primary--small:focus,
a.c7-btn--primary:hover,
a.c7-btn--primary:focus,
button.c7-btn--primary:hover,
button.c7-btn--primary:focus,
.c7-notice--empty .c7-btn:hover,
.c7-notice--empty .c7-btn:focus,
.c7-cart .c7-btn--primary:hover,
.c7-cart .c7-btn--primary:focus,
#c7-content button[type='submit']:hover,
#c7-content button[type='submit']:focus {
	text-decoration: none !important;
	color: #fff !important;
}

.c7-btn--alt:hover,
.c7-btn--alt:focus,
.c7-btn--alt--small:hover,
.c7-btn--alt--small:focus {
	color: #fff !important;
}

/* Checkout / forms — dark focus ring instead of C7 blue */
#c7-content input:focus,
#c7-content input:focus-visible,
#c7-content select:focus,
#c7-content select:focus-visible,
#c7-content textarea:focus,
#c7-content textarea:focus-visible,
.c7-form input:focus,
.c7-form input:focus-visible,
.c7-form select:focus,
.c7-form select:focus-visible,
.c7-form textarea:focus,
.c7-form textarea:focus-visible {
	border-color: #282728 !important;
	box-shadow: 0 0 0 2px rgb(40 39 40 / 25%) !important;
	outline: none !important;
}

.c7-btn--primary:focus,
.c7-btn--primary:focus-visible,
button.c7-btn--primary:focus,
button.c7-btn--primary:focus-visible,
#c7-content button[type='submit']:focus,
#c7-content button[type='submit']:focus-visible {
	box-shadow: 0 0 0 2px rgb(40 39 40 / 35%) !important;
	outline: none !important;
}

.c7-product__add-to-cart__price {
	color: var(--c7-primary-color-text, #af833e);
	font-size: 1.5rem;
}

.c7-product__add-to-cart__price__variant {
	font-size: 1.2rem;
}

/* Navigation — keep account menu, breadcrumbs, and header widgets on one row */
.ett-c7-page .c7-account__menu ul,
.c7-account__menu ul {
	display: flex !important;
	flex-flow: row nowrap !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 0.25rem;
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
	overflow-x: auto;
}

.ett-c7-page .c7-account__menu li,
.c7-account__menu li {
	display: inline-flex !important;
	align-items: center !important;
	flex-shrink: 0;
	list-style: none !important;
	margin: 0 !important;
}

.c7-breadcrumbs ol {
	display: flex !important;
	flex-flow: row nowrap !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 0.25rem;
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
	overflow-x: auto;
}

.c7-breadcrumbs li {
	display: inline-flex !important;
	align-items: center !important;
	flex-shrink: 0;
	white-space: nowrap;
}

.c7-breadcrumbs a {
	display: inline-flex !important;
	align-items: center !important;
	flex-wrap: nowrap !important;
	gap: 0.35rem;
	white-space: nowrap;
}

.ett-c7-header {
	flex-wrap: nowrap !important;
}

.ett-c7-header__widget .c7-user-nav__account,
.ett-c7-header__widget .c7-user-nav__cart {
	width: 100%;
}

.ett-c7-header__login.ett-c7-header__slot.is-loaded--account .ett-c7-header__widget .c7-user-nav__account {
	width: auto;
}

.ett-c7-header__widget .c7-user-nav__account__login:not(.c7-user-nav__account__name),
.ett-c7-header .c7-user-nav__account .c7-user-nav__account__login.ett-c7-header__profile-link {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: var(--ett-c7-header-icon, 25px) !important;
	height: var(--ett-c7-header-icon, 25px) !important;
	min-width: var(--ett-c7-header-icon, 25px) !important;
	min-height: var(--ett-c7-header-icon, 25px) !important;
	padding: 0;
	text-decoration: none;
	overflow: hidden;
}

.ett-c7-header .c7-user-nav__account .c7-user-nav__account__login.ett-c7-header__profile-link svg {
	display: none !important;
}

.ett-c7-header .c7-user-nav__account .c7-user-nav__account__login.ett-c7-header__profile-link .ett-c7-header__profile-icon {
	display: block !important;
	width: var(--ett-c7-header-icon, 25px) !important;
	height: var(--ett-c7-header-icon, 25px) !important;
	min-width: var(--ett-c7-header-icon, 25px) !important;
	min-height: var(--ett-c7-header-icon, 25px) !important;
	max-width: none !important;
	max-height: none !important;
}

.ett-c7-header .c7-user-nav__account__name {
	display: inline-flex !important;
	align-items: center !important;
	flex-wrap: nowrap !important;
	white-space: nowrap;
	gap: 0.25rem;
	font-family: var(--c7-font-family, Lato, sans-serif);
	font-size: var(--c7-font-size, 16px);
	line-height: 1.6;
	color: var(--c7-header-text-color, #282728);
}

.ett-c7-header .c7wp-wrap[data-c7-type='cart'],
.ett-c7-header .c7wp-wrap[data-c7-type='login'] {
	min-width: auto;
}

.ett-c7-header .c7-user-nav__account,
.ett-c7-header .c7-user-nav__cart {
	display: inline-flex !important;
	align-items: center !important;
	vertical-align: middle;
}

.ett-c7-header .c7-user-nav__account__name svg {
	display: inline-block !important;
	flex-shrink: 0;
	width: 0.5rem;
	height: 0.5rem;
	margin-inline-start: 0.15rem;
}

.ett-c7-header .c7-user-nav__cart svg {
	flex-shrink: 0;
	width: var(--ett-c7-header-cart-w, 18px);
	height: var(--ett-c7-header-cart-h, 19px);
}

.c7-link[data-testid='logout-nav-link'] {
	display: flex;
	align-items: center;
	gap: 0.25rem;
	justify-content: center;
	margin-top: 1rem;
}

.c7-link[data-testid='logout-nav-link'] svg {
	float: none;
}

.ett-c7-header .c7-user-nav__cart .c7-link {
	position: relative;
	margin: 0;
	padding: 0;
}

.ett-c7-header .c7-user-nav__cart__count {
	position: absolute;
	top: 0.35rem;
	right: -0.75rem;
	left: auto;
}

.ett-c7-header .c7-user-nav__cart__count:empty,
.ett-c7-header .c7-user-nav__cart .c7-link[aria-label$='contains 0 items'] .c7-user-nav__cart__count {
	display: none;
}

.header-nav-commerce .ett-c7-header {
	justify-content: center;
	width: 100%;
}

.header-nav-commerce .c7-user-nav__account {
	width: 100%;
	justify-content: center !important;
	padding: 0 !important;
}

.header-nav-commerce .c7-user-nav__account__name {
	justify-content: center;
	gap: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
}

.header-nav-commerce .c7-user-nav__account__name svg {
	display: none !important;
	margin: 0 !important;
}

/* Bottle lightbox: grey backdrop behind the transparent product PNG */
body.single-c7_product .lightbox img {
	background-color: #f3f4f6;
	padding: 2rem;
	border-radius: 0.25rem;
	cursor: zoom-in;
	transition: transform 0.15s ease-out;
}

body.single-c7_product .lightbox img.is-zoomed {
	cursor: zoom-out;
}
.c7-club__details {
	text-align: center;
}
.c7-club__details h2 {
	font-weight: 500;
	margin-top: 1.75rem;
}
.c7-club__details p:first-child {
	font-weight: 500;
	margin-bottom:.15rem;
}
.c7-club__details a.c7-btn--primary {
	display: block;
	max-width: fit-content;
	margin-inline: auto;
	background-color: #af833e;
	color: #fff;
	font-size: 1.15rem;
	font-weight: 600 !important;
}
.c7-club__details a.c7-btn--primary:hover {
	display: block;
	max-width: fit-content;
	margin-inline: auto;
	background-color: #282728;
	color: #fff;
	transition: all 0.3s ease;

}
.page-template-page-commerce7-club .c7-h1 {
	display: none;
}

/* Checkout — mobile layout + legal footer; desktop keeps default C7 layout + Go back button */
@media (max-width: 767px) {
	.ett-c7-checkout .c7-form__buttons {
		justify-content: space-between !important;
		align-items: stretch;
		flex-wrap: wrap;
		gap: 1rem;
	}

	.ett-c7-checkout-back {
		flex: 1 1 auto;
		min-width: min(100%, 12rem);
	}

	.ett-c7-checkout-back__link {
		display: inline-flex !important;
		align-items: center;
		justify-content: center;
		width: 100%;
		min-height: 3rem;
		text-decoration: none !important;
	}

	.ett-c7-checkout .c7-form__buttons > li:not(.ett-c7-checkout-back),
	.ett-c7-checkout .c7-form__buttons > button[type='submit'],
	.ett-c7-checkout .c7-form__buttons > .c7-btn--primary {
		flex: 1 1 auto;
		min-width: min(100%, 12rem);
	}

	.ett-c7-checkout-footer {
		margin-top: 2.5rem;
		padding: 1.25rem 1.5rem;
		text-align: center;
		background: var(--c7-bg-alt, #f7f8fa);
		border: 1px solid var(--c7-border-color, #e3e3e8);
	}

	.ett-c7-checkout-footer ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 0.5rem 1.5rem;
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.ett-c7-checkout-footer li {
		display: inline-flex;
		align-items: center;
		padding: 0;
		margin: 0;
		list-style: none;
	}

	.ett-c7-checkout-footer a {
		font-size: var(--c7-font-size-sub, 0.875rem);
		color: var(--c7-link-color, #af833e);
		text-decoration: underline;
		text-underline-offset: 0.2em;
	}

	.ett-c7-checkout .c7-checkout__content {
		padding-bottom: 3rem;
	}
	.c7-club__details h2 {
		font-size: 1.25rem;
	}
	.c7-club__details p {
		font-size: 1rem;
	}
}

@media (min-width: 768px) {
	.ett-c7-checkout .c7-form__buttons {
		justify-content: flex-end !important;
		flex-wrap: nowrap;
	}

	.ett-c7-checkout-back__link {
		width: auto;
		text-decoration: none !important;
	}

	.c7-callout,
	.c7-callout p,
	.c7-callout li {
		font-size: var(--c7-font-size-sub, 0.875rem);
		line-height: 1.5;
	}
	.c7-club__details h2 {
		font-size: 2rem;
	}
	.c7-club__details p {
		font-size: 1.25rem;
	}
}