/*
Theme Name:  Wahat
Description: Flatsome child theme for the Wahat plants store — all custom design work for the redesign lives here.
Author:      Kamal Hasan
Template:    flatsome
Version:     1.1.0
Text Domain: flatsome-child
*/

/* ==========================================================================
   Wahat design system — "earthy & warm"
   Palette: Forest / Sage / Ivory / Sand / Terracotta / Charcoal
   Type:    Zain (display) + Readex Pro (body) — self-hosted, see fonts.css
   Motif:   the oasis arch (واحة) — arch-topped image frames everywhere
   ========================================================================== */

:root {
	--wahat-forest:     #234D3C;
	--wahat-forest-600: #1B3D2F; /* hover/darker step */
	--wahat-forest-700: #152E23; /* deepest: top bar */
	--wahat-sage:       #819878;
	--wahat-sage-100:   #EDF0E9; /* sage tint for chips/backgrounds */
	--wahat-ivory:      #F8F6F0;
	--wahat-sand:       #E9E1D2;
	--wahat-terracotta: #A95F43;
	--wahat-terra-600:  #8F4E36;
	--wahat-charcoal:   #242925;

	--wahat-font-display: 'Zain', 'Readex Pro', sans-serif;
	--wahat-font-body:    'Readex Pro', 'Zain', sans-serif;

	--wahat-arch: 999px 999px 18px 18px; /* the signature arch frame */
	--wahat-radius: 14px;
	--wahat-shadow: 0 10px 30px -12px rgba(36, 41, 37, .18);
}

/* ---------------------------------------------------------------- base */

body {
	background-color: var(--wahat-ivory);
	color: var(--wahat-charcoal);
	font-family: var(--wahat-font-body);
	font-weight: 300;
	font-size: 15px;
}

h1, h2, h3, h4, h5, h6,
.heading-font, .nav > li > a, .section-title span {
	font-family: var(--wahat-font-display);
	letter-spacing: 0;
}

h1, h2, h3 { font-weight: 800; }
h4, h5, h6 { font-weight: 700; }

/* section titles: quiet, no default center divider clutter */
.section-title { border: 0; }
.section-title b { background-color: var(--wahat-sand); opacity: .8; height: 1px; }
.section-title span { text-transform: none; font-size: 1.35em; color: var(--wahat-forest); }

/* ---------------------------------------------------------------- buttons */

.button, button, input[type="submit"] {
	font-family: var(--wahat-font-display);
	font-weight: 700;
	border-radius: 99px;
	text-transform: none;
	letter-spacing: 0;
	box-shadow: none;
}

.button.primary:not(.is-outline),
input[type="submit"].primary {
	background-color: var(--wahat-forest);
}
.button.primary:not(.is-outline):hover,
input[type="submit"].primary:hover {
	background-color: var(--wahat-forest-600);
}

/* buying actions: forest green, consistent with all CTAs */
.add_to_cart_button,
.single_add_to_cart_button,
.checkout-button,
.button.checkout,
button[name="add-to-cart"] {
	background-color: var(--wahat-forest) !important;
	border-radius: 99px !important;
}
.add_to_cart_button:hover,
.single_add_to_cart_button:hover,
.checkout-button:hover,
.button.checkout:hover,
button[name="add-to-cart"]:hover {
	background-color: var(--wahat-forest-600) !important;
}

/* ---------------------------------------------------------------- header */

/* text logo (temporary until final brand mark) */
.logo a {
	font-family: var(--wahat-font-display);
	font-weight: 800;
	font-size: 34px;
	color: var(--wahat-ivory) !important;
	letter-spacing: 0;
}

/* forest header stack: darkest top bar → forest main bar */
.top-bar { background-color: var(--wahat-forest-700) !important; }
.top-bar, .top-bar a, .top-bar .html { color: rgba(248, 246, 240, .8); }
.header-main, .header-bottom, .top-divider { background-color: var(--wahat-forest); }
.header-bottom { border-top: 1px solid rgba(248, 246, 240, .12); }
.stuck .header-main { background-color: var(--wahat-forest); box-shadow: 0 4px 18px -8px rgba(21, 46, 35, .6); }

.header-main .nav > li > a { font-weight: 700; font-size: 1.05em; color: rgba(248, 246, 240, .92); }
.header-main .nav > li > a:hover,
.header-main .nav > li.active > a,
.header-main .nav > li.current-menu-item > a { color: var(--wahat-sand); }

/* dropdowns: soft ivory cards */
.nav-dropdown {
	border: 1px solid var(--wahat-sand);
	border-radius: var(--wahat-radius);
	background-color: #fff;
	box-shadow: var(--wahat-shadow);
	padding: 12px;
}
.nav-dropdown li a { border-radius: 8px; }
.nav-dropdown li a:hover { background-color: var(--wahat-sage-100); color: var(--wahat-forest); }

/* header icons (cart / account / search): ivory on forest */
.header .icon-shopping-basket,
.header .icon-user,
.header .icon-search { color: var(--wahat-ivory); }
.header-main a { color: rgba(248, 246, 240, .92); }
.cart-icon strong {
	border-color: var(--wahat-ivory);
	color: var(--wahat-ivory);
	border-radius: 8px 8px 3px 3px; /* tiny arch nod */
}
.cart-icon strong::after { border-color: var(--wahat-ivory); }

/* ---------------------------------------------------------------- product cards */

