/* هيدر الموقع الجديد: ليل النيل — كحلي × نبيتي مع الخط الأصلي بالذهبي */
:root {
	--mast-navy: #0d1d3a;
	--mast-navy-2: #172c55;
	--mast-wine: #5e1530;
	--mast-wine-2: #3a1a3c;
	--mast-gold: #d9b15f;
	--mast-gold-2: #f6e3ac;
}

@keyframes drzMastSheen { 0% { background-position: 120% 0; } 55%, 100% { background-position: -120% 0; } }
@keyframes drzMastFloat { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-4px); } }
@keyframes drzMastRing { to { transform: translate(50%, -50%) rotate(360deg); } }
@keyframes drzMastIn { from { opacity: 0; } to { opacity: 1; } }

:is(html,#drzb) :is(body,#drzx):is(body,#drzy) .drzos-nyt-brand-card.drz-mast-card {
	height: auto !important; min-height: 0 !important; max-height: none !important; overflow: visible !important;
	background: none !important; border-radius: 22px !important; aspect-ratio: auto !important;
}
:is(html,#drzb) :is(body,#drzx):is(body,#drzy) .drzos-nyt-brand.drz-mast-brand { background: none !important; height: auto !important; max-height: none !important; }
:is(html,#drzb) :is(body,#drzx):is(body,#drzy) .drzos-nyt-brand.drz-mast-brand > .drzos-nyt-shell { display: block !important; }
:is(html,#drzb) :is(body,#drzx):is(body,#drzy) .drz-mast-card > :not(.drz-mast) { display: none !important; }

.drz-mast {
	position: relative; height: 188px; direction: rtl; overflow: hidden; isolation: isolate;
	border-radius: 22px;
	background:
		radial-gradient(60% 120% at 12% 100%, rgba(242, 156, 74, .30), transparent 60%),
		radial-gradient(45% 140% at 88% 50%, rgba(80, 130, 210, .35), transparent 65%),
		linear-gradient(100deg, var(--mast-wine) 0%, var(--mast-wine-2) 38%, var(--mast-navy-2) 72%, var(--mast-navy) 100%);
	box-shadow: 0 18px 40px -18px rgba(20, 25, 60, .55), inset 0 0 0 1px rgba(255, 255, 255, .06);
}
.drz-mast > * { position: absolute; }

/* بانوراما النيل بتدرّج لوني */
.drz-mast-nile {
	inset: 0;
	background: url("/wp-content/themes/jannah-child/inc/drzawba-suite/assets/egypt-header-mobile-clean-1581x306.webp") left center / cover no-repeat;
	mix-blend-mode: luminosity;
	opacity: .42;
	-webkit-mask-image: linear-gradient(270deg, transparent 18%, rgba(0, 0, 0, .55) 45%, #000 80%);
	mask-image: linear-gradient(270deg, transparent 18%, rgba(0, 0, 0, .55) 45%, #000 80%);
}
/* زخرفة هندسية خفيفة */
.drz-mast-pattern {
	inset: 0;
	opacity: .10;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 56 56'%3E%3Cg fill='none' stroke='%23f6e3ac' stroke-width='.8'%3E%3Cpath d='M28 6l6 16 16 6-16 6-6 16-6-16-16-6 16-6z'/%3E%3Crect x='17' y='17' width='22' height='22' transform='rotate(45 28 28)'/%3E%3Ccircle cx='28' cy='28' r='4'/%3E%3C/g%3E%3C/svg%3E");
	background-size: 56px 56px;
	-webkit-mask-image: linear-gradient(270deg, #000 0%, rgba(0, 0, 0, .5) 40%, transparent 75%);
	mask-image: linear-gradient(270deg, #000 0%, rgba(0, 0, 0, .5) 40%, transparent 75%);
}
/* خط ذهبي رفيع تحت */
.drz-mast-line {
	left: 0; right: 0; bottom: 0; height: 3px;
	background: linear-gradient(90deg, #8c1d3a, var(--mast-gold) 50%, #7fb0e6);
}

/* صورة الدكتور */
.drz-mast-person { top: 0; bottom: 0; right: 18px; width: 270px; }
.drz-mast-person > span { position: absolute; display: block; pointer-events: none; }
.drz-mast-halo {
	right: 50%; top: 50%; width: 214px; height: 214px; border-radius: 50%;
	transform: translate(50%, -50%);
	background: radial-gradient(circle, rgba(246, 227, 172, .30) 0%, rgba(217, 177, 95, .12) 45%, transparent 70%);
}
.drz-mast-ring {
	right: 50%; top: 46%; width: 176px; height: 176px; border-radius: 50%;
	transform: translate(50%, -50%);
	border: 1px solid rgba(246, 227, 172, .45);
	border-top-color: rgba(246, 227, 172, .95);
	border-left-color: transparent;
	animation: drzMastRing 18s linear infinite;
}
.drz-mast-ring.is-2 { width: 204px; height: 204px; border-color: rgba(246, 227, 172, .18); border-bottom-color: rgba(246, 227, 172, .7); border-right-color: transparent; animation-duration: 26s; animation-direction: reverse; }
.drz-mast-person img {
	position: absolute; bottom: 0; right: 50%; transform: translateX(50%);
	height: 176px; width: auto; max-width: none;
	filter: drop-shadow(0 10px 22px rgba(0, 0, 0, .45));
}

/* الخط الأصلي بالذهبي */
.drz-mast-title {
	top: 50%; transform: translateY(-50%); right: 320px; left: 200px;
	display: flex; flex-direction: column; align-items: center; gap: 8px;
	animation: drzMastIn .9s ease both;
}
.drz-mast-name {
	display: block; max-width: 100%; white-space: nowrap;
	font-family: "Noto Nastaliq Urdu", "Aref Ruqaa", serif !important; font-weight: 600; font-size: 46px; line-height: 1.75;
	margin: -14px 0 -18px; padding: 0 6px;
	background: linear-gradient(105deg, #d5a54b 0%, #f6e3ac 30%, #fffaf0 42%, #e7c375 50%, #f6e3ac 70%, #c9963f 100%);
	background-size: 260% 100%;
	-webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent;
	filter: drop-shadow(0 3px 6px rgba(0, 0, 0, .5));
	animation: drzMastSheen 7s ease-in-out infinite;
}
.drz-mast-orn { display: flex; align-items: center; gap: 10px; width: min(100%, 420px); }
.drz-mast-orn::before, .drz-mast-orn::after { content: ""; flex: 1; height: 1px; background: linear-gradient(90deg, transparent, rgba(246, 227, 172, .8), transparent); }
.drz-mast-orn b { width: 7px; height: 7px; transform: rotate(45deg); background: var(--mast-gold); box-shadow: 0 0 10px rgba(246, 227, 172, .8); }
.drz-mast-tag {
	position: static; margin: 0; color: rgba(255, 255, 255, .86);
	font-size: 14px; font-weight: 600; letter-spacing: .4px; white-space: nowrap;
}
.drz-mast-tag span { color: var(--mast-gold); margin: 0 8px; }

/* شعار جانبي على الشمال */
.drz-mast-seal {
	left: 34px; top: 50%; transform: translateY(-50%);
	display: flex; flex-direction: column; align-items: center; gap: 8px;
	color: #fff; text-decoration: none !important;
	animation: drzMastIn 1.1s .2s ease both;
}
.drz-mast-seal-badge {
	display: grid; place-items: center; width: 88px; height: 88px; border-radius: 50%;
	background: rgba(255, 255, 255, .07);
	border: 1px solid rgba(246, 227, 172, .55);
	box-shadow: inset 0 0 0 6px rgba(255, 255, 255, .04), 0 8px 24px rgba(0, 0, 0, .3);
	backdrop-filter: blur(4px);
	transition: transform .3s ease, background .3s ease;
}
.drz-mast-seal-badge svg { width: 36px; height: 36px; fill: #ff3b30; filter: drop-shadow(0 2px 6px rgba(255, 59, 48, .45)); }
.drz-mast-seal strong { font-size: 13px; font-weight: 700; color: var(--mast-gold-2); }
.drz-mast-seal:hover .drz-mast-seal-badge { transform: translateY(-3px); background: rgba(255, 255, 255, .13); }

@media (max-width: 1100px) {
	.drz-mast-seal { display: none; }
	.drz-mast-title { left: 24px; right: 290px; }
	.drz-mast-person { right: 6px; width: 260px; }
}
@media (max-width: 1100px) and (min-width: 701px) { .drz-mast-name { font-size: 38px; } }
@media (max-width: 700px) {
	.drz-mast { height: 124px; border-radius: 16px; }
	.drz-mast-name { font-size: clamp(19px, 5.6vw, 28px); margin: -8px 0 -10px; padding: 0 2px; }
	.drz-mast-person { right: 0; width: 128px; }
	.drz-mast-person img { height: 118px; }
	.drz-mast-halo { width: 130px; height: 130px; }
	.drz-mast-ring { width: 104px; height: 104px; }
	.drz-mast-ring.is-2 { width: 122px; height: 122px; }
	.drz-mast-title { right: 128px; left: 12px; gap: 6px; }
	.drz-mast-orn { width: 70%; }
	.drz-mast-tag { font-size: 11px; letter-spacing: 0; }
	.drz-mast-tag span { margin: 0 4px; }
	.drz-mast-pattern { background-size: 40px 40px; }
}
@media (max-width: 380px) {
	.drz-mast-tag { display: none; }
}
@media (prefers-reduced-motion: reduce) {
	.drz-mast-ring, .drz-mast-name, .drz-mast-title, .drz-mast-seal { animation: none !important; }
}

/* تثبيت العرض والخط فوق قواعد القالب */
:is(html,#drzb) :is(body,#drzx):is(body,#drzy) .drz-mast { display: block !important; visibility: visible !important; }
:is(html,#drzb) :is(body,#drzx):is(body,#drzy) .drz-mast :is(.drz-mast-nile, .drz-mast-pattern, .drz-mast-line, .drz-mast-person, .drz-mast-person > span, .drz-mast-person img, .drz-mast-name) { display: block !important; visibility: visible !important; }
:is(html,#drzb) :is(body,#drzx):is(body,#drzy) .drz-mast :is(.drz-mast-title, .drz-mast-orn, .drz-mast-seal) { display: flex !important; visibility: visible !important; }
:is(html,#drzb) :is(body,#drzx):is(body,#drzy) .drz-mast .drz-mast-name { font-family: "Noto Nastaliq Urdu", serif !important; font-weight: 600 !important; }
:is(html,#drzb) :is(body,#drzx):is(body,#drzy) .drz-mast .drz-mast-tag { display: block !important; }
@media (max-width: 1100px) {
	:is(html,#drzb) :is(body,#drzx):is(body,#drzy) .drz-mast .drz-mast-seal { display: none !important; }
}
@media (max-width: 380px) {
	:is(html,#drzb) :is(body,#drzx):is(body,#drzy) .drz-mast .drz-mast-tag { display: none !important; }
}

/* preload */
:is(html,#drzb) :is(body,#drzx):is(body,#drzy) .drzos-nyt-brand-card, :is(html,#drzb) :is(body,#drzx):is(body,#drzy) .drzos-nyt-brand { background-image: none !important; }
@media (min-width: 701px) { :is(html,#drzb) :is(body,#drzx):is(body,#drzy) .drzos-nyt-brand-card:not(.drz-mast-card) { min-height: 188px !important; border-radius: 22px !important; background-color: #2a1d3d !important; } }

/* spacing */
:is(html,#drzb) :is(body,#drzx):is(body,#drzy) .drz-mast .drz-mast-title { gap: 2px !important; transform: translateY(-58%) !important; }
:is(html,#drzb) :is(body,#drzx):is(body,#drzy) .drz-mast .drz-mast-name { font-size: 34px !important; line-height: 1.6 !important; padding: 20px 14px 30px !important; margin: -24px 0 -22px !important; overflow: visible !important; }
:is(html,#drzb) :is(body,#drzx):is(body,#drzy) .drz-mast .drz-mast-orn { margin-top: 0 !important; }
@media (max-width: 1100px) and (min-width: 701px) { :is(html,#drzb) :is(body,#drzx):is(body,#drzy) .drz-mast .drz-mast-name { font-size: 29px !important; } }
@media (max-width: 700px) { :is(html,#drzb) :is(body,#drzx):is(body,#drzy) .drz-mast .drz-mast-title { transform: translateY(-56%) !important; } :is(html,#drzb) :is(body,#drzx):is(body,#drzy) .drz-mast .drz-mast-name { font-size: clamp(15px, 4.4vw, 20px) !important; padding: 12px 6px 18px !important; margin: -14px 0 -12px !important; } }