/*
 * Al Shariqa global chrome (refonte).
 * Version: 1.0.0
 *
 * Ivory sticky header + wine-deep trust bar + gold accents, applied site-wide.
 * Replaces the former burgundy Customizer header blocks. Update-safe (child theme).
 */

/* ------------------------------------------------------------------ *
 * 1. Trust bar (Glozin campaign bar) — wine-deep with gold highlights *
 * ------------------------------------------------------------------ */
#campaign-bar.campaign-bar {
	--gz-campaign-background: var(--alsq-wine-deep);
	--gz-campaign-text-color: var(--alsq-blush);
	background: var(--alsq-wine-deep) !important;
	color: var(--alsq-blush) !important;
	font-family: var(--alsq-body-font);
	letter-spacing: 0.06em;
}

#campaign-bar.campaign-bar .campaign-bar__text {
	font-size: 0.78rem;
	text-transform: uppercase;
}

#campaign-bar.campaign-bar .campaign-bar__text strong,
#campaign-bar.campaign-bar .campaign-bar__text b {
	color: var(--alsq-gold-soft);
}

#campaign-bar.campaign-bar .campaign-bar__close .glozin-svg-icon,
#campaign-bar.campaign-bar .swiper-button-text {
	color: var(--alsq-blush) !important;
}

/* ------------------------------------------------------------------ *
 * 2. Header shell — ivory, wine text, gold hover (desktop + mobile)   *
 * ------------------------------------------------------------------ */
#site-header .site-header__desktop .site-header__container,
#site-header .site-header__mobile .site-header__container {
	background: var(--alsq-ivory-cool) !important;
	color: var(--alsq-brand) !important;
}

#site-header :is(.header-main, .header-mobile-main) {
	border-bottom: 1px solid var(--alsq-border) !important;
	box-shadow: inset 0 -1px 0 rgba(199, 154, 59, 0.28);
	color: var(--alsq-brand) !important;
}

/* Links, menu items and icons read as wine, hover to bronze/gold. */
#site-header .site-header__container :where(a, button, .glozin-svg-icon, .glozin-svg-icon-original) {
	color: var(--alsq-brand) !important;
}

#site-header .site-header__container :where(a, button):hover,
#site-header .site-header__container :where(a, button):hover :where(.glozin-svg-icon, .glozin-svg-icon-original) {
	color: var(--alsq-bronze) !important;
}

/* Primary nav: gold underline on hover and current destination. */
#site-header .nav-menu > li > a {
	font-family: var(--alsq-body-font);
	font-size: 0.82rem;
	font-weight: 500;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

#site-header .nav-menu > li > a::after {
	display: block;
	height: 1px;
	margin-top: 4px;
	background: var(--alsq-gold);
	transform: scaleX(0);
	transform-origin: left;
	transition: transform 220ms ease;
	content: "";
}

#site-header .nav-menu > li:hover > a::after,
#site-header .nav-menu > li.current-menu-item > a::after,
#site-header .nav-menu > li.current-menu-ancestor > a::after {
	transform: scaleX(1);
}

/* Count badges stay gold-on-wine — they read cleanly on ivory. */
#site-header .header-counter {
	background: var(--alsq-gold) !important;
	color: var(--alsq-wine-deep) !important;
	font-weight: 700;
}

/* Search removed from the header (desktop, tablet and mobile). */
#site-header .header-search__icon {
	display: none !important;
}

/* Calligraphy cartouche: the burgundy logo plate already reads on ivory; give it
 * a little breathing room and a soft plinth so it sits as a couture mark. */
#site-header .header-logo img,
.site-header__logo img {
	max-height: 46px !important;
	width: auto !important;
	height: auto !important;
}

/* ------------------------------------------------------------------ *
 * 3. Desktop composition — brandmark centered above a centered menu   *
 * ------------------------------------------------------------------ */
/* Mockup partition: nav (left) · brandmark (center) · tools (right). */
@media (min-width: 992px) {
	#site-header .site-header__desktop .site-header__container {
		display: grid !important;
		grid-template-columns: 1fr auto 1fr;
		align-items: center;
		column-gap: clamp(1rem, 2.5vw, 2.5rem);
		height: auto !important;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	/* Primary navigation → left column */
	#site-header .site-header__desktop .header-center-items {
		grid-column: 1;
		grid-row: 1;
		justify-self: start;
		justify-content: flex-start !important;
		max-width: 100% !important;
	}

	/* Brandmark → centre column */
	#site-header .site-header__desktop .header-left-items {
		grid-column: 2;
		grid-row: 1;
		justify-self: center;
		justify-content: center !important;
	}

	/* Tools (search / account / wishlist / cart) → right column */
	#site-header .site-header__desktop .header-right-items {
		grid-column: 3;
		grid-row: 1;
		justify-self: end;
		justify-content: flex-end !important;
		position: static !important;
	}
}

