/**
 * ACCENTERA Workshop Product
 *
 * Museum / editorial event layout
 */


/* ==========================================================
   PAGE FOUNDATION
   ========================================================== */

body.accentera-workshop-product {
	background: #f6f3f0;
	color: #1d1d1b;
}

body.accentera-workshop-product.single-product
.site-content {
	background: #f6f3f0;
}

body.accentera-workshop-product.single-product
div.product {
	display: block;
	width: 100%;
	margin: 0;
}


/* Remove the old WooCommerce two-column product layout. */
body.accentera-workshop-product.single-product
div.product .summary {
	float: none !important;
	clear: both !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
}


/* ==========================================================
   WORKSHOP HERO / BOOKING AREA
   ========================================================== */

.accentera-workshop-summary {
	width: min(100% - 48px, 960px);
	margin: 0 auto;
	padding: 72px 0 88px;
}


/* ----------------------------------------------------------
   COLLABORATION
   ---------------------------------------------------------- */

.accentera-workshop-summary__collaboration {
	margin: 0 0 42px;

	font-family: "Raleway", sans-serif;
	font-size: 12px;
	font-weight: 500;
	line-height: 1.4;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}


/* ----------------------------------------------------------
   EVENT NAME
   Main editorial identity.
   ---------------------------------------------------------- */

.accentera-workshop-summary__event-name {
	max-width: 960px;
	margin: 0 0 16px;

	font-family: "Raleway", sans-serif;
	font-size: clamp(32px, 4.5vw, 52px);
	font-weight: 300;
	line-height: 1.04;
	letter-spacing: 0em;
	text-transform: uppercase;
}


/* ----------------------------------------------------------
   WOO PRODUCT TITLE
   Secondary descriptor rather than primary hero.
   ---------------------------------------------------------- */

.accentera-workshop-summary__product-title {
	margin: 0 0 28px;
}

.accentera-workshop-summary__product-title
.product_title {
	margin: 0 !important;

	font-family: "Raleway", sans-serif;
	font-size: 18px !important;
	font-weight: 600 !important;
	line-height: 1.4;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}


/* ==========================================================
   INTRO COPY
   ========================================================== */

.accentera-workshop-summary__intro {
	max-width: 720px;
	margin: 0 0 34px;
}

.accentera-workshop-summary__intro
.woocommerce-product-details__short-description {
	margin: 0;
}

.accentera-workshop-summary__intro p {
	margin: 0 0 8px;

	font-family: "Poppins", sans-serif;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.7;
	letter-spacing: 0;
}

.accentera-workshop-summary__intro p:last-child {
	margin-bottom: 0;
}


/* ==========================================================
   EVENT DETAILS
   ========================================================== */

.accentera-workshop-summary__details {
	max-width: 720px;
	padding: 20px 0;

	border-top: 1px solid rgba(29, 29, 27, 0.42);
	border-bottom: 1px solid rgba(29, 29, 27, 0.42);
}

.accentera-workshop-summary__meta-row {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0 7px;

	margin: 0 0 6px;

	font-family: "Raleway", sans-serif;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.45;
	letter-spacing: 0.07em;
	text-transform: uppercase;
}

.accentera-workshop-summary__meta-row:last-child {
	margin-bottom: 0;
}

.accentera-workshop-summary__separator {
	opacity: 0.6;
}


/* ==========================================================
   BOOKING
   ========================================================== */

.accentera-workshop-summary__booking {
	max-width: 720px;
	padding-top: 28px;
}


/* Price */

.accentera-workshop-summary__price {
	margin: 0 0 2em;
}

.accentera-workshop-summary__price
.price {
	display: block;
/*	margin: 0 !important; */

	font-family: "Raleway", sans-serif;
	font-size: 24px !important;
	font-weight: 600 !important;
	line-height: 1.2;
	color: #1d1d1b !important;
}

.accentera-workshop-summary__price
.amount {
	color: inherit !important;
}


/* ----------------------------------------------------------
   CART FORM
   ---------------------------------------------------------- */

.accentera-workshop-summary__cart
form.cart {
	display: flex;
	align-items: stretch;
	gap: 12px;

	width: 100%;
	margin: 0 !important;
}


/* Quantity */

.accentera-workshop-summary__cart
.quantity {
	float: none !important;
	margin: 0 !important;
	flex: 0 0 62px;
}

.accentera-workshop-summary__cart
.quantity .qty {
	width: 62px !important;
	height: 48px !important;
	min-height: 48px;

	padding: 0 8px;

	border: 1px solid rgba(29, 29, 27, 0.24);
	border-radius: 0;
	background: transparent;

	font-family: "Poppins", sans-serif;
	font-size: 14px;
	text-align: center;
	color: #1d1d1b;

	box-shadow: none;
}


/* Reserve button */

.accentera-workshop-summary__cart
.single_add_to_cart_button {
	float: none !important;
	flex: 1 1 auto;

	min-height: 48px !important;
	margin: 0 !important;
	padding: 12px 28px !important;

	border: 1px solid #1d1d1b !important;
	border-radius: 0 !important;

	background: #1d1d1b !important;
	color: #f6f3f0 !important;

	font-family: "Raleway", sans-serif !important;
	font-size: 12px !important;
	font-weight: 500 !important;
	line-height: 1.2 !important;
	letter-spacing: 0.12em !important;
	text-transform: uppercase;

	transition:
		background-color 180ms ease,
		color 180ms ease;
}

.accentera-workshop-summary__cart
.single_add_to_cart_button:hover,
.accentera-workshop-summary__cart
.single_add_to_cart_button:focus {
	background: transparent !important;
	color: #1d1d1b !important;
}


