/*
 * Theme Name:  The Attic Place
 * Description: Child theme of Forme — site-specific overrides for The Attic Place.
 * Template:    forme-theme
 * Version:     1.0.0
 * Text Domain: the-attic-place-child
 */

/* ── Your custom CSS overrides go here ──────────────────── */

.forme-header__center {
	margin-top: 0 !important;
}

/* ── Mobile nav overlay ──────────────────────────────────────────────── */
/* When WP opens the overlay it adds body.modal-open.
   The overlay is trapped inside the header's sticky stacking context,
   so we hide the announce bar and promote the header's stacking context
   rather than fighting z-index from inside it. */
body.modal-open .forme-announce-bar {
	display: none !important;
}
body.modal-open header.wp-block-template-part {
	z-index: 99999 !important;
}

/* Overlay panel — full viewport */
.wp-block-navigation__responsive-container.is-menu-open {
	position: fixed !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100dvh !important;
	z-index: 99999 !important;
	overflow-y: auto !important;
	background: #FDFAF4 !important;
	display: flex !important;
	flex-direction: column !important;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
	padding: 4rem 1.5rem 2rem !important;
	flex: 1 !important;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
	gap: 0 !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	width: 100% !important;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {
	border-bottom: 1px solid rgba(42,31,15,0.08) !important;
	padding: 0.85rem 0 !important;
	width: 100% !important;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item a,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item button {
	font-size: 0.72rem !important;
	letter-spacing: 0.15em !important;
	text-transform: uppercase !important;
	color: #2A1F0F !important;
	font-family: 'Jost', sans-serif !important;
	font-weight: 500 !important;
}
/* Close button — fixed so it stays visible while content scrolls */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close {
	position: fixed !important;
	top: 1rem !important;
	right: 1rem !important;
	z-index: 100000 !important;
	color: #2A1F0F !important;
	background: none !important;
	border: none !important;
	width: 44px !important;
	height: 44px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}

/* ── Mobile header icons ─────────────────────────────────────────────── */
@media (max-width: 781px) {
	/* Tighten the right icon group */
	.forme-header-icons { gap: 0 !important; }

	/* Reduce icon tap area slightly so they all fit */
	.forme-hicon { width: 34px !important; height: 34px !important; }

	/* Hide account, wishlist and theme toggle on mobile — keep search + cart */
	.forme-hicon--account,
	.forme-hicon--wishlist,
	.forme-theme-toggle { display: none !important; }

	/* Logo: smaller on mobile */
	.forme-header__center .wp-block-site-logo img { max-width: 160px !important; }
}

.forme-newsletter__form .wp-block-search__button {
	margin-left: 0;
}
/* ── Utility ─────────────────────────────────────────────────────────── */
.hide-facet { display: none !important; }

/* ── FacetWP: vertical list checkboxes ──────────────────────────────── */
.facetwp-type-checkboxes {
	display: flex !important;
	flex-direction: column !important;
	flex-wrap: nowrap !important;
	gap: 0 !important;
	padding: 0 !important;
}
.facetwp-checkbox {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	padding: 7px 0 !important;
	border: none !important;
	border-bottom: 1px solid rgba(42,31,15,0.07) !important;
	border-radius: 0 !important;
	background: transparent !important;
	cursor: pointer !important;
	gap: 8px !important;
}
.facetwp-checkbox:last-child { border-bottom: none !important; }
/* Custom checkbox box */
.facetwp-checkbox::before {
	display: flex !important;
	flex-shrink: 0 !important;
	width: 14px !important;
	height: 14px !important;
	border: 1.5px solid rgba(42,31,15,0.3) !important;
	border-radius: 2px !important;
	background: transparent !important;
	content: '' !important;
	transition: background 0.12s, border-color 0.12s !important;
	order: 0 !important;
}
.facetwp-checkbox:hover::before {
	border-color: #2A1F0F !important;
}
.facetwp-checkbox.checked::before {
	background: #2A1F0F !important;
	border-color: #2A1F0F !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 8'%3E%3Cpath d='M1 4l3 3 5-6' stroke='%23EAD89A' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
	background-size: 9px 7px !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
}
.facetwp-checkbox .facetwp-display-value {
	flex: 1 !important;
	font-family: 'Jost', sans-serif !important;
	font-size: 0.82rem !important;
	font-weight: 400 !important;
	letter-spacing: 0.01em !important;
	color: #3D2E18 !important;
	margin-top: 0 !important;
	order: 1 !important;
}
.facetwp-checkbox:hover .facetwp-display-value { color: #2A1F0F !important; }
.facetwp-checkbox.checked .facetwp-display-value { color: #2A1F0F !important; font-weight: 500 !important; }
.facetwp-counter {
	margin-left: auto !important;
	font-size: 0.72rem !important;
	color: #9A8872 !important;
	opacity: 1 !important;
	order: 2 !important;
}
.facetwp-checkbox.checked .facetwp-counter { color: #5C4A32 !important; }
.facetwp-checkbox.checked { background: transparent !important; }
.facetwp-checkbox:hover { border-color: rgba(42,31,15,0.07) !important; color: inherit !important; }
/* Sub-items: vertical indent */
.facetwp-depth {
	display: flex !important;
	flex-direction: column !important;
	padding-left: 22px !important;
	width: 100% !important;
}
.facetwp-depth .facetwp-checkbox {
	width: 100% !important;
}
/* Hide the [+]/[-] expand toggle — not needed when always expanded */
.facetwp-expand { display: none !important; }

/* ── Product price colours ──────────────────────────────────────────── */
.woocommerce div.product p.price,
.woocommerce div.product span.price { color: #2A1F0F !important; font-size: 1.5rem !important; }
.woocommerce div.product p.price del,
.woocommerce div.product span.price del { color: #9A8872 !important; font-size: 1rem !important; opacity: 1 !important; }
.woocommerce div.product p.price ins,
.woocommerce div.product span.price ins { text-decoration: none !important; color: #2A1F0F !important; }
.woocommerce-price-label { display: none !important; }

/* ── Payment & Shipping tab ─────────────────────────────────────────── */
.attic-tab-ps { max-width: 680px; }
.attic-tab-ps__section { margin-bottom: 2rem; padding-bottom: 2rem; border-bottom: 1px solid rgba(184,150,46,0.15); }
.attic-tab-ps__section:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
.attic-tab-ps__section h3 { font-size: 0.6rem; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; color: #B8962E; font-family: 'Jost', sans-serif; margin: 0 0 0.75rem; }
.attic-tab-ps__section p,
.attic-tab-ps__section ul { font-size: 0.88rem; color: #5C4A32; line-height: 1.8; margin: 0 0 0.5rem; }
.attic-tab-ps__section ul { padding-left: 1.25rem; }
.attic-tab-ps__section ul li { margin-bottom: 0.25rem; }
.attic-tab-ps__section a { color: #B8962E !important; text-decoration: underline; }
.attic-tab-ps__section a:hover { color: #5C4A32 !important; text-decoration: underline; }