/* Sticky state keeps the ivory surface with a slightly stronger shadow. */
#site-header.gz-header-sticky-visible .site-header__container {
	background: var(--alsq-ivory-cool) !important;
}

#site-header.gz-header-sticky-visible :is(.header-main, .header-mobile-main) {
	box-shadow: 0 8px 22px rgba(33, 29, 31, 0.12);
}

/* ------------------------------------------------------------------ *
 * 4. Mobile drawer + bottom dock — ivory to match the header          *
 * ------------------------------------------------------------------ */
.panel__header {
	background: var(--alsq-ivory-cool) !important;
	border-bottom: 1px solid var(--alsq-border);
}

.panel__header,
.panel__header * {
	color: var(--alsq-brand) !important;
}

/* Drawer headers that use the wine .bg-primary (e.g. the mobile menu) need
 * light content so the close (X) button and title read on the wine band. */
.panel__header.bg-primary,
.panel__header.bg-primary * {
	color: var(--alsq-ivory) !important;
}

#glozin-mobile-navigation-bar {
	border-top: 1px solid var(--alsq-border);
	background: var(--alsq-ivory-cool) !important;
	box-shadow: 0 -8px 24px rgba(77, 8, 31, 0.08);
}

#glozin-mobile-navigation-bar a,
#glozin-mobile-navigation-bar .glozin-svg-icon {
	color: var(--alsq-brand) !important;
}

/* ------------------------------------------------------------------ *
 * 5. Footer — wine-deep with gold headings, blush text, Amiri mark   *
 * ------------------------------------------------------------------ */
.site-footer {
	background: var(--alsq-wine-deep) !important;
	border-top: 0 !important;
	color: var(--alsq-blush);
}

.site-footer .e-con,
.site-footer .e-con-inner {
	background-color: transparent !important;
}

/* Body copy + list items read as blush */
.site-footer,
.site-footer p,
.site-footer li,
.site-footer .elementor-widget-text-editor,
.site-footer .glozin-navigation-menu a {
	color: var(--alsq-blush);
}

.site-footer a {
	color: var(--alsq-blush) !important;
}

.site-footer a:hover {
	color: var(--alsq-gold-soft) !important;
}

/* Column labels (Informations / Catégories) → gold uppercase */
.site-footer .glozin-navigation-menu__title {
	color: var(--alsq-gold) !important;
	font-family: var(--alsq-body-font) !important;
	font-size: 0.74rem !important;
	font-weight: 700;
	letter-spacing: 0.18em;
	text-transform: uppercase;
}

/* Brand heading → Bodoni gold, preceded by an Amiri الشارقة mark */
.site-footer .elementor-element-48c223c2 .glozin-heading,
.site-footer .elementor-element-48c223c2 {
	color: var(--alsq-gold) !important;
	font-family: var(--alsq-display-font) !important;
}

.site-footer .elementor-element-48c223c2::before {
	display: block;
	width: 150px;
	height: 80px;
	max-width: 60vw;
	margin-bottom: 0.9rem;
	background: url(../img/alsq-logo-white.svg) left center / contain no-repeat;
	content: "";
}

/* Contact tel/email → plain gold text links (no box, no underline) */
.site-footer .glozin-button {
	display: inline-block !important;
	min-height: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	color: var(--alsq-gold-soft) !important;
	text-decoration: none !important;
}

.site-footer .glozin-button::before,
.site-footer .glozin-button::after {
	display: none !important;
}

.site-footer .glozin-button:hover {
	background: transparent !important;
	color: var(--alsq-gold) !important;
}

/* Brand tagline in white for stronger contrast on the wine footer */
.site-footer .elementor-element-59f94afe,
.site-footer .elementor-element-59f94afe * {
	color: var(--alsq-ivory) !important;
}

/* Social icons → gold */
.site-footer .glozin-social-icons a,
.site-footer .glozin-social-icons .glozin-svg-icon,
.site-footer .glozin-social-icons svg {
	color: var(--alsq-gold) !important;
}

.site-footer .glozin-social-icons a:hover .glozin-svg-icon,
.site-footer .glozin-social-icons a:hover svg {
	color: var(--alsq-gold-soft) !important;
}

/* Divider + copyright bar */
.site-footer .elementor-widget-divider .elementor-divider-separator {
	border-top-color: rgba(199, 154, 59, 0.28) !important;
}

.site-footer .elementor-element-21a97ac0 .glozin-heading,
.site-footer .elementor-element-21a97ac0 p {
	color: rgba(235, 211, 206, 0.72) !important;
	font-family: var(--alsq-body-font) !important;
	font-size: 0.8rem !important;
	letter-spacing: 0.04em;
	text-transform: none;
}

/* Keep the copyright line left-aligned (its Elementor column centers it). */
.site-footer .elementor-element-68227182 {
	justify-content: flex-start !important;
	align-items: flex-start !important;
}

.site-footer .elementor-element-3189b83 .glozin-heading {
	justify-content: flex-start !important;
	text-align: left !important;
}