.product-small.box {
	background: transparent;
}
.product-small .box-image {
	/* products stay clean commerce cards — the arch is reserved for navigation surfaces */
	border-radius: 8px;
	border: 1px solid var(--wahat-sand);
	/* soft tinted stage for transparent plant cutouts */
	background: linear-gradient(175deg, #F1F3EC 0%, #E7E4D7 100%);
	overflow: hidden;
	transition: box-shadow .25s ease, transform .25s ease;
}
.product-small .box-image img { object-fit: contain; }
.product-small.box:hover .box-image {
	box-shadow: var(--wahat-shadow);
	transform: translateY(-3px);
}
.product-small .box-text {
	padding-top: .8em;
	background: transparent;
}
.product-small .box-text .product-title a { font-family: var(--wahat-font-display); font-weight: 700; font-size: 1.1em; color: var(--wahat-charcoal); }
.product-small .box-text .product-title a:hover { color: var(--wahat-forest); }
.product-small .category { color: var(--wahat-sage); font-size: .8em; text-transform: none; }

.price { color: var(--wahat-forest); font-weight: 600; }
.price ins, .price ins .amount { color: var(--wahat-terracotta); }
.price del { opacity: .45; }

/* category tiles: readable labels over photos */
.product-category .box-shade .box-text {
	background: linear-gradient(to top, rgba(27, 31, 28, .72), rgba(27, 31, 28, 0));
	top: auto;
	bottom: 0;
	transform: none;
	padding: 2.2em 1em 1.1em;
}
.product-category .box-text h5 {
	font-family: var(--wahat-font-display);
	font-size: 1.35em;
	font-weight: 800;
	color: #fff;
	text-shadow: 0 1px 8px rgba(27, 31, 28, .5);
	margin: 0;
}
.product-category .box-image { border-radius: var(--wahat-arch); }

/* sale badge: inset from the card corner instead of touching the edge */
.product-small .badge-container { margin: 10px; }

/* product sliders: leave room below so card hover shadows aren't clipped */
.row-slider .flickity-viewport { padding-bottom: 26px; margin-bottom: -26px; }

/* cards carry no static shadow — flat cards, subtle hover lift only */
.has-shadow.row-box-shadow-5 .box,
.has-shadow.row-box-shadow-5 .col-inner { box-shadow: none !important; }

/* sale badge: charcoal bubble — stands out against pots and foliage alike */
.badge-inner {
	border-radius: 99px;
	background-color: var(--wahat-charcoal) !important;
	color: var(--wahat-ivory) !important;
	font-family: var(--wahat-font-display);
	font-weight: 700;
}

/* star ratings in sage */
.star-rating span::before, .star-rating::before { color: var(--wahat-sage); }

/* ---------------------------------------------------------------- shop & archive */

.shop-page-title.featured-title { background-color: var(--wahat-forest-600); }
.shop-page-title.page-title { background-color: var(--wahat-forest-600); padding: 18px 0 6px; }
.shop-page-title .page-title-inner h1,
.woocommerce-products-header h1.woocommerce-products-header__title,
h1.shop-page-title-text { font-size: 1.9em; color: var(--wahat-ivory); margin-bottom: 0; }
.shop-page-title .breadcrumbs,
.shop-page-title .breadcrumbs a,
.shop-page-title .breadcrumbs .divider { color: rgba(248, 246, 240, .75); }
.shop-page-title .breadcrumbs a:hover,
.shop-page-title .breadcrumbs strong,
.shop-page-title .breadcrumbs .current { color: var(--wahat-ivory); }
.shop-page-title .woocommerce-result-count,
.shop-page-title .shop-container p { color: rgba(248, 246, 240, .75); }
.breadcrumbs { font-size: .85em; color: var(--wahat-sage); text-transform: none; }
.breadcrumbs a { color: var(--wahat-sage); }
.breadcrumbs a:hover { color: var(--wahat-forest); }

.widget h3, .widget .widget-title { font-family: var(--wahat-font-display); color: var(--wahat-forest); }
.widget a { color: var(--wahat-charcoal); }
.widget a:hover { color: var(--wahat-forest); }

/* filter chips feel */
.woocommerce-widget-layered-nav-list li a {
	display: inline-block;
	padding: 2px 12px;
	border: 1px solid var(--wahat-sand);
	border-radius: 99px;
	margin-bottom: 6px;
	background: #fff;
}
.woocommerce-widget-layered-nav-list li a:hover { border-color: var(--wahat-sage); background: var(--wahat-sage-100); }

/* shop intro + category chips */
.wahat-shop-intro {
	max-width: 640px;
	margin: .4em auto 1em;
	opacity: .75;
}
.wahat-cat-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: center;
	margin-bottom: .6em;
}
.wahat-chip {
	display: inline-block;
	padding: 6px 20px;
	border: 1px solid var(--wahat-sand);
	border-radius: 99px 99px 14px 14px;
	background: #fff;
	color: var(--wahat-forest);
	font-family: var(--wahat-font-display);
	font-weight: 700;
	font-size: .95em;
	transition: background .2s ease, color .2s ease, border-color .2s ease;
}
.wahat-chip:hover {
	background: var(--wahat-forest);
	border-color: var(--wahat-forest);
	color: var(--wahat-ivory);
}

/* ---------------------------------------------------------------- single product */

.product-info .product-title { font-size: 2em; color: var(--wahat-forest); }
.product-info .price { font-size: 1.4em; }
.woocommerce-tabs .nav-tabs > li > a { font-family: var(--wahat-font-display); font-weight: 700; }
/* دليل العناية tab content */
.wahat-care-guide { max-width: 760px; }
.wahat-care-guide h4 { color: var(--wahat-forest); margin: 1.3em 0 .35em; }
.wahat-care-guide h4:first-child { margin-top: 0; }
.wahat-care-guide ul { margin: .4em 0 0 0; padding-inline-start: 1.2em; }
.wahat-care-guide li { margin-bottom: .35em; }
table.woocommerce-product-attributes th { color: var(--wahat-forest); font-weight: 600; background: var(--wahat-sage-100); }
table.woocommerce-product-attributes td, table.woocommerce-product-attributes th { border-color: var(--wahat-sand); }

