/* ============================================================
   GIFT WITH A STORY — CART STORY PHASE 4.3
   Gift -> selections -> occasion/personalization, per cart line
============================================================ */

/* The former shared Story section is no longer used for Gift Sets. */
body.woocommerce-cart #gwas-story-panel {
	display: none !important;
}

.gwas-cart-multigift-active .gwas-native-story-row {
	display: none !important;
}

/* PHP initially prints each editor inside the parent product-name cell.
   JavaScript immediately moves it into a dedicated full-width table row
   after that gift's bundled/selection rows. */
.woocommerce-cart-form .product-name > .gwas-multigift-panel {
	display: none !important;
}

.woocommerce-cart-form .gwas-multigift-story-row .gwas-multigift-panel {
	display: block !important;
}

.gwas-multigift-story-row > td.gwas-multigift-story-cell {
	padding: 0 0 22px !important;
	border: 0 !important;
	background: transparent !important;
}

.gwas-multigift-inline-wrap {
	width: 100% !important;
	padding: 0 !important;
	background: transparent !important;
}

.gwas-multigift-panel {
	display: none !important;
}

#gwas-story-panel.gwas-multigift-host .gwas-multigift-panel {
	display: block !important;
}

.gwas-multigift-panel {
	--gwas-mg-navy: #2f3e52;
	--gwas-mg-navy-dark: #1e2a38;
	--gwas-mg-gold: #b08d57;
	--gwas-mg-burgundy: #754a42;
	--gwas-mg-cream: #f3ecdf;
	--gwas-mg-ivory: #fcf8f1;
	--gwas-mg-muted: #706a61;
	--gwas-mg-line: rgba(47, 62, 82, .16);

	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	background: var(--gwas-mg-ivory) !important;
	border: 1px solid rgba(176, 141, 87, .38) !important;
	box-shadow: 0 12px 28px rgba(30, 42, 56, .06) !important;
	text-align: left !important;
}

.gwas-multigift-head {
	display: flex !important;
	align-items: flex-start !important;
	justify-content: space-between !important;
	gap: 20px !important;
	padding: 19px 20px !important;
	background: var(--gwas-mg-cream) !important;
	border-bottom: 1px solid rgba(176, 141, 87, .32) !important;
}

.gwas-multigift-head > div {
	min-width: 0 !important;
}

.gwas-multigift-eyebrow {
	display: block !important;
	margin-bottom: 5px !important;
	color: var(--gwas-mg-gold) !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 8px !important;
	font-weight: 700 !important;
	letter-spacing: .13em !important;
	line-height: 1.3 !important;
	text-transform: uppercase !important;
}

.gwas-multigift-head strong {
	display: block !important;
	color: var(--gwas-mg-navy-dark) !important;
	font-family: "Cormorant Garamond", Georgia, serif !important;
	font-size: 23px !important;
	font-weight: 700 !important;
	line-height: 1.06 !important;
}

.gwas-multigift-status {
	flex: 0 0 auto !important;
	padding: 7px 9px !important;
	background: var(--gwas-mg-navy) !important;
	color: #ffffff !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 7px !important;
	font-weight: 700 !important;
	letter-spacing: .09em !important;
	line-height: 1.3 !important;
	text-transform: uppercase !important;
}

.gwas-multigift-panel.is-saved .gwas-multigift-status {
	background: var(--gwas-mg-gold) !important;
	color: #ffffff !important;
}

.gwas-multigift-panel.is-dirty .gwas-multigift-status {
	background: var(--gwas-mg-burgundy) !important;
	color: #ffffff !important;
}

.gwas-multigift-summary {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 1px !important;
	padding: 1px !important;
	background: var(--gwas-mg-line) !important;
}

.gwas-multigift-summary[hidden],
.gwas-multigift-editor[hidden] {
	display: none !important;
}

.gwas-multigift-summary > div {
	min-width: 0 !important;
	padding: 14px 16px !important;
	background: var(--gwas-mg-ivory) !important;
}

.gwas-multigift-summary small {
	display: block !important;
	margin-bottom: 4px !important;
	color: var(--gwas-mg-gold) !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 7px !important;
	font-weight: 700 !important;
	letter-spacing: .1em !important;
	text-transform: uppercase !important;
}