/* ==========================================================
   STOCK
   Keep inventory functional, hide generic visual message.
   ========================================================== */

body.accentera-workshop-product
.stock {
	display: none !important;
}


/* ==========================================================
   LONG-FORM WORKSHOP CONTENT
   ========================================================== */

.accentera-workshop-content {
	width: min(100% - 48px, 960px);
	margin: 0 auto;
	padding: 0 0 120px;
}


/*
 * Each H2 starts a new museum-label-style section.
 */
.accentera-workshop-content h2 {
	margin: 0;
	padding: 22px 0 18px;

	border-top: 1px solid rgba(29, 29, 27, 0.48);

	font-family: "Raleway", sans-serif;
	font-size: 13px;
	font-weight: 500;
	line-height: 1.4;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #1d1d1b;
}


/*
 * Give additional space before later sections,
 * while keeping the first section visually connected
 * to the hero.
 */
.accentera-workshop-content
h2:not(:first-child) {
	margin-top: 72px;
}


/* Secondary headings such as individual fragrance names. */
.accentera-workshop-content h3 {
	margin: 30px 0 10px;

	font-family: "Raleway", sans-serif;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.4;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #1d1d1b;
}


/* Long-form body copy */
.accentera-workshop-content p {
	max-width: 780px;
	margin: 0 0 14px;

	font-family: "Poppins", sans-serif;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.75;
	color: #1d1d1b;
}

.accentera-workshop-content p:last-child {
	margin-bottom: 0;
}


/* Lists */
.accentera-workshop-content ul,
.accentera-workshop-content ol {
	max-width: 780px;
	margin: 16px 0 0;
	padding-left: 1.2em;

	font-family: "Poppins", sans-serif;
	font-size: 15px;
	line-height: 1.75;
}

.accentera-workshop-content li {
	margin-bottom: 5px;
}


/* Links */
.accentera-workshop-content a {
	color: #1d1d1b;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}


/* ==========================================================
   REMOVE STRAY WOO SPACING
   ========================================================== */

body.accentera-workshop-product.single-product
.woocommerce-product-gallery {
	display: none !important;
}

body.accentera-workshop-product.single-product
.product_meta,
body.accentera-workshop-product.single-product
.woocommerce-tabs,
body.accentera-workshop-product.single-product
.related,
body.accentera-workshop-product.single-product
.up-sells {
	display: none !important;
}


/* ==========================================================
   TABLET
   ========================================================== */

@media (max-width: 921px) {

	.accentera-workshop-summary {
		width: min(100% - 40px, 800px);
		padding-top: 56px;
		padding-bottom: 72px;
	}

	.accentera-workshop-content {
		width: min(100% - 40px, 800px);
		padding-bottom: 96px;
	}

	.accentera-workshop-summary__event-name {
		font-size: clamp(36px, 7vw, 54px);
	}

}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 767px) {

	.accentera-workshop-summary {
		width: calc(100% - 36px);
		padding: 42px 0 58px;
	}

	.accentera-workshop-summary__collaboration {
		margin-bottom: 32px;

		font-size: 10px;
		letter-spacing: 0.09em;
	}

	.accentera-workshop-summary__event-name {
		margin-bottom: 14px;

		font-size: clamp(26px, 10vw, 36px);
		line-height: 1.2;
		letter-spacing: 0.15em;
	}

	.accentera-workshop-summary__product-title {
		margin-bottom: 30px;
	}

	.accentera-workshop-summary__product-title
	.product_title {
		font-size: 16px !important;
		letter-spacing: 0.11em;
	}

	.accentera-workshop-summary__intro {
		margin-bottom: 32px;
	}

	.accentera-workshop-summary__intro p {
		font-size: 14px;
		line-height: 1.7;
	}

	.accentera-workshop-summary__details {
		padding: 17px 0;
	}

	.accentera-workshop-summary__meta-row {
		display: block;

		margin-bottom: 8px;

		font-size: 11px;
		line-height: 1.6;
		letter-spacing: 0.065em;
	}

	/*
	 * On mobile, replace inline separators with spacing.
	 */
	.accentera-workshop-summary__separator {
		display: inline-block;
		margin: 0 3px;
	}

	.accentera-workshop-summary__booking {
		padding-top: 22px;
	}

	.accentera-workshop-summary__price
	.price {
		font-size: 22px !important;
	}

	.accentera-workshop-summary__cart
	form.cart {
		gap: 8px;
	}

	.accentera-workshop-summary__cart
	.quantity {
		flex-basis: 56px;
	}

	.accentera-workshop-summary__cart
	.quantity .qty {
		width: 56px !important;
		height: 46px !important;
		min-height: 46px;
	}

	.accentera-workshop-summary__cart
	.single_add_to_cart_button {
		min-height: 46px !important;
		padding-inline: 16px !important;

		font-size: 10px !important;
		letter-spacing: 0.1em !important;
	}


	/* Long content */

	.accentera-workshop-content {
		width: calc(100% - 36px);
		padding-bottom: 80px;
	}

	.accentera-workshop-content h2 {
		padding: 18px 0 16px;
		font-size: 11px;
	}

	.accentera-workshop-content
	h2:not(:first-child) {
		margin-top: 54px;
	}

	.accentera-workshop-content h3 {
		margin-top: 26px;
		font-size: 13px;
	}

	.accentera-workshop-content p,
	.accentera-workshop-content ul,
	.accentera-workshop-content ol {
		font-size: 14px;
		line-height: 1.72;
	}

}