/*
 * SHAHAZ.COM — Footer Destination Shell Contract
 * ZIP 151
 *
 * Every direct footer destination uses the same compact destination header
 * and the current custom footer. Both are edge-to-edge and resilient against
 * Astra/WooCommerce wrapper gutters. No black Android tap/focus painting is
 * allowed on customer-facing chrome.
 */
.shahaz-footer-destination-header{
	width:100vw!important;
	max-width:none!important;
	margin-left:calc(50% - 50vw)!important;
	margin-right:calc(50% - 50vw)!important;
	position:relative;
	z-index:1600;
	overflow:visible;
}
.shahaz-footer-destination-topbar{
	width:100%;
	display:grid;
	grid-template-columns:auto minmax(0,1fr) auto auto;
	align-items:center;
	gap:7px;
	padding:8px 10px;
	box-sizing:border-box;
	background:linear-gradient(135deg,#e0007a 0%,#f20b59 52%,#ff0058 100%);
	box-shadow:0 7px 18px rgba(194,24,91,.20);
}
.shahaz-footer-destination-btn{
	width:42px;
	height:42px;
	min-width:42px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	box-sizing:border-box;
	border:1px solid rgba(255,255,255,.48);
	border-radius:13px;
	background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(255,255,255,.07));
	color:#fff!important;
	text-decoration:none!important;
	box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 4px 10px rgba(122,0,62,.18);
	-webkit-tap-highlight-color:transparent;
}
.shahaz-footer-destination-btn svg{width:23px;height:23px;display:block}
.shahaz-footer-destination-btn:hover{transform:translateY(-1px);background:linear-gradient(145deg,rgba(255,255,255,.24),rgba(255,255,255,.10))}
.shahaz-footer-destination-btn:focus-visible{outline:2px solid #ffe37a;outline-offset:2px}
.shahaz-footer-destination-btn:active{background:inherit!important;color:#fff!important;transform:none}
.shahaz-footer-destination-search{
	position:relative;
	min-width:0;
	width:100%;
	height:42px;
	display:flex;
	align-items:center;
	box-sizing:border-box;
	margin:0;
	padding:3px 4px 3px 40px;
	border:1px solid rgba(255,255,255,.82);
	border-radius:13px;
	background:#fff;
	box-shadow:inset 0 1px 2px rgba(90,20,60,.05),0 4px 12px rgba(91,0,54,.12);
}
.shahaz-footer-destination-search-spark{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:19px;line-height:1;color:#e0007a;pointer-events:none}
.shahaz-footer-destination-search input[type=search]{
	min-width:0!important;flex:1 1 auto!important;width:100%!important;height:34px!important;margin:0!important;padding:0 5px!important;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;color:#3b2330!important;font-size:12px!important;line-height:1.2!important;appearance:none!important;-webkit-appearance:none!important;
}
.shahaz-footer-destination-search button[type=submit]{
	flex:0 0 42px;width:42px;height:34px;margin:0!important;padding:0!important;border:0!important;border-radius:9px;background:#f9007f!important;color:#fff!important;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 3px 8px rgba(154,0,89,.22)!important;-webkit-tap-highlight-color:transparent;
}
.shahaz-footer-destination-search button[type=submit] svg{width:20px;height:20px;display:block}
.shahaz-footer-destination-search button[type=submit]:active{background:#f9007f!important;color:#fff!important}

/* Current custom footer: force true viewport edge-to-edge on these routes. */
body.shahaz-footer-destination-page #shahaz-footer,
body.shahaz-footer-destination-page .shahaz-footer,
body.shahaz-footer-destination-page footer.shahaz-footer{
	width:100vw!important;
	max-width:none!important;
	margin-left:calc(50% - 50vw)!important;
	margin-right:calc(50% - 50vw)!important;
}
body.shahaz-footer-destination-page #shahaz-footer a:active,
body.shahaz-footer-destination-page .shahaz-footer a:active,
body.shahaz-footer-destination-page #shahaz-footer button:active,
body.shahaz-footer-destination-page .shahaz-footer button:active{
	-webkit-tap-highlight-color:transparent;
	background-color:inherit;
}


/* ZIP 159 cleanup — duplicate body Back/brand markup is removed from source templates; no CSS hiding is used. */

/* ZIP 156 — Real product-search suggestion surface. */
.shahaz-footer-destination-search{z-index:1700}
.shahaz-footer-destination-search-suggestions{position:absolute;left:0;right:0;top:calc(100% + 7px);padding:7px;display:grid;gap:6px;border:1px solid rgba(224,0,122,.25);border-radius:14px;background:#fff;box-shadow:0 16px 36px rgba(76,0,46,.20);max-height:330px;overflow:auto}
.shahaz-footer-destination-search-suggestions[hidden]{display:none!important}
.shahaz-destination-search-suggestion{width:100%;display:flex;align-items:center;gap:9px;padding:9px 10px;border:1px solid rgba(224,0,122,.16);border-radius:11px;background:linear-gradient(145deg,#fff,#fff6fb);color:#3b2330;text-align:left;cursor:pointer;text-decoration:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 3px 7px rgba(122,0,62,.10);transition:transform .16s ease,box-shadow .16s ease}
.shahaz-destination-search-suggestion:hover{transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 6px 12px rgba(122,0,62,.14)}
.shahaz-destination-search-suggestion b{font-size:12px;line-height:1.35}.shahaz-destination-search-suggestion small{display:block;margin-top:2px;font-size:10px;opacity:.72}.shahaz-destination-search-suggestion img{width:34px;height:34px;object-fit:cover;border-radius:9px;flex:0 0 34px;background:#fff}
.shahaz-footer-destination-search button[type=submit]:disabled{opacity:.45;cursor:not-allowed;box-shadow:none!important}
.shahaz-footer-destination-search-popup{position:fixed;left:50%;top:92px;transform:translateX(-50%);z-index:1900;max-width:min(430px,calc(100vw - 24px));padding:13px 16px;border:1px solid rgba(255,255,255,.82);border-radius:14px;background:linear-gradient(145deg,#fff7fb,#fff);color:#3b2330;box-shadow:0 18px 42px rgba(76,0,46,.25);font-size:12px;font-weight:700;text-align:center}
.shahaz-footer-destination-search-popup[hidden]{display:none!important}.shahaz-footer-destination-search-popup.is-error{border-color:rgba(249,0,127,.35)}

@media(max-width:520px){
	.shahaz-footer-destination-topbar{grid-template-columns:auto minmax(0,1fr) auto auto;gap:6px;padding:7px 8px}
	.shahaz-footer-destination-btn{width:40px;height:40px;min-width:40px;border-radius:12px}
	.shahaz-footer-destination-btn svg{width:21px;height:21px}
	.shahaz-footer-destination-search{height:40px;padding-left:38px;border-radius:12px}
	.shahaz-footer-destination-search-spark{left:11px;font-size:18px}
	.shahaz-footer-destination-search input[type=search]{font-size:11px!important}
	.shahaz-footer-destination-search button[type=submit]{flex-basis:38px;width:38px;height:32px;border-radius:8px}
	.shahaz-footer-destination-search button[type=submit] svg{width:18px;height:18px}
}

/* ZIP 160/161 — destination-header search rotator: same live-search language
 * as the master global header; the real input remains interactive above it. */
.shahaz-footer-destination-search{position:relative}
.shahaz-footer-destination-search-rotator{position:absolute;left:38px;right:52px;top:0;bottom:0;display:flex;align-items:center;pointer-events:none;overflow:hidden;z-index:1;color:#8a7780;font-size:12px;font-weight:600;white-space:nowrap}
.shahaz-footer-destination-search-rotator span{animation:shahaz-destination-search-rotator .4s ease}
.shahaz-footer-destination-search input{position:relative;z-index:2;background:transparent!important}
.shahaz-footer-destination-search input:focus + button ~ *{}
@keyframes shahaz-destination-search-rotator{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:520px){.shahaz-footer-destination-search-rotator{left:38px;right:49px;font-size:11px}}


/* ZIP 168 — Unified bottom CTA/action-button contract across footer destination pages.
 * Purpose: equal button dimensions, consistent internal alignment, compact two-line
 * text rhythm, and no excessive vertical line spacing. Does not alter destinations.
 */
.shz-privacy-actions,
.shz-terms-actions,
.shz-refund-actions,
.shz-shipping-actions,
.shz-contact-actions,
.shz-footer-actions,
.shz-about-actions{
	display:grid!important;
	grid-template-columns:repeat(3,minmax(0,1fr))!important;
	align-items:stretch!important;
	gap:4px!important;
	width:100%;
}
.shz-privacy-actions a,
.shz-terms-actions a,
.shz-refund-actions a,
.shz-shipping-actions a,
.shz-contact-actions a,
.shz-footer-actions a,
.shz-about-actions a{
	box-sizing:border-box!important;
	width:100%!important;
	min-width:0!important;
	min-height:36px!important;
	height:36px!important;
	margin:0!important;
	padding:2px 8px!important;
	display:flex!important;
	align-items:center!important;
	justify-content:center!important;
	text-align:center!important;
	line-height:1.05!important;
	white-space:normal!important;
	overflow-wrap:anywhere!important;
	word-break:normal!important;
}
/* Two-button inline groups inside policy cards: same compact geometry. */
.shz-refund-actions-inline,
.shz-shipping-actions-inline{
	display:grid!important;
	grid-template-columns:repeat(2,minmax(0,1fr))!important;
	gap:4px!important;
	align-items:stretch!important;
}
.shz-refund-actions-inline a,
.shz-shipping-actions-inline a{
	box-sizing:border-box!important;
	width:100%!important;
	min-width:0!important;
	min-height:34px!important;
	height:34px!important;
	margin:0!important;
	padding:2px 7px!important;
	display:flex!important;
	align-items:center!important;
	justify-content:center!important;
	text-align:center!important;
	line-height:1.05!important;
	white-space:normal!important;
	overflow-wrap:anywhere!important;
}
@media(max-width:767px){
	.shz-privacy-actions,
	.shz-terms-actions,
	.shz-refund-actions,
	.shz-shipping-actions,
	.shz-contact-actions,
	.shz-footer-actions,
	.shz-about-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important}
	.shz-privacy-actions a,
	.shz-terms-actions a,
	.shz-refund-actions a,
	.shz-shipping-actions a,
	.shz-contact-actions a,
	.shz-footer-actions a,
	.shz-about-actions a{height:36px!important;min-height:36px!important;padding-left:5px!important;padding-right:5px!important;font-size:10px!important;line-height:1.05!important}
}