.gwas-multigift-summary strong {
	display: block !important;
	overflow-wrap: anywhere !important;
	color: var(--gwas-mg-navy-dark) !important;
	font-family: Georgia, serif !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	line-height: 1.4 !important;
}

.gwas-multigift-edit {
	grid-column: 1 / -1 !important;
	min-height: 40px !important;
	padding: 10px 14px !important;
	background: #ffffff !important;
	border: 0 !important;
	border-top: 1px solid var(--gwas-mg-line) !important;
	color: var(--gwas-mg-burgundy) !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 8px !important;
	font-weight: 700 !important;
	letter-spacing: .1em !important;
	text-align: left !important;
	text-transform: uppercase !important;
	cursor: pointer !important;
}

.gwas-multigift-editor {
	padding: 20px !important;
}

.gwas-multigift-intro {
	margin: 0 0 18px !important;
	color: var(--gwas-mg-muted) !important;
	font-family: Georgia, serif !important;
	font-size: 13px !important;
	line-height: 1.55 !important;
}

.gwas-multigift-fields {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 15px !important;
}

.gwas-multigift-field {
	display: block !important;
	margin: 0 !important;
}

.gwas-multigift-field-wide {
	grid-column: 1 / -1 !important;
}

.gwas-multigift-field > span,
.gwas-multigift-cursive legend {
	display: block !important;
	margin-bottom: 7px !important;
	color: var(--gwas-mg-navy-dark) !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 8px !important;
	font-weight: 700 !important;
	letter-spacing: .035em !important;
	line-height: 1.4 !important;
}

.gwas-multigift-field em,
.gwas-multigift-cursive em {
	color: var(--gwas-mg-burgundy) !important;
	font-style: normal !important;
}

.gwas-multigift-field input[type="text"],
.gwas-multigift-field select,
.gwas-multigift-field textarea {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 11px 12px !important;
	background: #ffffff !important;
	border: 1px solid rgba(47, 62, 82, .24) !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	color: var(--gwas-mg-navy-dark) !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 14px !important;
	line-height: 1.4 !important;
}

.gwas-multigift-field textarea {
	min-height: 104px !important;
	resize: vertical !important;
}

.gwas-multigift-field input:focus,
.gwas-multigift-field select:focus,
.gwas-multigift-field textarea:focus {
	border-color: var(--gwas-mg-gold) !important;
	outline: 2px solid rgba(176, 141, 87, .16) !important;
	outline-offset: 0 !important;
}

.gwas-multigift-cursive {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
}

.gwas-multigift-cursive legend {
	padding: 0 !important;
}

.gwas-multigift-cursive > label {
	display: inline-flex !important;
	align-items: center !important;
	gap: 7px !important;
	margin: 0 18px 7px 0 !important;
	color: var(--gwas-mg-navy-dark) !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 12px !important;
	cursor: pointer !important;
}

.gwas-multigift-cursive input {
	margin: 0 !important;
}

.gwas-multigift-cursive > label > span {
	color: var(--gwas-mg-navy-dark) !important;
}

.gwas-multigift-actions {
	display: flex !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	gap: 10px !important;
	margin-top: 18px !important;
}

.gwas-multigift-save,
.gwas-multigift-cancel {
	min-height: 42px !important;
	padding: 11px 15px !important;
	border-radius: 0 !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 8px !important;
	font-weight: 700 !important;
	letter-spacing: .09em !important;
	text-transform: uppercase !important;
	cursor: pointer !important;
}

.gwas-multigift-save {
	background: var(--gwas-mg-navy) !important;
	border: 1px solid var(--gwas-mg-navy) !important;
	color: #ffffff !important;
}

.gwas-multigift-save:hover,
.gwas-multigift-save:focus {
	background: var(--gwas-mg-gold) !important;
	border-color: var(--gwas-mg-gold) !important;
	color: #ffffff !important;
}

.gwas-multigift-cancel {
	background: transparent !important;
	border: 1px solid rgba(47, 62, 82, .24) !important;
	color: var(--gwas-mg-navy) !important;
}

.gwas-multigift-message {
	flex: 1 1 220px !important;
	color: var(--gwas-mg-muted) !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 11px !important;
	line-height: 1.4 !important;
}

.gwas-multigift-message.is-error {
	color: #8a2f2f !important;
}

.gwas-multigift-message.is-success {
	color: #365b3d !important;
}

