/**
 * Header Styles
 * Precision Home
 */

/* =========================================================
   Header Base
   ========================================================= */

.ph-site-header {
	position: relative;
	z-index: 1000;
	width: 100%;
	background: var(--ph-white);
}

.ph-site-header svg {
	flex: 0 0 auto;
}

/* =========================================================
   Top Bar
   ========================================================= */

.ph-topbar {
	background:
		linear-gradient(
			135deg,
			var(--ph-primary-dark) 0%,
			var(--ph-primary) 100%
		);
	color: var(--ph-white);
	font-size: 0.875rem;
}

.ph-topbar__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1.5rem;
	min-height: 42px;
}

.ph-topbar__contact,
.ph-topbar__actions {
	display: flex;
	align-items: center;
	gap: 1.25rem;
	min-width: 0;
}

.ph-topbar__trust {
	display: inline-flex;
	align-items: center;
	gap: 0.6rem;
	color: rgba(255, 255, 255, 0.86);
	font-size: 0.78rem;
	font-weight: 700;
	white-space: nowrap;
}

.ph-topbar__trust i {
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: var(--ph-gold);
	box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.14);
}

.ph-topbar__item {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	color: rgba(255, 255, 255, 0.92);
	white-space: nowrap;
}

a.ph-topbar__item:hover {
	color: var(--ph-gold);
}

.ph-topbar__item svg {
	color: var(--ph-gold);
}

.ph-topbar__whatsapp {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	min-height: 42px;
	padding-inline: 1rem;
	background: rgba(255, 255, 255, 0.1);
	color: var(--ph-white);
	border-inline: 1px solid rgba(255, 255, 255, 0.12);
	font-weight: 700;
}

.ph-topbar__whatsapp:hover {
	background: var(--ph-gold);
	color: var(--ph-dark);
}

/* =========================================================
   Main Header
   ========================================================= */

.ph-header-main {
	position: relative;
	background: rgba(255, 255, 255, 0.98);
	border-bottom: 1px solid rgba(21, 23, 27, 0.07);
	box-shadow: 0 8px 28px rgba(21, 23, 27, 0.05);
}

.ph-header-main__inner {
	display: grid;
	grid-template-columns: minmax(190px, 0.8fr) minmax(420px, 2fr) auto;
	align-items: center;
	gap: clamp(1.25rem, 3vw, 3rem);
	min-height: 88px;
}

/* =========================================================
   Branding
   ========================================================= */

.ph-branding {
	display: flex;
	align-items: center;
	min-width: 0;
}

.ph-logo {
	display: flex;
	align-items: center;
}

.ph-logo .custom-logo-link {
	display: inline-flex;
	align-items: center;
}

.ph-logo .custom-logo {
	width: auto;
	max-width: 210px;
	max-height: 68px;
	object-fit: contain;
}

.ph-branding__text {
	display: inline-flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.1rem;
	color: var(--ph-primary);
	line-height: 1.15;
}

.ph-branding__text:hover {
	color: var(--ph-primary-dark);
}

.ph-branding__text strong {
	font-size: clamp(1.25rem, 2vw, 1.65rem);
	font-weight: 800;
}

.ph-branding__text span {
	color: var(--ph-gold-dark);
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.12em;
}

/* =========================================================
   Desktop Navigation
   ========================================================= */

.ph-primary-navigation {
	display: flex;
	align-items: center;
	justify-content: center;
}

.ph-primary-menu {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: clamp(1rem, 2vw, 1.8rem);
	margin: 0;
	padding: 0;
	list-style: none;
}

.ph-primary-menu > li {
	position: relative;
	margin: 0;
}

.ph-primary-menu > li > a {
	position: relative;
	display: flex;
	align-items: center;
	min-height: 88px;
	color: var(--ph-heading);
	font-size: 0.98rem;
	font-weight: 700;
	white-space: nowrap;
}

.ph-primary-menu > li > a::after {
	position: absolute;
	right: 50%;
	bottom: 20px;
	width: 0;
	height: 3px;
	background: var(--ph-gold);
	border-radius: var(--ph-radius-pill);
	content: "";
	transform: translateX(50%);
	transition: width var(--ph-transition);
}

.ph-primary-menu > li > a:hover,
.ph-primary-menu > .current-menu-item > a,
.ph-primary-menu > .current-menu-ancestor > a {
	color: var(--ph-primary);
}

.ph-primary-menu > li > a:hover::after,
.ph-primary-menu > .current-menu-item > a::after,
.ph-primary-menu > .current-menu-ancestor > a::after {
	width: 28px;
}

/* =========================================================
   Dropdown Navigation
   ========================================================= */

.ph-primary-menu .sub-menu {
	position: absolute;
	z-index: 50;
	top: calc(100% - 10px);
	right: 0;
	width: 235px;
	margin: 0;
	padding: 0.65rem;
	visibility: hidden;
	opacity: 0;
	background: var(--ph-white);
	border: 1px solid var(--ph-border);
	border-top: 3px solid var(--ph-primary);
	border-radius: 0 0 var(--ph-radius-md) var(--ph-radius-md);
	box-shadow: var(--ph-shadow-md);
	list-style: none;
	transform: translateY(12px);
	transition:
		opacity var(--ph-transition-fast),
		visibility var(--ph-transition-fast),
		transform var(--ph-transition-fast);
}

.ph-primary-menu li:hover > .sub-menu,
.ph-primary-menu li:focus-within > .sub-menu {
	visibility: visible;
	opacity: 1;
	transform: translateY(0);
}

.ph-primary-menu .sub-menu li {
	margin: 0;
}

.ph-primary-menu .sub-menu a {
	display: block;
	padding: 0.75rem 0.85rem;
	color: var(--ph-text);
	border-radius: var(--ph-radius-sm);
	font-size: 0.9rem;
	font-weight: 600;
}

.ph-primary-menu .sub-menu a:hover {
	padding-inline-start: 1rem;
	background: var(--ph-primary-soft);
	color: var(--ph-primary);
}

/* =========================================================
   Header Actions
   ========================================================= */

.ph-header-actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 0.75rem;
}

.ph-header-call {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	flex: 0 0 46px;
	background: var(--ph-primary-soft);
	color: var(--ph-primary);
	border: 1px solid rgba(142, 59, 67, 0.15);
	border-radius: 50%;
}

.ph-header-call:hover {
	background: var(--ph-primary);
	color: var(--ph-white);
	transform: translateY(-2px);
	box-shadow: 0 12px 26px rgba(142, 59, 67, 0.22);
}

.ph-header-cta {
	min-height: 48px;
	padding-inline: 1.3rem;
	border-radius: 12px;
	white-space: nowrap;
}

/* =========================================================
   Mobile Toggle
   ========================================================= */

.ph-mobile-menu-toggle {
	display: none;
	position: relative;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 5px;
	width: 46px;
	height: 46px;
	padding: 0;
	background: var(--ph-dark);
	border: 0;
	border-radius: 12px;
}

.ph-mobile-menu-toggle span {
	display: block;
	width: 21px;
	height: 2px;
	background: var(--ph-white);
	border-radius: var(--ph-radius-pill);
	transition:
		transform var(--ph-transition-fast),
		opacity var(--ph-transition-fast);
}

/* =========================================================
   Sticky State
   ========================================================= */

