/* Native Site Editor integration and social profiles. */
.wp-site-blocks{padding:0}
.wp-site-blocks>*+*,.rukn-home-layout>.rukn-editable{margin-block-start:0}
.rukn-site .rukn-header-part,.rukn-site .rukn-editable-header{display:contents}
.rukn-site .rukn-footer-part{margin-block-start:0}
.rukn-social{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.rukn-social a{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:44px;min-height:44px;padding:8px;border:1px solid currentColor;border-radius:10px;color:inherit;line-height:1.3;transition:background-color .2s,color .2s,transform .2s}
.rukn-social a:hover{background:var(--accent);color:var(--primary-ink);transform:translateY(-2px);text-decoration:none}
.rukn-social a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.topbar .rukn-social a{width:36px;min-width:36px;height:36px;min-height:36px;padding:6px;border-color:#ffffff45;color:#fff}
.rukn-footer-social{padding-block:18px}
.rukn-footer-social:empty{display:none}
.rukn-social-footer{border-top:1px solid #ffffff25;padding-block-start:20px;color:#fff}
.rukn-editable{max-width:none}
.rukn-site .wp-block-template-part{max-width:none}
.rukn-site .entry-content .alignfull{max-width:none}
.rukn-site .wp-block-group.has-background{padding-block:var(--wp--preset--spacing--medium,2rem)}
.rukn-site .wp-block-post-featured-image{margin-inline:0}
.rukn-site .wp-block-post-featured-image img{border-radius:var(--radius-lg)}
.rukn-site .wp-block-button__link{min-height:44px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
:root{--accent-strong:var(--link,#b45309);--grad-brand:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 75%,white));--grad-accent:linear-gradient(120deg,var(--accent),color-mix(in srgb,var(--accent) 85%,black))}
@media(max-width:599px){.topbar .rukn-social a{min-width:36px}.topbar-contact{flex-wrap:wrap;justify-content:center}.rukn-social-header{justify-content:center}.rukn-footer-social{padding-block:14px}}
@media(prefers-reduced-motion:reduce){.rukn-social a{transition:none}.rukn-social a:hover{transform:none}}

.rukn-native-header{padding-block:18px;border-bottom:1px solid var(--border)}.rukn-native-header .wp-block-site-title{margin:0}.rukn-native-footer a{color:inherit}.rukn-native-footer .wp-block-social-links{gap:18px}

/* Keep the optional dark mode consistent with native global body styles. */
:root[data-theme=dark] body.rukn-site{color:var(--text);background:var(--background)}

/* Preserve the current live hero design. */

/* ضمان التباين والوضوح التام للبداية تحت أي ظرف */
.hero-redesigned.hero {
	background: #070f1e radial-gradient(circle at 85% 25%, rgba(217, 119, 6, 0.16) 0%, transparent 45%);
	background-color: #070f1e;
	color: #ffffff !important;
}
.hero-redesigned .hero-chip {
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	margin-bottom: 20px !important;
	padding: 8px 18px !important;
	background: rgba(255, 255, 255, 0.1) !important;
	border: 1px solid rgba(255, 255, 255, 0.25) !important;
	border-radius: 999px !important;
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
	font-weight: 800 !important;
	font-size: 0.92rem !important;
	backdrop-filter: blur(8px) !important;
}
.hero-redesigned .hero-chip svg { color: #fbbf24 !important; }
.hero-redesigned h1.hero-title,
.hero-redesigned .hero-title,
.hero-redesigned h1 {
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
	font-size: clamp(2.3rem, 4.8vw, var(--hero-size,58px)) !important;
	font-weight: 900 !important;
	line-height: 1.3 !important;
	margin-bottom: 22px !important;
	text-shadow: 0 4px 30px rgba(0, 0, 0, 0.85) !important;
	max-inline-size: 24ch !important;
}
.hero-redesigned p.hero-description,
.hero-redesigned .hero-description {
	color: #f1f5f9 !important;
	-webkit-text-fill-color: #f1f5f9 !important;
	font-size: clamp(1.08rem, 1.8vw, 1.25rem) !important;
	font-weight: 500 !important;
	line-height: 1.95 !important;
	margin-bottom: 28px !important;
	text-shadow: 0 2px 10px rgba(0, 0, 0, 0.6) !important;
	max-inline-size: 60ch !important;
	opacity: 0.98 !important;
}
.hero-redesigned .button-row {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	gap: 16px !important;
	margin-bottom: 28px !important;
}
.hero-redesigned .hero-cta-btn {
	background: linear-gradient(135deg, #d97706, #b45309) !important;
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
	border: 1px solid #d97706 !important;
	padding: 15px 34px !important;
	font-size: 1.05rem !important;
	font-weight: 850 !important;
	border-radius: 12px !important;
	box-shadow: 0 6px 22px rgba(217, 119, 6, 0.42) !important;
	transition: all 0.3s ease !important;
}
.hero-redesigned .hero-cta-btn:hover {
	transform: translateY(-3px) !important;
	box-shadow: 0 10px 28px rgba(217, 119, 6, 0.55) !important;
	filter: brightness(1.08) !important;
}
.hero-redesigned .hero-wa-btn {
	background: #10b981 !important;
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
	border: 1px solid #059669 !important;
	padding: 15px 32px !important;
	font-size: 1.05rem !important;
	font-weight: 850 !important;
	border-radius: 12px !important;
	box-shadow: 0 6px 22px rgba(16, 185, 129, 0.36) !important;
	transition: all 0.3s ease !important;
}
.hero-redesigned .hero-wa-btn:hover {
	transform: translateY(-3px) !important;
	box-shadow: 0 10px 28px rgba(16, 185, 129, 0.5) !important;
	filter: brightness(1.08) !important;
}
.hero-redesigned .hero-trust {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 10px 14px !important;
	padding: 0 !important;
	list-style: none !important;
	margin: 0 !important;
}
.hero-redesigned .hero-trust li {
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	padding: 8px 16px !important;
	background: rgba(255, 255, 255, 0.1) !important;
	border: 1px solid rgba(255, 255, 255, 0.22) !important;
	border-radius: 999px !important;
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
	font-size: 0.88rem !important;
	font-weight: 750 !important;
	backdrop-filter: blur(6px) !important;
}
.hero-redesigned .hero-trust svg { color: #fbbf24 !important; }

/* Approved ME bilingual identity, with readable contrast on light/dark headers. */
.site-header .custom-logo-link,.site-header .brand-link:has(.rukn-brand-fallback){display:block;flex-shrink:0;line-height:0;background:#fff;border-radius:8px;padding:2px 6px}
.site-header .custom-logo{display:block;width:260px;height:90px;max-width:260px;max-height:90px;object-fit:cover;object-position:center}
.site-footer .footer-brand:has(.rukn-footer-logo){display:inline-flex;background:#fff;border-radius:9px;padding:6px 10px}
.site-footer .rukn-footer-logo{display:block;width:250px;height:88px;max-width:100%;object-fit:cover;object-position:center}
@media(max-width:1100px){.site-header .custom-logo{width:220px;height:76px;max-width:220px;max-height:76px}}
@media(max-width:600px){.site-header .custom-logo{width:190px;height:66px;max-width:190px;max-height:66px}.site-header .custom-logo-link,.site-header .brand-link:has(.rukn-brand-fallback){padding:0 3px}.site-header .brand{flex-shrink:1}}
@media(max-width:360px){.site-header .custom-logo{width:166px;height:58px;max-width:166px;max-height:58px}}

/* Let the bilingual logo share narrow headers without overlapping controls. */
@media(max-width:600px){.site-header .header-inner{gap:8px}.site-header .brand{flex:1 1 auto;min-width:0}.site-header .custom-logo-link,.site-header .brand-link:has(.rukn-brand-fallback){width:100%;max-width:190px;padding:0}.site-header .custom-logo{width:100%;height:auto;max-width:190px;max-height:none;aspect-ratio:26/9;object-fit:cover}.site-header .header-actions{gap:4px;flex:0 0 auto}.site-header .header-actions .icon-button{width:40px;min-width:40px;height:40px}.site-header .header-actions .quick-contact{min-width:40px;padding-inline:9px}}