.gwas-checkout-locked {
	opacity: .72 !important;
	cursor: not-allowed !important;
}

@media (max-width: 760px) {
	.gwas-multigift-panel {
		max-width: none !important;
		margin-top: 16px !important;
	}

	.gwas-multigift-head {
		flex-direction: column !important;
		gap: 10px !important;
	}

	.gwas-multigift-summary,
	.gwas-multigift-fields {
		grid-template-columns: 1fr !important;
	}

	.gwas-multigift-field-wide {
		grid-column: auto !important;
	}

	.gwas-multigift-summary > div {
		padding: 12px 14px !important;
	}
}


/* ============================================================
   PHASE 4.3 — INLINE PER-GIFT STORY ROW
============================================================ */

.gwas-multigift-story-row {
	display: table-row !important;
}

.gwas-multigift-inline-wrap {
	margin-top: 0 !important;
	border-top: 1px solid rgba(47, 62, 82, .12) !important;
}

.gwas-multigift-inline-wrap .gwas-multigift-panel {
	border-top: 3px solid #b08d57 !important;
	box-shadow: none !important;
}

.gwas-multigift-inline-wrap .gwas-multigift-head {
	padding: 18px 28px !important;
}

.gwas-multigift-inline-wrap .gwas-multigift-editor {
	padding: 24px 28px 28px !important;
}

.gwas-multigift-inline-wrap .gwas-multigift-summary > div {
	padding: 15px 20px !important;
}

@media (max-width: 760px) {
	.gwas-multigift-story-row > td.gwas-multigift-story-cell {
		padding-bottom: 16px !important;
	}

	.gwas-multigift-inline-wrap .gwas-multigift-head,
	.gwas-multigift-inline-wrap .gwas-multigift-editor {
		padding-left: 18px !important;
		padding-right: 18px !important;
	}
}

/* ============================================================
   PHASE 4.5 — GIFT NUMBERING + FULL-WIDTH PERSONALIZATION
============================================================ */

.gwas-multigift-story-row,
.gwas-multigift-story-row > td.gwas-multigift-story-cell {
	width: 100% !important;
	max-width: none !important;
}

.gwas-multigift-story-row > td.gwas-multigift-story-cell {
	display: table-cell !important;
	box-sizing: border-box !important;
}

.gwas-multigift-inline-wrap,
.gwas-multigift-inline-wrap .gwas-multigift-panel,
.gwas-multigift-inline-wrap .gwas-multigift-summary,
.gwas-multigift-inline-wrap .gwas-multigift-editor {
	width: 100% !important;
	max-width: none !important;
	box-sizing: border-box !important;
}

.gwas-cart-gift-sequence {
	display: block !important;
	margin: 0 0 8px !important;
	color: #b08d57 !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 8px !important;
	font-weight: 700 !important;
	letter-spacing: .14em !important;
	line-height: 1.3 !important;
	text-transform: uppercase !important;
}


/* ============================================================
   PHASE 4.5 — COMPACT ORDER SUMMARY
============================================================ */

.gwas-cart-mini-manifest {
	margin: 0 0 20px !important;
	border-top: 1px solid rgba(47, 62, 82, .14) !important;
	border-bottom: 1px solid rgba(47, 62, 82, .14) !important;
}

.gwas-cart-mini-manifest-heading {
	padding: 13px 0 10px !important;
	color: #b08d57 !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 8px !important;
	font-weight: 700 !important;
	letter-spacing: .13em !important;
	text-transform: uppercase !important;
}

.gwas-cart-mini-item {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) auto !important;
	gap: 14px !important;
	align-items: start !important;
	padding: 12px 0 !important;
	border-top: 1px solid rgba(47, 62, 82, .10) !important;
}

.gwas-cart-mini-item-copy {
	min-width: 0 !important;
}

.gwas-cart-mini-item-copy span {
	display: block !important;
	margin-bottom: 3px !important;
	color: #b08d57 !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 7px !important;
	font-weight: 700 !important;
	letter-spacing: .11em !important;
	text-transform: uppercase !important;
}

.gwas-cart-mini-item-copy strong {
	display: block !important;
	color: #1e2a38 !important;
	font-family: "Cormorant Garamond", Georgia, serif !important;
	font-size: 17px !important;
	font-weight: 700 !important;
	line-height: 1.12 !important;
}