.ph-site-header.is-sticky .ph-header-main {
	position: fixed;
	top: var(--ph-admin-offset, 0);
	right: 0;
	left: 0;
	z-index: 1000;
	animation: ph-header-slide-down 260ms ease;
	box-shadow: 0 12px 40px rgba(21, 23, 27, 0.12);
}

.ph-site-header.is-sticky .ph-header-main__inner {
	min-height: 72px;
}

.ph-site-header.is-sticky .ph-logo .custom-logo {
	max-height: 55px;
}

.ph-site-header.is-sticky .ph-primary-menu > li > a {
	min-height: 72px;
}

.ph-site-header.is-sticky .ph-primary-menu > li > a::after {
	bottom: 13px;
}

@keyframes ph-header-slide-down {
	from {
		opacity: 0;
		transform: translateY(-100%);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* =========================================================
   Tablet
   ========================================================= */

@media (max-width: 1100px) {
	.ph-header-main__inner {
		grid-template-columns: auto 1fr auto;
		gap: 1rem;
	}

	.ph-primary-menu {
		gap: 0.85rem;
	}

	.ph-primary-menu > li > a {
		font-size: 0.9rem;
	}

	.ph-header-call {
		display: none;
	}

	.ph-header-cta {
		padding-inline: 1rem;
		font-size: 0.9rem;
	}
}

/* =========================================================
   Mobile
   ========================================================= */

@media (max-width: 900px) {
	.ph-topbar__inner {
		min-height: 38px;
	}

	.ph-topbar__contact {
		width: 100%;
		justify-content: center;
	}

	.ph-topbar__contact .ph-topbar__item:not(:first-child),
	.ph-topbar__actions {
		display: none;
	}

	.ph-header-main__inner {
		display: flex;
		justify-content: space-between;
		min-height: 74px;
	}

	.ph-logo .custom-logo {
		max-width: 165px;
		max-height: 55px;
	}

	.ph-primary-navigation {
		position: fixed;
		z-index: 999;
		top: 0;
		right: 0;
		bottom: 0;
		display: block;
		width: min(86vw, 360px);
		padding: 6rem 1.25rem 2rem;
		visibility: hidden;
		opacity: 0;
		background: var(--ph-white);
		box-shadow: -20px 0 60px rgba(21, 23, 27, 0.18);
		transform: translateX(100%);
		transition:
			transform var(--ph-transition),
			opacity var(--ph-transition),
			visibility var(--ph-transition);
		overflow-y: auto;
	}

	.ph-primary-navigation.is-open {
		visibility: visible;
		opacity: 1;
		transform: translateX(0);
	}

	.ph-primary-menu {
		display: block;
	}

	.ph-primary-menu > li {
		border-bottom: 1px solid var(--ph-border);
	}

	.ph-primary-menu > li > a {
		min-height: auto;
		padding-block: 0.9rem;
		font-size: 1rem;
	}

	.ph-primary-menu > li > a::after {
		display: none;
	}

	.ph-primary-menu .sub-menu {
		position: static;
		display: block;
		width: 100%;
		padding: 0 0.75rem 0.7rem;
		visibility: visible;
		opacity: 1;
		background: transparent;
		border: 0;
		box-shadow: none;
		transform: none;
	}

	.ph-primary-menu .sub-menu a {
		padding-block: 0.55rem;
	}

	.ph-header-cta {
		display: none;
	}

	.ph-mobile-menu-toggle {
		display: inline-flex;
		z-index: 1001;
	}

	.ph-mobile-menu-toggle.is-active span:nth-child(1) {
		transform: translateY(7px) rotate(45deg);
	}

	.ph-mobile-menu-toggle.is-active span:nth-child(2) {
		opacity: 0;
	}

	.ph-mobile-menu-toggle.is-active span:nth-child(3) {
		transform: translateY(-7px) rotate(-45deg);
	}

	body.ph-menu-open {
		overflow: hidden;
	}
}

/* =========================================================
   Small Mobile
   ========================================================= */

@media (max-width: 480px) {
	.ph-topbar {
		font-size: 0.8rem;
	}

	.ph-header-main__inner {
		min-height: 68px;
	}

	.ph-logo .custom-logo {
		max-width: 145px;
		max-height: 48px;
	}

	.ph-mobile-menu-toggle {
		width: 42px;
		height: 42px;
	}
}
/**
 * Premium Mobile Header
 * Precision Home
 * Version 2.0.0
 */

/* ==================================================
   عناصر قائمة الجوال مخفية على الكمبيوتر
================================================== */

.ph-mobile-menu-toggle,
.ph-mobile-menu-overlay,
.ph-mobile-drawer {
	display: none;
}

/* ==================================================
   Mobile Header
================================================== */

@media (max-width: 767px) {

	body.ph-mobile-menu-open {
		overflow: hidden;
		touch-action: none;
	}

	/* ==============================================
	   الشريط العلوي
	============================================== */

	.ph-topbar {
		position: relative;
		z-index: 1002;
		background:
			linear-gradient(
				135deg,
				#742f36 0%,
				#8e3b43 55%,
				#742f36 100%
			);
		border-bottom: 1px solid rgba(212, 175, 55, 0.36);
		box-shadow: 0 5px 16px rgba(21, 23, 27, 0.12);
	}

	.ph-topbar__inner {
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto;
		align-items: center;
		gap: 9px;
		min-height: 44px;
		padding-top: 5px;
		padding-bottom: 5px;
	}

	.ph-topbar__contact {
		display: flex;
		align-items: center;
		min-width: 0;
	}

	.ph-topbar__actions {
		display: flex;
		align-items: center;
		gap: 7px;
	}

	/* إخفاء العنوان الطويل على الهاتف */

	.ph-topbar__address {
		display: none !important;
	}

	.ph-topbar__item {
		display: inline-flex;
		align-items: center;
		gap: 7px;
		min-width: 0;
		margin: 0;
		color: #ffffff;
		text-decoration: none;
	}

	.ph-topbar__phone {
		padding-left: 9px;
		border-left: 1px solid rgba(255, 255, 255, 0.18);
	}

	.ph-topbar__icon {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 27px;
		height: 27px;
		flex: 0 0 27px;
		background: rgba(255, 255, 255, 0.1);
		color: #efd16b;
		border: 1px solid rgba(212, 175, 55, 0.32);
		border-radius: 8px;
	}

	.ph-topbar__icon svg {
		width: 15px;
		height: 15px;
	}

	.ph-topbar__item-content {
		display: flex;
		flex-direction: column;
		min-width: 0;
	}

	.ph-topbar__item-content small {
		display: none;
	}

	.ph-topbar__item-content strong {
		color: #ffffff;
		font-size: 11.5px;
		font-weight: 800;
		line-height: 1.4;
		white-space: nowrap;
	}

	.ph-topbar__hours {
		gap: 5px;
	}

	.ph-topbar__hours .ph-topbar__icon {
		width: 25px;
		height: 25px;
		flex-basis: 25px;
	}

	.ph-topbar__hours .ph-topbar__item-content strong {
		max-width: 100px;
		overflow: hidden;
		font-size: 10.5px;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.ph-topbar__whatsapp {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 29px;
		height: 29px;
		padding: 0;
		background: #16874a;
		color: #ffffff;
		border: 1px solid rgba(255, 255, 255, 0.22);
		border-radius: 9px;
		box-shadow: 0 6px 14px rgba(0, 0, 0, 0.16);
		text-decoration: none;
	}

	.ph-topbar__whatsapp span {
		display: none;
	}

	.ph-topbar__whatsapp svg {
		width: 17px;
		height: 17px;
	}

	/* ==============================================
	   الهيدر الرئيسي
	============================================== */

	.ph-header-main {
		position: relative;
		z-index: 1001;
		background: rgba(255, 255, 255, 0.98);
		border-bottom: 1px solid rgba(116, 47, 54, 0.09);
		box-shadow: 0 8px 24px rgba(21, 23, 27, 0.08);
		backdrop-filter: blur(12px);
		-webkit-backdrop-filter: blur(12px);
	}

	.ph-header-main__inner {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 15px;
		min-height: 72px;
		padding-top: 8px;
		padding-bottom: 8px;
	}

	.ph-branding {
		display: flex;
		align-items: center;
		min-width: 0;
		max-width: calc(100% - 62px);
	}

	.ph-logo,
	.ph-logo .custom-logo-link {
		display: flex;
		align-items: center;
	}

	.ph-logo img,
	.ph-logo .custom-logo {
		display: block;
		width: auto;
		max-width: 190px;
		height: auto;
		max-height: 55px;
		object-fit: contain;
	}

	.ph-branding__text strong {
		display: block;
		color: #8e3b43;
		font-size: 23px;
		font-weight: 800;
		line-height: 1.2;
	}

	.ph-branding__text span {
		display: block;
		margin-top: 2px;
		color: #4f545c;
		font-size: 9px;
		font-weight: 700;
		letter-spacing: 1px;
	}

	/* إخفاء عناصر الكمبيوتر */

	.ph-primary-navigation,
	.ph-header-call,
	.ph-header-cta {
		display: none !important;
	}

	.ph-header-actions {
		display: flex;
		align-items: center;
		justify-content: flex-end;
		flex: 0 0 auto;
	}

	/* ==============================================
	   زر الهامبرغر
	============================================== */

	.ph-mobile-menu-toggle {
		position: relative;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		gap: 5px;
		width: 48px;
		height: 48px;
		padding: 0;
		background:
			linear-gradient(
				145deg,
				#742f36,
				#8e3b43
			);
		color: #efd16b;
		border: 1px solid rgba(212, 175, 55, 0.72);
		border-radius: 13px;
		box-shadow:
			0 10px 22px rgba(116, 47, 54, 0.25),
			inset 0 1px 0 rgba(255, 255, 255, 0.1);
		cursor: pointer;
		-webkit-tap-highlight-color: transparent;
		transition:
			transform 220ms ease,
			background-color 220ms ease,
			box-shadow 220ms ease;
	}

	.ph-mobile-menu-toggle span {
		display: block;
		width: 22px;
		height: 2px;
		background: currentColor;
		border-radius: 999px;
		transform-origin: center;
		transition:
			transform 280ms ease,
			opacity 220ms ease,
			width 220ms ease;
	}

	.ph-mobile-menu-toggle span:nth-child(2) {
		width: 16px;
		margin-right: auto;
		margin-left: 12px;
	}

	.ph-mobile-menu-toggle:hover,
	.ph-mobile-menu-toggle:focus-visible {
		transform: translateY(-2px);
		background: #742f36;
		box-shadow:
			0 14px 27px rgba(116, 47, 54, 0.31),
			0 0 0 4px rgba(212, 175, 55, 0.1);
	}

	.ph-mobile-menu-toggle:focus-visible {
		outline: 3px solid rgba(212, 175, 55, 0.47);
		outline-offset: 3px;
	}

	.ph-mobile-menu-toggle[aria-expanded="true"] span:nth-child(1) {
		transform: translateY(7px) rotate(45deg);
	}

	.ph-mobile-menu-toggle[aria-expanded="true"] span:nth-child(2) {
		width: 0;
		opacity: 0;
	}

	.ph-mobile-menu-toggle[aria-expanded="true"] span:nth-child(3) {
		transform: translateY(-7px) rotate(-45deg);
	}

	/* ==============================================
	   طبقة التعتيم
	============================================== */

	.ph-mobile-menu-overlay {
		position: fixed;
		inset: 0;
		z-index: 9997;
		display: block;
		visibility: hidden;
		background: rgba(7, 11, 15, 0.72);
		opacity: 0;
		backdrop-filter: blur(4px);
		-webkit-backdrop-filter: blur(4px);
		cursor: pointer;
		transition:
			opacity 320ms ease,
			visibility 0s linear 320ms;
	}

	.ph-mobile-menu-overlay.is-active {
		visibility: visible;
		opacity: 1;
		transition:
			opacity 320ms ease,
			visibility 0s linear 0s;
	}

	/* ==============================================
	   القائمة الجانبية
	============================================== */

	.ph-mobile-drawer {
		position: fixed;
		top: 0;
		right: 0;
		z-index: 9999;
		display: flex;
		flex-direction: column;
		width: min(88vw, 390px);
		height: 100dvh;
		overflow: hidden;
		background:
			radial-gradient(
				circle at 90% 5%,
				rgba(142, 59, 67, 0.12),
				transparent 29%
			),
			#ffffff;
		border-left: 1px solid rgba(212, 175, 55, 0.4);
		box-shadow: -25px 0 60px rgba(0, 0, 0, 0.25);
		transform: translateX(105%);
		visibility: hidden;
		transition:
			transform 380ms cubic-bezier(0.22, 0.72, 0.22, 1),
			visibility 0s linear 380ms;
	}

	.ph-mobile-drawer.is-open {
		visibility: visible;
		transform: translateX(0);
		transition:
			transform 380ms cubic-bezier(0.22, 0.72, 0.22, 1),
			visibility 0s linear 0s;
	}

	/* رأس القائمة */

	.ph-mobile-drawer__header {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 18px;
		min-height: 88px;
		padding: 16px 18px;
		background:
			linear-gradient(
				135deg,
				#111820 0%,
				#1c2731 100%
			);
		border-bottom: 2px solid #d4af37;
	}

	.ph-mobile-drawer__branding {
		display: flex;
		align-items: center;
		min-width: 0;
	}

	.ph-mobile-drawer__logo,
	.ph-mobile-drawer__logo .custom-logo-link {
		display: flex;
		align-items: center;
	}

	.ph-mobile-drawer__logo img {
		display: block;
		width: auto;
		max-width: 185px;
		height: auto;
		max-height: 56px;
		object-fit: contain;
	}

	.ph-mobile-drawer__brand-text {
		color: #ffffff;
		text-decoration: none;
	}

	.ph-mobile-drawer__brand-text strong {
		display: block;
		color: #efd16b;
		font-size: 22px;
		font-weight: 800;
		line-height: 1.2;
	}

	.ph-mobile-drawer__brand-text span {
		display: block;
		margin-top: 3px;
		color: rgba(255, 255, 255, 0.66);
		font-size: 9px;
		font-weight: 700;
		letter-spacing: 1.1px;
	}

	.ph-mobile-drawer__close {
		position: relative;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 43px;
		height: 43px;
		flex: 0 0 43px;
		padding: 0;
		background: rgba(255, 255, 255, 0.07);
		color: #efd16b;
		border: 1px solid rgba(212, 175, 55, 0.45);
		border-radius: 12px;
		cursor: pointer;
		transition:
			transform 220ms ease,
			background-color 220ms ease;
	}

	.ph-mobile-drawer__close span {
		position: absolute;
		width: 19px;
		height: 2px;
		background: currentColor;
		border-radius: 999px;
	}

	.ph-mobile-drawer__close span:first-child {
		transform: rotate(45deg);
	}

	.ph-mobile-drawer__close span:last-child {
		transform: rotate(-45deg);
	}

	.ph-mobile-drawer__close:hover,
	.ph-mobile-drawer__close:focus-visible {
		transform: rotate(90deg);
		background: #8e3b43;
	}

	.ph-mobile-drawer__close:focus-visible {
		outline: 3px solid rgba(212, 175, 55, 0.44);
		outline-offset: 3px;
	}

	/* جسم القائمة */

	.ph-mobile-drawer__body {
		flex: 1;
		overflow-y: auto;
		overscroll-behavior: contain;
		padding: 17px 16px 24px;
		scrollbar-width: thin;
		scrollbar-color: #d4af37 #f1ede8;
	}

	/* ==============================================
	   روابط القائمة
	============================================== */

	.ph-mobile-menu {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.ph-mobile-menu > li {
		position: relative;
		margin: 0;
		border-bottom: 1px solid rgba(116, 47, 54, 0.085);
	}

	.ph-mobile-menu > li > a {
		position: relative;
		display: flex;
		align-items: center;
		min-height: 53px;
		padding: 12px 12px 12px 42px;
		color: #24282e;
		font-size: 15px;
		font-weight: 800;
		line-height: 1.5;
		text-decoration: none;
		border-radius: 11px;
		transition:
			padding-right 220ms ease,
			background-color 220ms ease,
			color 220ms ease;
	}

	.ph-mobile-menu > li > a::before {
		position: absolute;
		right: 12px;
		width: 7px;
		height: 7px;
		background: #d4af37;
		border-radius: 50%;
		box-shadow: 0 0 0 5px rgba(212, 175, 55, 0.1);
		content: "";
		transition:
			transform 220ms ease,
			background-color 220ms ease;
	}

	.ph-mobile-menu > li > a::after {
		position: absolute;
		left: 13px;
		width: 8px;
		height: 8px;
		border-bottom: 2px solid #8e3b43;
		border-left: 2px solid #8e3b43;
		content: "";
		transform: rotate(45deg);
		opacity: 0.55;
		transition: transform 220ms ease;
	}

	.ph-mobile-menu > li > a:hover,
	.ph-mobile-menu > li > a:focus-visible,
	.ph-mobile-menu > li.current-menu-item > a,
	.ph-mobile-menu > li.current_page_item > a {
		padding-right: 18px;
		background: rgba(142, 59, 67, 0.07);
		color: #8e3b43;
	}

	.ph-mobile-menu > li > a:hover::before,
	.ph-mobile-menu > li.current-menu-item > a::before {
		background: #8e3b43;
		transform: scale(1.15);
	}

	.ph-mobile-menu > li > a:hover::after {
		transform: translateX(-3px) rotate(45deg);
	}

	.ph-mobile-menu a:focus-visible {
		outline: 3px solid rgba(212, 175, 55, 0.4);
		outline-offset: -3px;
	}


	/* ==============================================
	   أزرار القائمة
	============================================== */

	.ph-mobile-drawer__cta {
		margin-top: 18px;
		padding-top: 18px;
		border-top: 1px solid rgba(116, 47, 54, 0.11);
	}

	.ph-mobile-drawer__main-button {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: 9px;
		width: 100%;
		min-height: 51px;
		padding: 12px 17px;
		background:
			linear-gradient(
				135deg,
				#742f36,
				#8e3b43
			);
		color: #ffffff;
		border: 1px solid #d4af37;
		border-radius: 12px;
		box-shadow: 0 13px 26px rgba(116, 47, 54, 0.22);
		font-size: 14px;
		font-weight: 800;
		line-height: 1.5;
		text-decoration: none;
		transition:
			transform 210ms ease,
			box-shadow 210ms ease;
	}

	.ph-mobile-drawer__main-button svg {
		width: 21px;
		height: 21px;
		color: #efd16b;
	}

	.ph-mobile-drawer__main-button:hover,
	.ph-mobile-drawer__main-button:focus-visible {
		transform: translateY(-3px);
		box-shadow: 0 18px 33px rgba(116, 47, 54, 0.29);
	}

	.ph-mobile-drawer__quick-actions {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 9px;
		margin-top: 10px;
	}

	.ph-mobile-drawer__quick-button {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: 7px;
		min-height: 46px;
		padding: 10px;
		color: #ffffff;
		border: 1px solid transparent;
		border-radius: 11px;
		font-size: 13px;
		font-weight: 800;
		line-height: 1.4;
		text-decoration: none;
		transition:
			transform 200ms ease,
			box-shadow 200ms ease;
	}

	.ph-mobile-drawer__quick-button svg {
		width: 19px;
		height: 19px;
	}

	.ph-mobile-drawer__quick-button--call {
		background: #15171b;
		border-color: rgba(212, 175, 55, 0.35);
	}

	.ph-mobile-drawer__quick-button--whatsapp {
		background: #16874a;
		border-color: rgba(22, 135, 74, 0.25);
	}

	.ph-mobile-drawer__quick-button:hover,
	.ph-mobile-drawer__quick-button:focus-visible {
		transform: translateY(-2px);
		box-shadow: 0 12px 23px rgba(21, 23, 27, 0.17);
	}

	/* ==============================================
	   معلومات أسفل القائمة
	============================================== */

	.ph-mobile-drawer__information {
		display: grid;
		grid-template-columns: 1fr;
		gap: 9px;
		margin-top: 17px;
	}

	.ph-mobile-drawer__info-item {
		display: flex;
		align-items: flex-start;
		gap: 10px;
		padding: 12px;
		background: #f8f5f0;
		border: 1px solid rgba(116, 47, 54, 0.08);
		border-radius: 11px;
	}

	.ph-mobile-drawer__info-item > svg {
		width: 21px;
		height: 21px;
		flex: 0 0 21px;
		color: #d4af37;
	}

	.ph-mobile-drawer__info-item strong,
	.ph-mobile-drawer__info-item span {
		display: block;
	}

	.ph-mobile-drawer__info-item strong {
		color: #25292f;
		font-size: 12.5px;
		font-weight: 800;
		line-height: 1.5;
	}

	.ph-mobile-drawer__info-item span {
		margin-top: 2px;
		color: #6c7178;
		font-size: 11.5px;
		line-height: 1.6;
	}
}

/* ==================================================
   الشاشات الصغيرة
================================================== */

@media (max-width: 390px) {

	.ph-topbar__inner {
		gap: 5px;
	}

	.ph-topbar__phone {
		padding-left: 5px;
	}

	.ph-topbar__item-content strong {
		font-size: 10.5px;
	}

	.ph-topbar__hours .ph-topbar__item-content strong {
		max-width: 76px;
		font-size: 9.5px;
	}

	.ph-logo img,
	.ph-logo .custom-logo {
		max-width: 165px;
		max-height: 49px;
	}

	.ph-mobile-menu-toggle {
		width: 44px;
		height: 44px;
	}

	.ph-mobile-drawer {
		width: 92vw;
	}

	.ph-mobile-drawer__header {
		padding-inline: 13px;
	}

	.ph-mobile-drawer__logo img {
		max-width: 160px;
	}

	.ph-mobile-menu > li > a {
		font-size: 14px;
	}
}

/* ==================================================
   تقليل الحركة
================================================== */

@media (prefers-reduced-motion: reduce) {

	.ph-mobile-menu-toggle,
	.ph-mobile-menu-toggle span,
	.ph-mobile-menu-overlay,
	.ph-mobile-drawer,
	.ph-mobile-drawer__close,
	.ph-mobile-menu a,
	.ph-mobile-menu a::before,
	.ph-mobile-menu a::after,
	.ph-mobile-drawer__main-button,
	.ph-mobile-drawer__quick-button {
		transition: none;
	}
}
/* ==================================================
   Mobile submenu accordion
================================================== */

@media (max-width: 767px) {

	.ph-mobile-menu > .menu-item-has-children {
		display: grid;
		grid-template-columns: minmax(0, 1fr) 42px;
		align-items: center;
	}

	.ph-mobile-menu > .menu-item-has-children > a {
		grid-column: 1;
		grid-row: 1;
		padding-left: 10px;
	}

	/*
	 * إلغاء السهم القديم لأن زر القائمة الفرعية
	 * سيحتوي على السهم الحقيقي.
	 */
	.ph-mobile-menu > .menu-item-has-children > a::after {
		display: none;
	}

	.ph-mobile-submenu-toggle {
		position: relative;
		z-index: 2;
		grid-column: 2;
		grid-row: 1;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 36px;
		height: 36px;
		margin-left: 3px;
		padding: 0;
		background: rgba(142, 59, 67, 0.06);
		color: #8e3b43;
		border: 1px solid rgba(142, 59, 67, 0.13);
		border-radius: 10px;
		cursor: pointer;
		-webkit-tap-highlight-color: transparent;
		transition:
			transform 260ms ease,
			background-color 220ms ease,
			color 220ms ease,
			border-color 220ms ease;
	}

	.ph-mobile-submenu-toggle svg {
		width: 19px;
		height: 19px;
		transition: transform 280ms ease;
	}

	.ph-mobile-submenu-toggle:hover,
	.ph-mobile-submenu-toggle:focus-visible {
		background: #8e3b43;
		color: #efd16b;
		border-color: #d4af37;
	}

	.ph-mobile-submenu-toggle:focus-visible {
		outline: 3px solid rgba(212, 175, 55, 0.4);
		outline-offset: 2px;
	}

	.ph-mobile-menu > .menu-item-has-children.is-submenu-open >
		.ph-mobile-submenu-toggle {
		background:
			linear-gradient(
				145deg,
				#742f36,
				#8e3b43
			);
		color: #efd16b;
		border-color: #d4af37;
		transform: rotate(180deg);
	}

	.ph-mobile-menu > .menu-item-has-children > .sub-menu {
		grid-column: 1 / -1;
		display: grid;
		grid-template-rows: 0fr;
		visibility: hidden;
		opacity: 0;
		margin: 0 12px 10px;
		padding: 0;
		overflow: hidden;
		background:
			linear-gradient(
				145deg,
				#faf8f5,
				#f5f0ea
			);
		border: 0 solid rgba(212, 175, 55, 0.35);
		border-right-width: 3px;
		border-radius: 0 12px 12px 0;
		list-style: none;
		transition:
			grid-template-rows 300ms cubic-bezier(0.22, 0.7, 0.25, 1),
			opacity 220ms ease,
			visibility 0s linear 300ms,
			padding 300ms ease;
	}

	.ph-mobile-menu > .menu-item-has-children.is-submenu-open >
		.sub-menu {
		grid-template-rows: 1fr;
		visibility: visible;
		opacity: 1;
		padding: 8px;
		transition:
			grid-template-rows 300ms cubic-bezier(0.22, 0.7, 0.25, 1),
			opacity 240ms ease,
			visibility 0s linear 0s,
			padding 300ms ease;
	}

	/*
	 * السماح بالحركة رغم وجود الخاصية hidden.
	 */
	.ph-mobile-menu .sub-menu[hidden] {
		display: grid;
	}

	.ph-mobile-menu .sub-menu > li {
		min-height: 0;
		overflow: hidden;
		border: 0;
	}

	.ph-mobile-menu .sub-menu > li + li {
		margin-top: 3px;
	}

	.ph-mobile-menu .sub-menu a {
		position: relative;
		display: flex;
		align-items: center;
		min-height: 42px;
		padding: 9px 30px 9px 10px;
		color: #5b6068;
		border-radius: 9px;
		font-size: 12.5px;
		font-weight: 700;
		line-height: 1.55;
		text-decoration: none;
		transition:
			background-color 200ms ease,
			color 200ms ease,
			padding-right 200ms ease;
	}

	.ph-mobile-menu .sub-menu a::before {
		position: absolute;
		right: 11px;
		width: 7px;
		height: 7px;
		background: transparent;
		border: 2px solid #d4af37;
		border-radius: 50%;
		content: "";
	}

	.ph-mobile-menu .sub-menu a:hover,
	.ph-mobile-menu .sub-menu a:focus-visible,
	.ph-mobile-menu .sub-menu .current-menu-item > a {
		padding-right: 35px;
		background: #ffffff;
		color: #8e3b43;
		box-shadow: 0 5px 14px rgba(21, 23, 27, 0.06);
	}

	.ph-mobile-menu .sub-menu a:hover::before,
	.ph-mobile-menu .sub-menu .current-menu-item > a::before {
		background: #8e3b43;
		border-color: #8e3b43;
	}

	.ph-mobile-menu > .menu-item-has-children.is-submenu-open > a {
		color: #8e3b43;
	}

	.ph-mobile-menu > .menu-item-has-children.is-submenu-open > a::before {
		background: #8e3b43;
		transform: scale(1.15);
	}
}

@media (prefers-reduced-motion: reduce) {

	.ph-mobile-submenu-toggle,
	.ph-mobile-submenu-toggle svg,
	.ph-mobile-menu .sub-menu,
	.ph-mobile-menu .sub-menu a {
		transition: none;
	}
}
/* ==================================================
   Clean Mobile Header — Final Fix
================================================== */

@media (max-width: 767px) {

	/* منع التمدد الأفقي */
	html,
	body,
	.ph-site-wrapper,
	.ph-site-header {
		max-width: 100%;
		overflow-x: clip;
	}

	/* ==============================================
	   الشريط العلوي
	============================================== */

	.ph-topbar {
		min-height: 42px;
		background: #8e3b43;
		border-bottom: 1px solid rgba(212, 175, 55, 0.4);
		box-shadow: none;
	}

	.ph-topbar__inner {
		display: grid;
		grid-template-columns: 34px minmax(82px, 1fr) minmax(105px, 1fr);
		align-items: center;
		gap: 7px;
		min-height: 42px;
		padding-top: 5px;
		padding-bottom: 5px;
		direction: ltr;
	}

	/*
	 * نجعل الحاويتين غير مؤثرتين في التخطيط،
	 * حتى تصبح العناصر الثلاثة داخل Grid واحد.
	 */
	.ph-topbar__contact,
	.ph-topbar__actions {
		display: contents;
	}

	.ph-topbar__address {
		display: none !important;
	}

	/* الهاتف جهة اليمين */
	.ph-topbar__phone {
		grid-column: 3;
		grid-row: 1;
		direction: rtl;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		gap: 6px;
		min-width: 0;
		padding: 0;
		border: 0;
		color: #ffffff;
		text-decoration: none;
	}

	/* ساعات العمل في المنتصف */
	.ph-topbar__hours {
		grid-column: 2;
		grid-row: 1;
		direction: rtl;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 6px;
		min-width: 0;
		padding: 0 7px;
		border-right: 1px solid rgba(255, 255, 255, 0.16);
		border-left: 1px solid rgba(255, 255, 255, 0.16);
	}

	/* واتساب جهة اليسار */
	.ph-topbar__whatsapp {
		grid-column: 1;
		grid-row: 1;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 32px;
		height: 32px;
		margin: 0;
		padding: 0;
		background: #16874a;
		color: #ffffff;
		border: 1px solid rgba(255, 255, 255, 0.28);
		border-radius: 9px;
		box-shadow: none;
		text-decoration: none;
	}

	.ph-topbar__whatsapp span {
		display: none;
	}

	.ph-topbar__whatsapp svg {
		width: 18px;
		height: 18px;
	}

	/* أيقونات الهاتف والوقت */
	.ph-topbar__icon {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 25px;
		height: 25px;
		flex: 0 0 25px;
		background: rgba(255, 255, 255, 0.08);
		color: #efd16b;
		border: 1px solid rgba(212, 175, 55, 0.42);
		border-radius: 7px;
	}

	.ph-topbar__icon svg {
		width: 14px;
		height: 14px;
	}

	.ph-topbar__item-content {
		display: block;
		min-width: 0;
	}

	.ph-topbar__item-content small {
		display: none;
	}

	.ph-topbar__item-content strong {
		display: block;
		margin: 0;
		color: #ffffff;
		font-size: 10.5px;
		font-weight: 800;
		line-height: 1.35;
		white-space: nowrap;
	}

	/* استبدال نص ساعات العمل الطويل */
	.ph-topbar__hours .ph-topbar__item-content strong {
		font-size: 0;
	}

	.ph-topbar__hours .ph-topbar__item-content strong::after {
		content: attr(data-hours-short);
		font-size: 10.5px;
		font-weight: 800;
		white-space: nowrap;
	}

	/* ==============================================
	   صف الشعار والهامبرغر
	============================================== */

	.ph-header-main {
		background: #ffffff;
		border-bottom: 1px solid rgba(116, 47, 54, 0.08);
		box-shadow: 0 7px 20px rgba(21, 23, 27, 0.07);
	}

	.ph-header-main__inner {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 14px;
		min-height: 70px;
		padding-top: 7px;
		padding-bottom: 7px;
	}

	.ph-branding {
		order: 1;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		max-width: calc(100% - 60px);
		min-width: 0;
	}

	.ph-logo,
	.ph-logo .custom-logo-link {
		display: flex;
		align-items: center;
	}

	.ph-logo img,
	.ph-logo .custom-logo {
		display: block;
		width: auto;
		max-width: 174px;
		height: auto;
		max-height: 52px;
		object-fit: contain;
	}

	.ph-header-actions {
		order: 2;
		display: flex;
		align-items: center;
		justify-content: flex-end;
		flex: 0 0 auto;
	}

	.ph-primary-navigation,
	.ph-header-call,
	.ph-header-cta {
		display: none !important;
	}

	/* ==============================================
	   زر القائمة
	============================================== */

	.ph-mobile-menu-toggle {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		gap: 4px;
		width: 43px;
		height: 43px;
		margin: 0;
		padding: 0;
		background: #8e3b43;
		color: #efd16b;
		border: 1px solid #d4af37;
		border-radius: 11px;
		box-shadow: 0 7px 16px rgba(116, 47, 54, 0.2);
		cursor: pointer;
	}

	.ph-mobile-menu-toggle span {
		display: block;
		width: 19px;
		height: 2px;
		margin: 0 !important;
		background: currentColor;
		border-radius: 99px;
	}

	.ph-mobile-menu-toggle span:nth-child(2) {
		width: 14px;
		align-self: flex-start;
		margin-right: 11px !important;
	}

	.ph-mobile-menu-toggle:hover,
	.ph-mobile-menu-toggle:focus-visible {
		background: #742f36;
		transform: none;
		box-shadow: 0 8px 18px rgba(116, 47, 54, 0.24);
	}

	.ph-mobile-menu-toggle:focus-visible {
		outline: 3px solid rgba(212, 175, 55, 0.4);
		outline-offset: 2px;
	}
}

/* الشاشات شديدة الصغر */

@media (max-width: 390px) {

	.ph-topbar__inner {
		grid-template-columns: 32px minmax(73px, 0.9fr) minmax(96px, 1.1fr);
		gap: 5px;
	}

	.ph-topbar__whatsapp {
		width: 30px;
		height: 30px;
	}

	.ph-topbar__icon {
		width: 23px;
		height: 23px;
		flex-basis: 23px;
	}

	.ph-topbar__item-content strong,
	.ph-topbar__hours .ph-topbar__item-content strong::after {
		font-size: 9.5px;
	}

	.ph-logo img,
	.ph-logo .custom-logo {
		max-width: 158px;
		max-height: 48px;
	}

	.ph-mobile-menu-toggle {
		width: 41px;
		height: 41px;
	}
}
/* ==================================================
   Header Final Responsive Corrections
   Desktop + Tablet + Mobile
================================================== */

/* ==================================================
   Desktop
================================================== */

@media (min-width: 768px) {

	/* إخفاء عناصر الجوال نهائيًا */
	.ph-mobile-menu-toggle,
	.ph-mobile-menu-overlay,
	.ph-mobile-drawer {
		display: none !important;
	}

	/* الشريط العلوي */
	.ph-topbar {
		min-height: 42px;
		background: #8e3b43;
		border-bottom: 1px solid rgba(212, 175, 55, 0.3);
		box-shadow: none;
	}

	.ph-topbar__inner {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 30px;
		min-height: 42px;
		padding-top: 0;
		padding-bottom: 0;
	}

	.ph-topbar__contact,
	.ph-topbar__actions {
		display: flex;
		align-items: center;
		gap: 25px;
	}

	.ph-topbar__item {
		display: inline-flex;
		align-items: center;
		gap: 7px;
		margin: 0;
		padding: 0;
		color: #ffffff;
		font-size: 12px;
		font-weight: 700;
		line-height: 1.4;
		text-decoration: none;
		white-space: nowrap;
	}

	.ph-topbar__icon {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 20px;
		height: 20px;
		flex: 0 0 20px;
		background: transparent;
		color: #d4af37;
		border: 0;
		border-radius: 0;
	}

	.ph-topbar__icon svg {
		width: 16px;
		height: 16px;
	}

	/*
	 * إخفاء التسميات الإضافية مثل:
	 * اتصل بنا، نطاق الخدمة، ساعات العمل
	 */
	.ph-topbar__item-content small {
		display: none;
	}

	.ph-topbar__item-content {
		display: block;
	}

	.ph-topbar__item-content strong {
		display: block;
		color: #ffffff;
		font-size: 12px;
		font-weight: 700;
		line-height: 1.4;
		white-space: nowrap;
	}

	/* إظهار الهاتف بصورة طبيعية */
	.ph-topbar__phone {
		padding: 0;
		border: 0;
	}

	/* العنوان */
	.ph-topbar__address {
		display: inline-flex !important;
	}

	/* ساعات العمل */
	.ph-topbar__hours {
		padding: 0;
		border: 0;
	}

	.ph-topbar__hours .ph-topbar__item-content strong {
		font-size: 12px;
	}

	/* واتساب الكمبيوتر */
	.ph-topbar__whatsapp {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: 8px;
		width: auto;
		height: 42px;
		margin: 0;
		padding: 0 20px;
		background: rgba(255, 255, 255, 0.08);
		color: #ffffff;
		border: 0;
		border-right: 1px solid rgba(255, 255, 255, 0.14);
		border-left: 1px solid rgba(255, 255, 255, 0.14);
		border-radius: 0;
		box-shadow: none;
		font-size: 12px;
		font-weight: 800;
		text-decoration: none;
		transition:
			background-color 200ms ease,
			color 200ms ease;
	}

	.ph-topbar__whatsapp span {
		display: inline;
	}

	.ph-topbar__whatsapp svg {
		width: 19px;
		height: 19px;
	}

	.ph-topbar__whatsapp:hover,
	.ph-topbar__whatsapp:focus-visible {
		background: #16874a;
		color: #ffffff;
	}

	/* الهيدر الأبيض */
	.ph-header-main {
		background: #ffffff;
		border-bottom: 1px solid rgba(116, 47, 54, 0.08);
		box-shadow: 0 7px 22px rgba(21, 23, 27, 0.06);
	}

	.ph-header-main__inner {
		display: grid;
		grid-template-columns:
			minmax(205px, 0.9fr)
			minmax(500px, 2fr)
			minmax(260px, 1fr);
		align-items: center;
		gap: 24px;
		min-height: 98px;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.ph-branding {
		grid-column: 1;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		max-width: none;
	}

	.ph-logo,
	.ph-logo .custom-logo-link {
		display: flex;
		align-items: center;
	}

	.ph-logo img,
	.ph-logo .custom-logo {
		display: block;
		width: auto;
		max-width: 220px;
		height: auto;
		max-height: 70px;
		object-fit: contain;
	}

	.ph-primary-navigation {
		grid-column: 2;
		display: flex !important;
		align-items: center;
		justify-content: center;
	}

	.ph-primary-menu {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: nowrap;
		gap: clamp(19px, 2vw, 32px);
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.ph-primary-menu > li {
		margin: 0;
	}

	.ph-primary-menu > li > a {
		position: relative;
		display: inline-flex;
		align-items: center;
		min-height: 50px;
		padding: 8px 0;
		color: #15171b;
		font-size: 15px;
		font-weight: 800;
		line-height: 1.4;
		text-decoration: none;
		white-space: nowrap;
	}

	.ph-header-actions {
		grid-column: 3;
		display: flex;
		align-items: center;
		justify-content: flex-end;
		gap: 12px;
	}

	.ph-header-call {
		display: inline-flex !important;
		align-items: center;
		justify-content: center;
		width: 48px;
		height: 48px;
		flex: 0 0 48px;
		background: #faf4f4;
		color: #8e3b43;
		border: 1px solid rgba(142, 59, 67, 0.15);
		border-radius: 50%;
		text-decoration: none;
	}

	.ph-header-call svg {
		width: 21px;
		height: 21px;
	}

	.ph-header-cta {
		display: inline-flex !important;
		align-items: center;
		justify-content: center;
		min-height: 52px;
		padding: 12px 25px;
		background: #8e3b43;
		color: #ffffff;
		border-radius: 12px;
		box-shadow: 0 12px 25px rgba(142, 59, 67, 0.2);
		font-size: 14px;
		font-weight: 800;
		text-decoration: none;
		white-space: nowrap;
	}
}

/* ==================================================
   Mobile
================================================== */

@media (max-width: 767px) {

	/* الشريط العلوي */
	.ph-topbar {
		min-height: 42px;
	}

	.ph-topbar__inner {
		display: grid;
		grid-template-columns:
			minmax(115px, 1.2fr)
			minmax(90px, 0.9fr)
			34px;
		align-items: center;
		gap: 7px;
		min-height: 42px;
		padding-top: 5px;
		padding-bottom: 5px;
		direction: rtl;
	}

	.ph-topbar__contact,
	.ph-topbar__actions {
		display: contents;
	}

	.ph-topbar__address {
		display: none !important;
	}

	/* الهاتف في يمين الشريط */
	.ph-topbar__phone {
		grid-column: 1;
		grid-row: 1;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		gap: 6px;
		padding: 0;
		border: 0;
		direction: rtl;
	}

	/* الوقت في المنتصف */
	.ph-topbar__hours {
		grid-column: 2;
		grid-row: 1;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 5px;
		min-width: 0;
		padding: 0 6px;
		border-right: 1px solid rgba(255, 255, 255, 0.16);
		border-left: 1px solid rgba(255, 255, 255, 0.16);
		direction: rtl;
	}

	/* واتساب في يسار الشريط */
	.ph-topbar__whatsapp {
		grid-column: 3;
		grid-row: 1;
		width: 32px;
		height: 32px;
	}

	.ph-topbar__item-content strong {
		font-size: 10.5px;
	}

	.ph-topbar__hours .ph-topbar__item-content strong {
		font-size: 0;
	}

	.ph-topbar__hours .ph-topbar__item-content strong::after {
		content: attr(data-hours-short);
		font-size: 10px;
		font-weight: 800;
	}

	/* صف الشعار */
	.ph-header-main__inner {
		min-height: 72px;
		padding-top: 7px;
		padding-bottom: 7px;
	}

	.ph-branding {
		max-width: calc(100% - 60px);
	}

	.ph-logo img,
	.ph-logo .custom-logo {
		max-width: 190px;
		max-height: 55px;
	}

	.ph-mobile-menu-toggle {
		width: 43px;
		height: 43px;
	}
}

/* ==================================================
   Small phones
================================================== */

@media (max-width: 390px) {

	.ph-topbar__inner {
		grid-template-columns:
			minmax(105px, 1.2fr)
			minmax(78px, 0.85fr)
			31px;
		gap: 5px;
	}

	.ph-topbar__whatsapp {
		width: 30px;
		height: 30px;
	}

	.ph-topbar__item-content strong {
		font-size: 9.5px;
	}

	.ph-topbar__hours .ph-topbar__item-content strong::after {
		font-size: 9.5px;
	}

	.ph-logo img,
	.ph-logo .custom-logo {
		max-width: 168px;
		max-height: 50px;
	}
}

/* ==================================================
   v3.7 Mobile submenu true-collapse fix
   Hidden submenus must occupy zero space until the user opens them.
================================================== */
@media (max-width: 767px) {
	.ph-mobile-menu > .menu-item-has-children > .sub-menu[hidden] {
		display: none !important;
		visibility: hidden !important;
		opacity: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		border-width: 0 !important;
	}

	.ph-mobile-menu > .menu-item-has-children.is-submenu-open > .sub-menu:not([hidden]) {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		margin: 0 12px 10px !important;
		padding: 8px !important;
		border-right-width: 3px !important;
	}

	.ph-mobile-menu > .menu-item-has-children {
		align-content: start;
	}

	.ph-mobile-submenu-toggle {
		align-self: center;
	}
}


/* =========================================================
   v4.3.1 — Premium compact header / mobile modal navigation
   ========================================================= */
.ph-site-header{position:relative}.ph-site-header.is-sticky .ph-header-main{position:fixed;top:var(--ph-admin-offset,0);right:0;left:0;z-index:1002;box-shadow:0 12px 34px rgba(21,23,27,.12);animation:phHeaderIn .2s ease both}.ph-site-header.is-sticky .ph-header-main__inner{min-height:70px}.ph-site-header.is-sticky .ph-logo .custom-logo{max-height:54px}@keyframes phHeaderIn{from{transform:translateY(-8px);opacity:.94}to{transform:none;opacity:1}}
.ph-mobile-menu-toggle{border-radius:12px!important;border:1px solid rgba(142,59,67,.18)!important;background:#fff!important;box-shadow:0 8px 22px rgba(21,23,27,.08)!important}.ph-mobile-menu-toggle span{border-radius:999px}.ph-mobile-drawer{box-shadow:-24px 0 70px rgba(21,23,27,.22)!important}.ph-mobile-drawer__header{border-bottom:1px solid var(--ph-border)}.ph-mobile-drawer__information{margin-top:auto!important}.ph-mobile-menu .sub-menu{border-inline-start:2px solid rgba(212,175,55,.45)!important}
@media(max-width:767px){.ph-topbar{display:none!important}.ph-header-main__inner{display:flex!important;justify-content:space-between!important;min-height:68px!important;gap:12px!important}.ph-primary-navigation,.ph-header-call,.ph-header-cta{display:none!important}.ph-branding{order:1;flex:1;justify-content:flex-start}.ph-header-actions{order:2}.ph-logo .custom-logo{max-width:154px!important;max-height:50px!important}.ph-mobile-menu-toggle{display:inline-flex!important;width:46px!important;height:46px!important;align-items:center;justify-content:center;flex-direction:column;gap:5px;padding:11px!important}.ph-mobile-menu-toggle span{display:block!important;width:22px!important;height:2px!important;background:var(--ph-primary)!important}.ph-mobile-drawer{position:fixed!important;top:0!important;bottom:0!important;right:auto!important;left:0!important;width:min(88vw,390px)!important;height:100dvh!important;max-height:none!important;border-radius:0 20px 20px 0!important;transform:translateX(-105%)!important;overflow:hidden!important}.ph-mobile-drawer.is-open{transform:translateX(0)!important}.ph-mobile-drawer__body{display:flex!important;flex-direction:column!important;height:calc(100dvh - 78px)!important;overflow-y:auto!important;padding-bottom:max(20px,env(safe-area-inset-bottom))!important}.ph-mobile-drawer__cta .ph-mobile-drawer__main-button{display:none!important}.ph-mobile-drawer__quick-actions{order:5;margin-top:16px!important}.ph-mobile-drawer__information{order:4}.ph-mobile-drawer__navigation{order:1}.ph-mobile-drawer__cta{order:5}.ph-mobile-drawer__quick-button{min-height:48px!important}.ph-site-header.is-sticky .ph-header-main{top:var(--ph-admin-offset,0)}body.ph-mobile-menu-open{overflow:hidden!important}}
@media(max-width:390px){.ph-logo .custom-logo{max-width:138px!important}.ph-mobile-drawer{width:92vw!important}}

/* v4.3.2 visual refinement: premium compact header + mobile navigation */
@media (min-width:768px){
  .ph-topbar{min-height:36px}.ph-topbar__inner{min-height:36px}
  .ph-header-main__inner{min-height:82px}
  .ph-logo .custom-logo{max-height:58px}
  .ph-primary-menu>li>a{font-size:15px;font-weight:700}
}
@media (max-width:767px){
  .ph-header-main{background:rgba(255,255,255,.98)!important;box-shadow:0 7px 24px rgba(21,23,27,.07)!important}
  .ph-header-main__inner{min-height:72px!important;padding-inline:12px!important}
  .ph-logo .custom-logo{max-width:150px!important;max-height:48px!important}
  .ph-mobile-menu-toggle{width:48px!important;height:48px!important;padding:0!important;border-radius:14px!important;border:1px solid rgba(212,175,55,.7)!important;background:linear-gradient(145deg,#8e3b43,#742f36)!important;color:#f2d66d!important;box-shadow:0 9px 22px rgba(116,47,54,.22)!important;gap:5px!important}
  .ph-mobile-menu-toggle span{height:2px!important;background:currentColor!important;box-shadow:none!important}
  .ph-mobile-menu-toggle span:nth-child(1),.ph-mobile-menu-toggle span:nth-child(3){width:22px!important}
  .ph-mobile-menu-toggle span:nth-child(2){width:15px!important;margin:0!important;align-self:flex-start!important;margin-inline-start:13px!important}
  .ph-mobile-drawer{width:min(91vw,400px)!important;border-radius:0 22px 22px 0!important;background:#fff!important}
  .ph-mobile-drawer__header{min-height:80px!important;padding:13px 15px!important;background:linear-gradient(135deg,#15171b,#24272d)!important}
  .ph-mobile-drawer__logo img{max-width:160px!important;max-height:50px!important;filter:drop-shadow(0 3px 9px rgba(0,0,0,.12))}
  .ph-mobile-drawer__body{padding:14px 15px max(20px,env(safe-area-inset-bottom))!important}
  .ph-mobile-menu{display:grid!important;gap:7px!important}
  .ph-mobile-menu>li{border:0!important}
  .ph-mobile-menu>li>a{min-height:50px!important;padding:11px 14px!important;border:1px solid #eee5e3!important;border-radius:13px!important;background:#fff!important;font-size:15px!important;font-weight:800!important;box-shadow:0 4px 14px rgba(21,23,27,.035)!important}
  .ph-mobile-menu>li.current-menu-item>a,.ph-mobile-menu>li.current_page_item>a{color:#8e3b43!important;background:#fbf4f5!important;border-color:#ead0d3!important}
  .ph-mobile-submenu-toggle{top:7px!important;width:36px!important;height:36px!important;border-radius:10px!important}
  .ph-mobile-menu .sub-menu{margin:7px 8px 2px!important;padding:7px!important;border:1px solid #eee5e3!important;border-inline-start:3px solid #d4af37!important;border-radius:12px!important;background:#fcfaf8!important}
  .ph-mobile-menu .sub-menu a{min-height:42px!important;padding:9px 11px!important;font-size:13.5px!important}
  .ph-mobile-drawer__quick-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important}
  .ph-mobile-drawer__quick-button{min-height:50px!important;border-radius:13px!important;font-weight:800!important}
  .ph-mobile-drawer__quick-button--call{background:#8e3b43!important;color:#fff!important;border-color:#8e3b43!important;box-shadow:0 8px 20px rgba(142,59,67,.2)!important}
  .ph-mobile-drawer__quick-button--whatsapp{background:#25D366!important;color:#fff!important;border-color:#25D366!important;box-shadow:0 8px 20px rgba(37,211,102,.18)!important}
  .ph-mobile-drawer__quick-button svg{width:21px!important;height:21px!important}
  .ph-mobile-drawer__information{display:grid!important;gap:8px!important;padding-top:13px!important}
  .ph-mobile-drawer__info-item{padding:11px 12px!important;border:1px solid #eee5e3!important;border-radius:12px!important;background:#faf8f6!important}
  .ph-mobile-drawer__info-item>svg{color:#b99120!important}
}

@media (max-width: 1100px) {
	.ph-topbar__trust { display: none; }
}

/* v5.7 topbar mobile priority */
@media(max-width:720px){
	.ph-topbar__address{display:none!important}
	.ph-topbar__inner{gap:.65rem;justify-content:space-between}
	.ph-topbar__contact,.ph-topbar__actions{gap:.55rem}
	.ph-topbar__item-content small{display:none}
	.ph-topbar__item-content strong{font-size:.78rem}
}
@media(max-width:390px){
	.ph-topbar__hours{display:none!important}
}