/* gallery image gets the arch */
.product-gallery .woocommerce-product-gallery__wrapper,
.product-gallery-slider { border-radius: 8px; overflow: hidden; border: 1px solid var(--wahat-sand); background: #fff; }

/* ---------------------------------------------------------------- footer */

.footer-widgets {
	/* brand frieze (pattern E) as a quiet border along the footer top */
	background: url(img/pattern-e-ivory.svg) repeat-x top center / 96px 70px var(--wahat-charcoal);
	padding-top: 88px;
	color: rgba(248, 246, 240, .75);
}
.footer-widgets h3, .footer-widgets .widget-title { color: var(--wahat-ivory); }
.footer-widgets a { color: rgba(248, 246, 240, .75); }
.footer-widgets a:hover { color: var(--wahat-sand); }
.absolute-footer { background-color: #1B1F1C; color: rgba(248, 246, 240, .5); }

/* ---------------------------------------------------------------- forms */

input[type="text"], input[type="email"], input[type="tel"], input[type="password"],
input[type="search"], input[type="number"], textarea, select, .select2-container .select2-selection {
	border-radius: 10px;
	border-color: var(--wahat-sand);
	background-color: #fff;
	color: var(--wahat-charcoal);
	box-shadow: none;
}
input:focus, textarea:focus, select:focus { border-color: var(--wahat-sage); box-shadow: 0 0 0 3px rgba(129, 152, 120, .18); }

/* visible focus for keyboard users */
a:focus-visible, .button:focus-visible, button:focus-visible {
	outline: 2px solid var(--wahat-sage);
	outline-offset: 2px;
}

/* ---------------------------------------------------------------- homepage */

.wahat-eyebrow {
	font-family: var(--wahat-font-display);
	font-weight: 700;
	color: var(--wahat-sage);
	font-size: 1.05em;
	margin-bottom: .4em;
}

/* Flatsome banners force white text — keep our palette on light artwork */
.banner .wahat-eyebrow { color: var(--wahat-terracotta) !important; }
.banner h1.wahat-hero-title, .banner h2.wahat-band-title { color: var(--wahat-forest) !important; }
.banner .wahat-hero-sub, .banner .wahat-band-sub { color: var(--wahat-charcoal) !important; }
.banner h2.wahat-cta-title { color: var(--wahat-ivory) !important; }
.wahat-hero-title {
	font-size: 3.2em;
	line-height: 1.15;
	color: var(--wahat-forest);
	margin-bottom: .35em;
}
.wahat-hero-sub {
	font-size: 1.15em;
	color: var(--wahat-charcoal);
	margin-bottom: 1.6em;
}
@media (max-width: 549px) {
	.wahat-hero-title { font-size: 2.2em; }
}

/* curated picks: dark forest band with faint arch-arcade pattern */
.wahat-picks {
	/* brand watermark: ONE extra-large leaf mark bleeding off the side */
	background:
		url(img/mark-watermark-ivory.svg) no-repeat left -260px top -220px / auto 175%,
		linear-gradient(180deg, #234D3C 0%, #1B3D2F 100%);
}
.wahat-picks .section-title span { color: var(--wahat-ivory); }
.wahat-picks .section-title b { background-color: rgba(248, 246, 240, .18); }
/* cards stay white on the dark band — default charcoal text remains readable */
.wahat-picks .product-small .box-image { border-color: transparent; }
.wahat-picks .product-small .box-text { background-color: #fff; }

/* shop-by-need: big photo cards, arch-topped (navigation surface) */
.wahat-needcards {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
	max-width: 1120px;
	margin: 0 auto;
}
.wahat-needcard {
	position: relative;
	display: block;
	height: 430px;
	/* single accent corner */
	border-radius: 50px 8px 8px 8px;
	overflow: hidden;
	isolation: isolate;
}
.wahat-needcard img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .5s ease;
}
.wahat-needcard:hover img { transform: scale(1.05); }
/* hover cinemagraph: video fades in over the photo while hovered */
.wahat-needcard-vid {
	position: absolute; inset: 0;
	width: 100%; height: 100%;
	object-fit: cover;
	opacity: 0;
	transition: opacity .5s ease;
	pointer-events: none;
	z-index: 1;
}
.wahat-needcard.is-playing .wahat-needcard-vid { opacity: 1; }
.wahat-needcard.is-playing img { transform: scale(1.05); }
.wahat-needcard-scrim, .wahat-needcard-text { z-index: 2; }
.wahat-needcard-scrim {
	position: absolute;
	inset: 0;
	background: linear-gradient(to top, rgba(21, 46, 35, .78) 0%, rgba(21, 46, 35, .25) 32%, rgba(21, 46, 35, 0) 55%);
}
.wahat-needcard-text {
	position: absolute;
	right: 0;
	left: 0;
	bottom: 26px;
	text-align: center;
	padding: 0 18px;
}
.wahat-needcard-title {
	display: block;
	font-family: var(--wahat-font-display);
	font-weight: 800;
	font-size: 1.5em;
	color: var(--wahat-ivory);
}
.wahat-needcard-sub {
	display: block;
	font-size: .88em;
	color: rgba(248, 246, 240, .8);
	margin-top: 2px;
}
@media (max-width: 849px) {
	.wahat-needcards { grid-template-columns: repeat(2, 1fr); gap: 14px; }
	.wahat-needcard { height: 320px; }
}

/* shop-by-need arch cards */
.wahat-needs {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 18px;
	max-width: 1080px;
	margin: 0 auto;
}
.wahat-need {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end;
	text-align: center;
	min-height: 170px;
	padding: 28px 12px 20px;
	background: var(--wahat-sage-100);
	border: 1px solid var(--wahat-sand);
	border-radius: 999px 999px 16px 16px;
	transition: background .25s ease, transform .25s ease, box-shadow .25s ease;
}
.wahat-need:hover {
	background: var(--wahat-forest);
	transform: translateY(-4px);
	box-shadow: var(--wahat-shadow);
}
.wahat-need-title {
	font-family: var(--wahat-font-display);
	font-weight: 800;
	font-size: 1.1em;
	color: var(--wahat-forest);
}
.wahat-need-sub {
	font-size: .78em;
	color: var(--wahat-charcoal);
	opacity: .65;
	margin-top: 2px;
}
.wahat-need:hover .wahat-need-title { color: var(--wahat-ivory); }
.wahat-need:hover .wahat-need-sub { color: var(--wahat-sand); opacity: .9; }
@media (max-width: 849px) {
	.wahat-needs { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 549px) {
	.wahat-needs { grid-template-columns: repeat(2, 1fr); gap: 12px; }
}

/* category cards: cutout plants popping out of arch frames */
.wahat-cats {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 46px 24px;
	max-width: 1120px;
	margin: 10px auto 0;
}
.wahat-cat {
	display: block;
	text-align: center;
	/* headroom so the pop-out plant never collides with the row above */
	padding-top: 70px;
}
.wahat-cat-arch {
	display: block;
	position: relative;
	height: 190px;
	border-radius: 999px 999px 18px 18px;
	background: linear-gradient(175deg, #EFF1EA 0%, #E4E0D1 100%);
	border: 1px solid var(--wahat-sand);
}
.wahat-cat-arch img {
	position: absolute;
	bottom: 10px;
	left: 50%;
	transform: translateX(-50%);
	height: 132%;
	max-width: none;
	width: auto;
	filter: drop-shadow(0 14px 18px rgba(36, 41, 37, .22));
	transition: transform .3s ease;
}
.wahat-cat:hover .wahat-cat-arch img {
	transform: translateX(-50%) translateY(-8px) scale(1.03);
}
/* squat object cutouts (pot, watering can) sit IN the arch at true-to-life
   scale — only plants overflow the frame */
.wahat-cat-arch img[src*="pot-terracotta"] { height: 112%; }
.wahat-cat-arch img[src*="watering-can"] { height: 102%; }
.wahat-cat-name {
	display: block;
	margin-top: 14px;
	font-family: var(--wahat-font-display);
	font-weight: 800;
	font-size: 1.1em;
	color: var(--wahat-charcoal);
	transition: color .2s ease;
}
.wahat-cat:hover .wahat-cat-name { color: var(--wahat-forest); }
@media (max-width: 849px) {
	.wahat-cats { grid-template-columns: repeat(2, 1fr); gap: 42px 16px; }
	.wahat-cat-arch { height: 150px; }
	.wahat-cat-arch img { height: 125%; }
}

/* lifestyle + final CTA bands */
.wahat-band-title { color: var(--wahat-forest); font-size: 2.3em; }
.wahat-band-sub { color: var(--wahat-charcoal); opacity: .8; font-size: 1.1em; margin-bottom: 1.4em; }

/* soft ivory panel so band text stays readable over photography */
.wahat-band-panel {
	display: inline-block;
	background: rgba(248, 246, 240, .88);
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
	border-radius: 22px;
	padding: 28px 40px 6px;
	box-shadow: 0 18px 44px -18px rgba(36, 41, 37, .35);
}
.wahat-feature-title { color: var(--wahat-forest); font-size: 2em; }
.wahat-cta-title { color: var(--wahat-ivory); font-size: 2.2em; margin-bottom: .9em; }

/* trust row */
.wahat-trust {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 28px;
	max-width: 1080px;
	margin: 0 auto;
	text-align: center;
}
.wahat-trust-item svg {
	width: 44px;
	height: 44px;
	color: var(--wahat-terracotta);
	margin-bottom: 12px;
}
.wahat-trust-item h4 { margin-bottom: .2em; color: var(--wahat-forest); }
.wahat-trust-item p { font-size: .88em; opacity: .7; margin: 0; }
@media (max-width: 849px) {
	.wahat-trust { grid-template-columns: repeat(2, 1fr); }
}

/* ---------------------------------------------------------------- motion discipline */

@media (prefers-reduced-motion: reduce) {
	.product-small.box:hover .box-image { transform: none; }
	* { transition-duration: .01ms !important; animation-duration: .01ms !important; }
}

/* ------------------------------------------- hero: layered depth-stage parallax */
.wahat-hero {
	position: relative;
	height: 640px;
	overflow: hidden;
	background-color: var(--wahat-sand);
}
.wahat-hero-layer { position: absolute; will-change: transform; }
.wahat-hero-bg { inset: -9% -4%; z-index: 1; }
.wahat-hero-bg img { width: 100%; height: 100%; object-fit: cover; object-position: center 32%; }
.wahat-hero-fg { z-index: 3; }
.wahat-hero-fg img { height: 100%; width: auto; filter: drop-shadow(0 26px 32px rgba(36, 41, 37, .26)); }
.wahat-hero-fg-left { left: .5%; bottom: -56px; height: 440px; }
.wahat-hero-content {
	z-index: 5;
	top: 0; bottom: 0; right: 9%;
	width: min(490px, 38%);
	display: flex; flex-direction: column; justify-content: center;
	text-align: right;
}
.wahat-hero-inner { position: relative; }
.wahat-hero-inner::before {
	content: "";
	position: absolute; inset: -18% -16%;
	background: radial-gradient(closest-side, rgba(248, 246, 240, .82), rgba(248, 246, 240, 0) 78%);
	z-index: -1;
	pointer-events: none;
}
.wahat-hero-cta { display: flex; gap: 12px; flex-wrap: wrap; }
.wahat-hero-btn { border-radius: 99px; margin: 0; }
.wahat-hero .wahat-eyebrow { color: var(--wahat-forest); opacity: .85; }

/* intro: the scene wakes up, back-to-front. Animations live on inner
   images/wrappers only — JS owns the [data-speed] layer transforms, and
   the sun head + hangpot img are JS-driven so their WRAPPERS animate. */
@media (prefers-reduced-motion: no-preference) {
	.wahat-hero-bg img { animation: wahat-settle 1.2s cubic-bezier(.22, .9, .3, 1) both; }
	.wahat-hero-fg-left .wahat-sun-rig { animation: wahat-rise .95s cubic-bezier(.34, 1.3, .5, 1) .45s both; }
	.wahat-hangpot-wrap { animation: wahat-drop .55s cubic-bezier(.3, .9, .4, 1) .5s both; }
	.wahat-hero-inner > * { animation: wahat-rise .8s cubic-bezier(.22, .9, .3, 1) .55s both; }
	.wahat-hero-inner > :nth-child(2) { animation-delay: .67s; }
	.wahat-hero-inner > :nth-child(3) { animation-delay: .79s; }
	.wahat-hero-inner > :nth-child(4) { animation-delay: .91s; }
	.wahat-hero-inner .wahat-weekly { animation: wahat-rise .7s cubic-bezier(.22, .9, .3, 1) 1.02s both; }
	/* the ivory glow fades in with the text instead of floating alone */
	.wahat-hero-inner::before { animation: wahat-fade .7s ease .45s both; }
}
@keyframes wahat-rise {
	from { opacity: 0; transform: translateY(26px); }
	to { opacity: 1; transform: none; }
}
/* backplate stays fully visible (LCP) — it only eases out of a slight zoom */
@keyframes wahat-settle {
	from { transform: scale(1.045); }
	to { transform: none; }
}
@keyframes wahat-drop {
	from { opacity: 0; transform: translateY(-48px); }
	to { opacity: 1; transform: none; }
}
@keyframes wahat-fade {
	from { opacity: 0; }
	to { opacity: 1; }
}

@media (max-width: 849px) {
	.wahat-hero { height: 700px; }
	.wahat-hero-content {
		left: 6%; right: 6%; width: auto;
		justify-content: flex-start; padding-top: 56px;
		text-align: center; align-items: center;
	}
	.wahat-hero-cta { justify-content: center; }
	.wahat-hero-bg img { object-position: 30% 32%; }
	/* stronger text backing — the headline sits over the bright window */
	.wahat-hero-inner::before {
		inset: -12% -8%;
		background: radial-gradient(closest-side, rgba(248, 246, 240, .94), rgba(248, 246, 240, 0) 86%);
	}
	.wahat-hero-fg-left { left: -14px; bottom: -44px; height: 330px; }
}

/* ------------------------------------------- inspiration page: video hero + gallery */
.wahat-vhero {
	position: relative;
	height: 68vh; min-height: 420px; max-height: 720px;
	overflow: hidden;
	background: url('/wp-content/uploads/2026/08/ilham-video-poster.jpg') center / cover no-repeat;
}
.wahat-vhero video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
@media (prefers-reduced-motion: reduce) { .wahat-vhero video { display: none; } }
.wahat-vhero-scrim {
	position: absolute; inset: 0;
	background: linear-gradient(180deg, rgba(21, 46, 35, .16) 0%, rgba(21, 46, 35, 0) 38%, rgba(21, 46, 35, .58) 100%);
}
.wahat-vhero-text { position: absolute; left: 0; right: 0; bottom: 44px; text-align: center; }
.wahat-vhero-text h1 {
	font-family: var(--wahat-font-display);
	color: var(--wahat-ivory);
	font-size: 3.6em; margin: 0 0 .1em;
}
.wahat-vhero-text p { color: var(--wahat-ivory); opacity: .88; font-size: 1.15em; margin: 0; }
@media (max-width: 549px) { .wahat-vhero-text h1 { font-size: 2.4em; } }

.wahat-ilham-intro { text-align: center; max-width: 640px; margin: 0 auto 36px; color: var(--wahat-charcoal); opacity: .8; }

/* masonry via CSS columns — mixed portrait/landscape */
.wahat-gallery { columns: 3 300px; column-gap: 20px; }
.wahat-gitem {
	position: relative;
	break-inside: avoid;
	margin: 0 0 20px;
	border-radius: 8px;
	overflow: hidden;
	isolation: isolate;
}
.wahat-gitem img { width: 100%; height: auto; display: block; transition: transform .6s ease; }
.wahat-gitem:hover img { transform: scale(1.045); }
.wahat-gscrim {
	position: absolute; inset: 0;
	background: linear-gradient(180deg, rgba(21, 46, 35, 0) 55%, rgba(21, 46, 35, .62) 100%);
	pointer-events: none;
}
.wahat-gcap {
	position: absolute; left: 14px; right: 14px; bottom: 12px;
	display: flex; align-items: center; justify-content: space-between; gap: 10px;
	margin: 0;
}
.wahat-gtitle { color: var(--wahat-ivory); font-family: var(--wahat-font-display); font-weight: 700; font-size: 1.08em; }
.wahat-gchip {
	background: rgba(248, 246, 240, .92);
	color: var(--wahat-forest);
	border-radius: 99px;
	padding: 4px 14px;
	font-size: .78em; font-weight: 700;
	white-space: nowrap;
	transition: background .2s;
}
.wahat-gchip:hover { background: var(--wahat-ivory); color: var(--wahat-forest-700, #152E23); }
@media (prefers-reduced-motion: reduce) { .wahat-gitem img { transition: none; } .wahat-gitem:hover img { transform: none; } }

/* scroll-scrub wrapper: no pinning — the hero's own scroll-out drives playback */
.wahat-vhero-scrub { position: relative; }
.wahat-vhero-hint {
	position: absolute; left: 50%; bottom: 14px;
	width: 34px; height: 34px; margin-left: -17px;
	color: var(--wahat-ivory); opacity: .85;
	animation: wahat-hint 1.8s ease-in-out infinite;
	transition: opacity .5s;
	pointer-events: none;
}
.wahat-vhero-scrub.is-scrubbed .wahat-vhero-hint { opacity: 0; }
@keyframes wahat-hint {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(8px); }
}
@media (prefers-reduced-motion: reduce) { .wahat-vhero-hint { display: none; } }

/* ------------------------------------------- homepage v2 polish */
/* hero secondary CTA as text link */
.wahat-hero-link {
	display: inline-flex; align-items: center; gap: 6px;
	font-family: var(--wahat-font-display); font-weight: 700;
	color: var(--wahat-forest);
	margin-inline-start: 18px;
	border-bottom: 2px solid rgba(35, 77, 60, .25);
	transition: border-color .2s;
}
.wahat-hero-link:hover { color: var(--wahat-forest); border-color: var(--wahat-forest); }
.wahat-hero-link .wahat-arr { transition: transform .25s; display: inline-block; }
.wahat-hero-link:hover .wahat-arr { transform: translateX(-4px); }

/* tinted arch stages per category */
.wahat-cat:nth-child(4n+1) .wahat-cat-arch { background: linear-gradient(180deg, #EEF1EA 0%, #DDE5D6 100%); }
.wahat-cat:nth-child(4n+2) .wahat-cat-arch { background: linear-gradient(180deg, #F5EFE6 0%, #E9E1D2 100%); }
.wahat-cat:nth-child(4n+3) .wahat-cat-arch { background: linear-gradient(180deg, #F6EAE2 0%, #EBD8CB 100%); }
.wahat-cat:nth-child(4n)   .wahat-cat-arch { background: linear-gradient(180deg, #E9EFEC 0%, #D7E3DD 100%); }

/* sale badge as compact pill */
.badge.callout { width: auto !important; height: auto !important; }
.badge.callout .badge-inner {
	padding: 4px 12px !important;
	font-size: .72em;
	line-height: 1.6 !important;
	min-width: 0;
}

/* hide per-card tax suffix (kept on single product) */
.product-small .woocommerce-price-suffix { display: none; }

/* picks: reason chips per card */
/* picks reason chips live in the card's text area (the image corners
   belong to the wishlist heart and the sale badge) */
.wahat-picks .col:nth-of-type(1) .box-text::before { content: "الأكثر مبيعًا"; }
.wahat-picks .col:nth-of-type(2) .box-text::before { content: "قليلة الإضاءة"; }
.wahat-picks .col:nth-of-type(3) .box-text::before { content: "قليلة الري"; }
.wahat-picks .col:nth-of-type(4) .box-text::before { content: "قيمة رائعة"; }
.wahat-picks .col .box-text::before {
	display: inline-block;
	background: var(--wahat-sand); color: var(--wahat-forest);
	font-family: var(--wahat-font-display); font-weight: 700; font-size: .72em;
	padding: 3px 12px; border-radius: 99px;
	margin-bottom: 6px;
}

/* trust icons: bigger, on sand circles */
.wahat-trust-item svg {
	width: 74px !important; height: 74px !important;
	padding: 19px;
	background: var(--wahat-sand);
	border-radius: 50%;
	color: var(--wahat-forest);
}

/* lifestyle band text directly on the bright photo */
.banner .wahat-band-sub { max-width: 34em; }

/* store notice = short promo strip in forest-700 */
.woocommerce-store-notice, p.demo_store {
	background-color: var(--wahat-forest-700, #152E23) !important;
	color: var(--wahat-ivory) !important;
	font-size: .85em;
}

/* scroll reveals (elements get .wahat-reveal from wahat-reveal.js) */
.wahat-reveal { opacity: 0; transform: translateY(22px); transition: opacity .7s ease, transform .7s cubic-bezier(.22, .9, .3, 1); }
.wahat-reveal.is-in { opacity: 1; transform: none; }
.wahat-cat.wahat-reveal:nth-child(2), .wahat-needcard.wahat-reveal:nth-child(2) { transition-delay: .07s; }
.wahat-cat.wahat-reveal:nth-child(3), .wahat-needcard.wahat-reveal:nth-child(3) { transition-delay: .14s; }
.wahat-cat.wahat-reveal:nth-child(4), .wahat-needcard.wahat-reveal:nth-child(4) { transition-delay: .21s; }
.wahat-cat.wahat-reveal:nth-child(5), .wahat-needcard.wahat-reveal:nth-child(5) { transition-delay: .07s; }
.wahat-cat.wahat-reveal:nth-child(6), .wahat-needcard.wahat-reveal:nth-child(6) { transition-delay: .14s; }
.wahat-cat.wahat-reveal:nth-child(7) { transition-delay: .21s; }
.wahat-cat.wahat-reveal:nth-child(8) { transition-delay: .28s; }


/* ------------------------------------------- single product */
.wahat-care-row { display: flex; flex-wrap: wrap; gap: 10px; margin: 16px 0 8px; }
.wahat-care-chip {
	display: flex; align-items: center; gap: 9px;
	background: var(--wahat-ivory);
	border: 1px solid var(--wahat-sand);
	border-radius: 99px;
	padding: 7px 15px;
}
.wahat-care-chip svg { width: 19px; height: 19px; color: var(--wahat-forest); flex: none; }
.wahat-care-txt { display: flex; flex-direction: column; line-height: 1.25; }
.wahat-care-k { font-size: .68em; color: var(--wahat-charcoal); opacity: .55; }
.wahat-care-v { font-family: var(--wahat-font-display); font-weight: 700; font-size: .85em; color: var(--wahat-forest); }

/* palette cleanup: no stray reds on product/social elements */
.product-info .social-icons a, .product-page .social-icons a { color: var(--wahat-forest) !important; }
.yith-wcwl-add-to-wishlist a, .wishlist-button { color: var(--wahat-forest) !important; }
/* wishlist heart: no dark tooltip popup; the circle fills forest on hover */
.product-small .wishlist-popup { display: none !important; }
.product-small .wishlist-button {
	background: #fff;
	border: 1.5px solid var(--wahat-sand);
	transition: background .2s, color .2s, border-color .2s, transform .2s;
}
.product-small .wishlist-button:hover {
	background: var(--wahat-forest);
	border-color: var(--wahat-forest);
	color: var(--wahat-ivory) !important;
	transform: scale(1.08);
}
.product-info ins .amount { color: var(--wahat-terracotta); }

/* sticky add-to-cart bar stays on palette */
.sticky-add-to-cart--active { border-top: 1px solid var(--wahat-sand); }

/* shop sidebar: hide layered-nav counts (RTL misalignment + noise) */
.widget_layered_nav .count { display: none; }

/* share icons + category-widget counts: stay on palette, drop noise */
.social-icons a.icon, .social-icons a.icon.button { color: var(--wahat-forest) !important; border-color: rgba(35, 77, 60, .35) !important; }
.widget_product_categories .count { display: none; }
.a2a_svg, a.a2a_button_print .a2a_svg, a.a2a_button_email .a2a_svg { background-color: var(--wahat-forest) !important; border-radius: 50% !important; }
.a2a_svg path, .a2a_svg g { fill: #F8F6F0 !important; }

/* ------------------------------------------- living hours + hero life */
/* period tint unifies cutouts with the room light (below text, above layers) */
.wahat-hero::after {
	content: ""; position: absolute; inset: 0; z-index: 4;
	pointer-events: none; opacity: 0; transition: opacity 1.2s ease;
}
.wahat-hero[data-period="morning"]::after { background: linear-gradient(180deg, rgba(255, 214, 178, .12), rgba(255, 255, 255, 0)); mix-blend-mode: soft-light; opacity: 1; }
.wahat-hero[data-period="sunset"]::after { background: linear-gradient(180deg, rgba(255, 164, 66, .12), rgba(169, 95, 67, .16)); mix-blend-mode: multiply; opacity: 1; }
.wahat-hero[data-period="night"]::after { background: linear-gradient(180deg, rgba(22, 31, 54, .26), rgba(21, 46, 35, .28)); mix-blend-mode: multiply; opacity: 1; }

/* night: text flips to ivory, glow becomes a soft dark halo */
.wahat-hero[data-period="night"] .wahat-hero-title, .wahat-hero[data-period="sunset"] .wahat-hero-title { color: var(--wahat-ivory); text-shadow: 0 1px 14px rgba(21, 46, 35, .35); }
.wahat-hero[data-period="night"] .wahat-hero-sub, .wahat-hero[data-period="sunset"] .wahat-hero-sub { color: var(--wahat-sand); }
.wahat-hero[data-period="night"] .wahat-eyebrow, .wahat-hero[data-period="sunset"] .wahat-eyebrow { color: var(--wahat-sand) !important; }
.wahat-hero[data-period="night"] .wahat-hero-link, .wahat-hero[data-period="sunset"] .wahat-hero-link { color: var(--wahat-ivory); border-color: rgba(248, 246, 240, .4); }
.wahat-hero[data-period="night"] .wahat-hero-inner::before, .wahat-hero[data-period="sunset"] .wahat-hero-inner::before { background: radial-gradient(closest-side, rgba(21, 46, 35, .55), rgba(21, 46, 35, 0) 76%); }

/* نبتة الأسبوع — weekly rotating chip (lives under the hero CTA) */
.wahat-hero-inner .wahat-weekly { display: inline-flex; margin-top: 38px; }
.wahat-weekly {
	display: flex; align-items: center; gap: 12px;
	background: rgba(248, 246, 240, .92);
	backdrop-filter: blur(6px);
	border-radius: 99px;
	padding: 8px 20px 8px 10px;
	box-shadow: 0 10px 28px rgba(36, 41, 37, .16);
	transition: transform .25s, box-shadow .25s;
}
.wahat-weekly:hover { transform: translateY(-3px); box-shadow: 0 16px 34px rgba(36, 41, 37, .22); }
.wahat-weekly-img { width: 54px; height: 54px; border-radius: 50%; overflow: hidden; background: #fff; flex: none; display: flex; align-items: center; justify-content: center; }
.wahat-weekly-img img { width: 100%; height: 100%; object-fit: contain; }
.wahat-weekly-txt { display: flex; flex-direction: column; line-height: 1.35; }
.wahat-weekly-k { font-size: .68em; color: var(--wahat-terracotta); font-weight: 700; }
.wahat-weekly-n { font-family: var(--wahat-font-display); font-weight: 700; font-size: .95em; color: var(--wahat-forest); }
.wahat-weekly-p { font-size: .8em; color: var(--wahat-charcoal); }
.wahat-weekly-p del { opacity: .5; margin-inline-start: 6px; }
.wahat-weekly-arr { color: var(--wahat-forest); font-weight: 700; margin-inline-start: 4px; }
@media (max-width: 849px) { .wahat-hero .wahat-weekly { display: none; } }

/* ------------------------------------------- مو متأكد وش تختار؟ — plant finder card (Figma 71:10761) */
.wahat-finder2 {
	position: relative; overflow: hidden;
	background: #003D2E;
	border-radius: 24px 120px 24px 120px;
	padding: 64px 72px;
	max-width: 1275px; margin: 64px auto 0;
	display: grid; grid-template-columns: 1fr 1.2fr; gap: 48px;
	color: #fff;
}
.wahat-finder2::after {
	content: "";
	position: absolute; right: -20px; bottom: -30px;
	width: 555px; height: 279px;
	background: url(img/finder-leaves.webp) no-repeat center / contain;
	opacity: .55;
	pointer-events: none;
}
.wahat-finder2-title { font-family: var(--wahat-font-display); font-weight: 800; font-size: 2em; color: #fff; margin: 0 0 18px; }
.wahat-finder2-sub { color: #E0E0E0; font-size: 1.08em; line-height: 1.8; margin: 0; max-width: 30em; }
.wahat-finder2-form { position: relative; z-index: 1; display: flex; flex-direction: column; gap: 26px; align-items: flex-start; }
.wahat-finder2-lead { font-family: var(--wahat-font-display); font-weight: 700; font-size: 1.35em; color: #fff; margin: 0; }
.wahat-finder2-q { display: flex; flex-direction: column; gap: 12px; width: 100%; max-width: 517px; }
.wahat-finder2-label { color: #fff; font-size: .95em; }
.wahat-finder2-opts { display: flex; gap: 16px; flex-wrap: wrap; }
.wahat-fopt {
	display: inline-flex; align-items: center; gap: 8px;
	background: none; border: 0; padding: 0; margin: 0;
	color: #E0E0E0; font-size: .95em; cursor: pointer;
	font-family: inherit;
	transition: color .2s;
	flex: 1 0 auto; justify-content: flex-start;
}
.wahat-fopt::before {
	content: ""; width: 20px; height: 20px; flex: none;
	background: url(img/radio-off.svg) no-repeat center / contain;
}
.wahat-fopt:hover { color: #fff; }
.wahat-fopt.is-on { color: #fff; }
.wahat-fopt.is-on::before { background-image: url(img/radio-on.svg); }
.wahat-finder2-go {
	display: inline-flex; align-items: center; gap: 10px;
	background: #fff; color: #003D2E;
	padding: 15px 32px;
	border-radius: 0 16px 0 16px;
	font-size: 1.1em; font-weight: 700;
	margin-top: 6px;
	transition: transform .2s, box-shadow .2s;
}
.wahat-finder2-go:hover { color: #003D2E; transform: translateY(-2px); box-shadow: 0 10px 24px rgba(0, 0, 0, .25); }
.wahat-finder2-arr { width: 24px; height: 14px; transform: scaleX(-1); }
@media (max-width: 849px) {
	.wahat-finder2 { grid-template-columns: 1fr; padding: 40px 28px; border-radius: 20px 64px 20px 64px; gap: 30px; }
	/* options in a steady 2-column grid — no ragged wrapping */
	.wahat-finder2-opts { display: grid; grid-template-columns: 1fr 1fr; gap: 14px 12px; }
	.wahat-fopt { justify-content: flex-start; }
}

/* ------------------------------------------- من وحي الإلهام strip */
.wahat-inspo { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.wahat-inspo-card {
	position: relative; display: block;
	border-radius: 8px; overflow: hidden;
	height: 260px;
	isolation: isolate;
}
.wahat-inspo-card img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .6s ease; }
.wahat-inspo-card:hover img { transform: scale(1.05); }
.wahat-inspo-cap {
	position: absolute; right: 14px; bottom: 12px; z-index: 2;
	color: var(--wahat-ivory);
	font-family: var(--wahat-font-display); font-weight: 700; font-size: 1.05em;
}
.wahat-inspo-more {
	background: linear-gradient(180deg, var(--wahat-forest) 0%, var(--wahat-forest-600, #1B3D2F) 100%);
	border-radius: var(--wahat-arch, 999px 999px 18px 18px);
	display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px;
	color: var(--wahat-ivory);
	text-align: center;
	transition: transform .25s;
}
.wahat-inspo-more:hover { transform: translateY(-4px); }
.wahat-inspo-more-txt { font-family: var(--wahat-font-display); font-weight: 700; font-size: 1.25em; line-height: 1.4; color: var(--wahat-ivory); }
.wahat-inspo-arr { font-size: 1.4em; transition: transform .25s; }
.wahat-inspo-more:hover .wahat-inspo-arr { transform: translateX(-6px); }
@media (max-width: 849px) {
	.wahat-inspo { grid-template-columns: repeat(2, 1fr); }
	.wahat-inspo-card { height: 210px; }
}
.wahat-weekly-p .woocommerce-price-suffix { display: none; }
/* [section] raw HTML is not containered — constrain the strip ourselves */
.wahat-inspo { max-width: 1280px; margin-inline: auto; padding: 0 15px; }

/* header: menu links centered between the logo and the action icons */
.header-main .header-nav-main.nav-left { justify-content: center; }

/* header search: plain glyph like the neighboring icons — Flatsome ships
   it as a circled button (border chrome + smaller inline glyph size) */
.header-main .header-search .icon.button.circle {
	border: 0; background: none; box-shadow: none;
	margin: 0; padding: 0; min-width: 0;
}
.header-main .header-search .icon.button.circle:hover,
.header-main .header-search .icon.button.circle:focus {
	background: none; color: var(--wahat-sand);
}
.header-main .header-search .icon-search { font-size: 20px !important; }

/* ------------------------------------------- عباد الشمس — sun-follower rig */
.wahat-sun-rig { position: relative; height: 100%; }
.wahat-sun-rig .wahat-sun-body { height: 100%; width: auto; display: block; }
.wahat-sun-rig .wahat-sun-head {
	position: absolute; top: 0; left: 12.28%;
	width: 77.1%; height: auto;
	transform-origin: 49.1% 96.5%; /* right under the flower base (flipped) */
	will-change: transform;
	z-index: 2;
}

/* ------------------------------------------- inner pages (about / contact / blog) */
.banner h1.wahat-page-title { color: var(--wahat-ivory) !important; font-size: 3em; text-shadow: 0 2px 18px rgba(21, 46, 35, .45); }
.banner .wahat-band-ondark { color: var(--wahat-sand) !important; font-size: 1.1em; }
.wahat-about-note { color: var(--wahat-sage); }

/* values band sits on the dark picks background */
.wahat-about-values .wahat-trust-item h4 { color: var(--wahat-ivory); }
.wahat-about-values .wahat-trust-item p { color: var(--wahat-sand); opacity: .85; }

/* contact cards */
.wahat-contact { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; max-width: 1280px; margin-inline: auto; padding: 0 15px; }
.wahat-contact-card {
	display: flex; flex-direction: column; align-items: center; text-align: center; gap: 8px;
	background: var(--wahat-ivory);
	border: 1px solid var(--wahat-sand);
	border-radius: 99px 99px 18px 18px;
	padding: 34px 22px 26px;
	transition: transform .25s, box-shadow .25s;
}
a.wahat-contact-card:hover { transform: translateY(-4px); box-shadow: 0 14px 30px rgba(36, 41, 37, .12); }
.wahat-contact-card svg { width: 64px; height: 64px; padding: 16px; background: #fff; border: 1.5px solid var(--wahat-sand); border-radius: 50%; color: var(--wahat-forest); }
.wahat-contact-t { font-family: var(--wahat-font-display); font-weight: 700; font-size: 1.15em; color: var(--wahat-forest); margin-top: 6px; }
.wahat-contact-s { font-size: .88em; color: var(--wahat-charcoal); opacity: .8; line-height: 1.7; }
@media (max-width: 849px) { .wahat-contact { grid-template-columns: repeat(2, 1fr); } }

/* blog cards + single post */
.blog-archive .box-blog-post .box-text, .post-item .box-text { text-align: right; }
.post-item .box-image, .blog-archive .box-image { border-radius: 8px; overflow: hidden; }
.post-item .post-title, .blog-archive .post-title { font-family: var(--wahat-font-display); color: var(--wahat-forest); }
.single-post .entry-header h1, .single-post .entry-title { color: var(--wahat-forest); }
.single-post .entry-content h2 { color: var(--wahat-forest); margin-top: 1.4em; }
.single-post .entry-content h3 { color: var(--wahat-forest-600, #1B3D2F); }
.single-post .entry-content { max-width: 760px; margin-inline: auto; }
.single-post .entry-image img, .single-post .entry-content img { border-radius: 8px; }

/* ------------------------------------------- hanging pendulum pot */
.wahat-hangpot-wrap {
	position: absolute; top: 0; left: 26%;
	height: 400px; z-index: 3;
	pointer-events: none;
}
.wahat-hangpot {
	height: 100%; width: auto; display: block;
	transform-origin: 50.8% 0; /* the rope's ceiling hook */
	will-change: transform;
	filter: drop-shadow(0 18px 24px rgba(36, 41, 37, .2));
}
/* Living Hours grade — the cutout takes the room's light per period
   (filter overrides wholesale, so each rule restates the drop-shadow) */
.wahat-hero[data-period="morning"] .wahat-hangpot {
	filter: drop-shadow(0 18px 24px rgba(36, 41, 37, .18)) sepia(.12) saturate(1.06) brightness(1.03);
}
.wahat-hero[data-period="sunset"] .wahat-hangpot {
	filter: drop-shadow(0 18px 24px rgba(60, 30, 10, .3)) sepia(.32) saturate(1.02) hue-rotate(-10deg) brightness(.78) contrast(1.05);
}
.wahat-hero[data-period="night"] .wahat-hangpot {
	filter: drop-shadow(0 14px 22px rgba(0, 0, 0, .4)) brightness(.52) saturate(.6) hue-rotate(15deg) contrast(.96);
}
@media (max-width: 849px) {
	/* the pot's ropes ran behind the headline — the scene keeps the
	   sunflower + sill pots on mobile, the text keeps clean wall */
	.wahat-hangpot-wrap { display: none; }
}

/* ------------------------------------------- header search lightbox */
/* Frost the page behind the search overlay so the query and live
   results stay legible over any part of the screen. Scoped via :has()
   to the search popup only — gallery/quick-view lightboxes keep the
   default dim. No :has() or no backdrop-filter → default dim. */
.mfp-bg:has(~ .mfp-wrap .searchform-wrapper) {
	background: var(--wahat-forest-700, #12291f);
	opacity: .96;
}
@supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px)) {
	.mfp-bg:has(~ .mfp-wrap .searchform-wrapper) {
		background: rgba(21, 46, 35, .58);
		-webkit-backdrop-filter: blur(16px) saturate(.8);
		backdrop-filter: blur(16px) saturate(.8);
		opacity: 1;
	}
}