.gwas-cart-mini-item-copy small {
	display: block !important;
	margin-top: 3px !important;
	color: #706a61 !important;
	font-family: Georgia, serif !important;
	font-size: 11px !important;
}

.gwas-cart-mini-item > b {
	white-space: nowrap !important;
	color: #1e2a38 !important;
	font-family: Georgia, serif !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	line-height: 1.4 !important;
}

#gwas-cart-totals tr.cart-subtotal {
	display: none !important;
}

/* ============================================================
   PHASE 4.6 — EXACT INLINE PERSONALIZATION WIDTH
   The v0.4.5 colSpan=100 created implicit table columns in some
   WooCommerce layouts. This version uses the actual column count
   and JS-measured cart table width.
============================================================ */

.gwas-multigift-story-row {
	display: table-row !important;
	width: auto !important;
	max-width: none !important;
}

.gwas-multigift-story-row > td.gwas-multigift-story-cell {
	display: table-cell !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	box-sizing: border-box !important;
}

.gwas-multigift-story-cell > .gwas-multigift-inline-wrap {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.gwas-multigift-inline-wrap .gwas-multigift-panel {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* ============================================================
   PHASE 4.7 — CONTINUE SHOPPING INVITATION
   Secondary to checkout; placed below the final gift in the
   left-hand cart column.
============================================================ */

.gwas-cart-continue-shopping {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) auto !important;
	align-items: center !important;
	gap: 28px !important;
	width: 100% !important;
	margin: 24px 0 0 !important;
	padding: 25px 28px !important;
	background: #f4ecdf !important;
	border-top: 3px solid #b08d57 !important;
	border-right: 1px solid rgba(176, 141, 87, .34) !important;
	border-bottom: 1px solid rgba(176, 141, 87, .34) !important;
	border-left: 1px solid rgba(176, 141, 87, .34) !important;
	box-sizing: border-box !important;
}

.gwas-cart-continue-copy {
	min-width: 0 !important;
}

.gwas-cart-continue-eyebrow {
	display: block !important;
	margin: 0 0 7px !important;
	color: #9a7340 !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 8px !important;
	font-weight: 700 !important;
	letter-spacing: .14em !important;
	line-height: 1.35 !important;
	text-transform: uppercase !important;
}

.gwas-cart-continue-shopping h3 {
	margin: 0 0 6px !important;
	color: #1e2a38 !important;
	font-family: "Cormorant Garamond", Georgia, serif !important;
	font-size: 27px !important;
	font-weight: 700 !important;
	line-height: 1.05 !important;
}

.gwas-cart-continue-shopping p {
	max-width: 610px !important;
	margin: 0 !important;
	color: #706a61 !important;
	font-family: Georgia, serif !important;
	font-size: 13px !important;
	line-height: 1.6 !important;
}

.gwas-cart-continue-link,
.gwas-cart-continue-link:link,
.gwas-cart-continue-link:visited {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 44px !important;
	padding: 12px 18px !important;
	border: 1px solid #2f3e52 !important;
	background: transparent !important;
	color: #2f3e52 !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 8px !important;
	font-weight: 700 !important;
	letter-spacing: .11em !important;
	text-decoration: none !important;
	text-transform: uppercase !important;
	white-space: nowrap !important;
}

.gwas-cart-continue-link:hover,
.gwas-cart-continue-link:focus {
	background: #2f3e52 !important;
	color: #fffaf1 !important;
}

@media (max-width: 760px) {
	.gwas-cart-continue-shopping {
		grid-template-columns: 1fr !important;
		gap: 18px !important;
		padding: 22px 20px !important;
	}

	.gwas-cart-continue-link {
		width: 100% !important;
	}
}

/* ============================================================
   PHASE 5.0 — CART PROGRESS MATCHES CHECKOUT
============================================================ */

/*
 * The cart page already contains the four [data-gwas-step] items.
 * JS adds .gwas-cart-progress-match to their shared container.
 */

.gwas-cart-progress-match {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	background: #fbf7ef !important;
	border-top: 1px solid rgba(47, 62, 82, .16) !important;
	border-bottom: 1px solid rgba(47, 62, 82, .16) !important;
	box-sizing: border-box !important;
}

.gwas-cart-progress-match > [data-gwas-step] {
	position: relative !important;
	display: flex !important;
	align-items: center !important;
	gap: 13px !important;
	min-width: 0 !important;
	min-height: 84px !important;
	margin: 0 !important;
	padding: 18px 22px !important;
	background: transparent !important;
	border: 0 !important;
	border-right: 1px solid rgba(47, 62, 82, .16) !important;
	box-shadow: none !important;
	box-sizing: border-box !important;
}

.gwas-cart-progress-match > [data-gwas-step]:last-child {
	border-right: 0 !important;
}

/* Existing cart number block */
.gwas-cart-progress-match > [data-gwas-step] > span:first-child,
.gwas-cart-progress-match > [data-gwas-step] .gwas-cart-step-number {
	display: inline-flex !important;
	flex: 0 0 auto !important;
	align-items: center !important;
	justify-content: center !important;
	width: 32px !important;
	height: 32px !important;
	margin: 0 !important;
	padding: 0 !important;
	background: #2f3e52 !important;
	border: 1px solid #2f3e52 !important;
	color: #fffaf1 !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 7px !important;
	font-weight: 700 !important;
	letter-spacing: .05em !important;
	line-height: 1 !important;
}

/* Labels such as GIFT / SELECTIONS / STORY / FINAL STEP */
.gwas-cart-progress-match > [data-gwas-step] small,
.gwas-cart-progress-match > [data-gwas-step] .gwas-cart-step-label {
	display: block !important;
	margin: 0 0 1px !important;
	color: #8f8578 !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 8px !important;
	font-weight: 700 !important;
	letter-spacing: .12em !important;
	line-height: 1.2 !important;
	text-transform: uppercase !important;
}

/* Chosen / Made / Ready / Checkout */
.gwas-cart-progress-match > [data-gwas-step] strong {
	display: block !important;
	margin: 0 !important;
	color: #1e2a38 !important;
	font-family: "Cormorant Garamond", Georgia, serif !important;
	font-size: 18px !important;
	font-weight: 600 !important;
	line-height: 1.05 !important;
}

/* Completed steps use the same discreet gold check as checkout. */
.gwas-cart-progress-match > [data-gwas-step].is-complete::after {
	position: absolute !important;
	right: 14px !important;
	top: 14px !important;
	content: "✓" !important;
	color: #b08d57 !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 9px !important;
	font-weight: 700 !important;
}

/* The current cart task (normally Story while unsaved). */
.gwas-cart-progress-match > [data-gwas-step].is-current {
	background: #f2e8d8 !important;
	box-shadow: inset 0 3px 0 #b08d57 !important;
}

.gwas-cart-progress-match > [data-gwas-step].is-current > span:first-child,
.gwas-cart-progress-match > [data-gwas-step].is-current .gwas-cart-step-number {
	background: #b08d57 !important;
	border-color: #b08d57 !important;
	color: #fffaf1 !important;
}

.gwas-cart-progress-match > [data-gwas-step].is-current small,
.gwas-cart-progress-match > [data-gwas-step].is-current .gwas-cart-step-label {
	color: #8d6d3e !important;
}

.gwas-cart-progress-match > [data-gwas-step].is-current strong {
	color: #1e2a38 !important;
	font-weight: 700 !important;
}

/* Checkout is intentionally pending while still on cart. */
.gwas-cart-progress-match > [data-gwas-step].is-pending {
	opacity: .48 !important;
	background: transparent !important;
}

.gwas-cart-progress-match > [data-gwas-step].is-pending > span:first-child,
.gwas-cart-progress-match > [data-gwas-step].is-pending .gwas-cart-step-number {
	background: transparent !important;
	border-color: rgba(47, 62, 82, .28) !important;
	color: #8f8578 !important;
}

.gwas-cart-progress-match > [data-gwas-step].is-pending small,
.gwas-cart-progress-match > [data-gwas-step].is-pending strong {
	color: #8f8578 !important;
}

@media (max-width: 780px) {

	.gwas-cart-progress-match {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	.gwas-cart-progress-match > [data-gwas-step]:nth-child(2) {
		border-right: 0 !important;
	}

	.gwas-cart-progress-match > [data-gwas-step]:nth-child(-n+2) {
		border-bottom: 1px solid rgba(47, 62, 82, .16) !important;
	}
}

@media (max-width: 460px) {

	.gwas-cart-progress-match {
		grid-template-columns: 1fr !important;
	}

	.gwas-cart-progress-match > [data-gwas-step] {
		min-height: 66px !important;
		padding: 14px 17px !important;
		border-right: 0 !important;
		border-bottom: 1px solid rgba(47, 62, 82, .16) !important;
	}

	.gwas-cart-progress-match > [data-gwas-step]:last-child {
		border-bottom: 0 !important;
	}
}

/* ============================================================
   PHASE 5.5 — OPTIONAL PERSONALIZED OCCASION STORY
============================================================ */

.gwas-multigift-skip-option {
	display: grid !important;
	grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr) !important;
	gap: 18px !important;
	align-items: center !important;
	margin: 0 0 20px !important;
	padding: 16px 18px !important;
	background: #f8f2e8 !important;
	border: 1px solid rgba(176, 141, 87, .30) !important;
}

.gwas-multigift-skip-option > div > span {
	display: block !important;
	margin: 0 0 4px !important;
	color: #754a42 !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 8px !important;
	font-weight: 700 !important;
	letter-spacing: .11em !important;
	line-height: 1.35 !important;
	text-transform: uppercase !important;
}

.gwas-multigift-skip-option > div > p {
	margin: 0 !important;
	color: #706a61 !important;
	font-family: Georgia, serif !important;
	font-size: 12px !important;
	line-height: 1.5 !important;
}

.gwas-multigift-skip-option > label {
	display: flex !important;
	align-items: flex-start !important;
	gap: 9px !important;
	margin: 0 !important;
	padding: 12px 13px !important;
	background: #fcf8f1 !important;
	border: 1px solid rgba(47, 62, 82, .16) !important;
	cursor: pointer !important;
}

.gwas-multigift-skip-option input {
	flex: 0 0 auto !important;
	margin: 2px 0 0 !important;
}

.gwas-multigift-skip-option label > span {
	color: #1e2a38 !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	line-height: 1.4 !important;
}

.gwas-multigift-panel.is-story-skipping .gwas-multigift-fields {
	display: none !important;
}

.gwas-multigift-panel.is-story-skipping .gwas-multigift-skip-option {
	border-color: #b08d57 !important;
	box-shadow: inset 3px 0 0 #b08d57 !important;
}

.gwas-multigift-summary-skip {
	display: none !important;
	grid-column: 1 / -1 !important;
	padding: 16px 18px !important;
	background: #fcf8f1 !important;
}

.gwas-multigift-summary-skip > span {
	display: block !important;
	margin-top: 4px !important;
	color: #706a61 !important;
	font-family: Georgia, serif !important;
	font-size: 12px !important;
	font-weight: 400 !important;
	line-height: 1.5 !important;
}

.gwas-multigift-panel.is-story-skipped
.gwas-multigift-summary-standard {
	display: none !important;
}

.gwas-multigift-panel.is-story-skipped
.gwas-multigift-summary-skip {
	display: block !important;
}

.gwas-multigift-panel.is-story-skipped
.gwas-multigift-status {
	background: #b08d57 !important;
	color: #ffffff !important;
}

@media (max-width: 760px) {
	.gwas-multigift-skip-option {
		grid-template-columns: 1fr !important;
	}
}

/* ============================================================
   PHASE 5.6 — VISIBLE PERSONALIZED-STORY OPT-OUT
============================================================ */

.gwas-multigift-skip-direct {
	grid-column: 1 / -1 !important;
	min-height: 40px !important;
	padding: 10px 14px !important;
	background: #f8f2e8 !important;
	border: 0 !important;
	border-top: 1px solid rgba(176, 141, 87, .28) !important;
	color: #754a42 !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 8px !important;
	font-weight: 700 !important;
	letter-spacing: .10em !important;
	text-align: left !important;
	text-transform: uppercase !important;
	cursor: pointer !important;
}

.gwas-multigift-skip-direct:hover,
.gwas-multigift-skip-direct:focus {
	background: #f1e5d2 !important;
	color: #1e2a38 !important;
}

.gwas-multigift-summary .gwas-multigift-edit + .gwas-multigift-skip-direct {
	border-top: 1px solid rgba(47, 62, 82, .10) !important;
}

/* Make the opt-out impossible to miss when the editor is open. */
.gwas-multigift-editor .gwas-multigift-skip-option {
	display: grid !important;
}