/*
Theme Name: Astra Child — الزهراني
Theme URI: https://alzhrani4clean.com/
Description: قالب ابن مخصّص لشركة الزهراني للخدمات المنزلية — يحتوي صفحة رئيسية مصمّمة.
Author: Mousab Elhag
Template: astra
Version: 1.0.0
Text Domain: astra-child
*/


/* ============================================================
   alzhrani4clean — إصلاح الصور والعناصر الخارجة عن إطار المحتوى
   (صور wp-caption بعرض ثابت، جداول، iframe، مقاطع فيديو)
   ============================================================ */
.entry-content img,
.entry-content figure,
.entry-content iframe,
.entry-content video,
.entry-content embed,
.entry-content object,
.entry-content svg {
	max-width: 100% !important;
}

.entry-content img,
.entry-content iframe,
.entry-content video { height: auto !important; }

/* صور التعليقات (wp-caption) كان لها عرض ثابت بالبكسل يكسر الصفحة على الجوال */
.entry-content figure.wp-caption,
.entry-content .wp-caption,
.entry-content figure.wp-caption.alignleft,
.entry-content figure.wp-caption.alignright,
.entry-content figure.wp-caption.aligncenter,
.entry-content figure.wp-caption.alignnone {
	width: auto !important;
	max-width: 100% !important;
	float: none !important;
	margin: 18px auto !important;
	display: block !important;
}

.entry-content figure.wp-caption img,
.entry-content .wp-caption img {
	width: auto !important;
	max-width: 100% !important;
	height: auto !important;
	display: block;
	margin: 0 auto;
}

.entry-content .wp-caption-text,
.entry-content figcaption {
	text-align: center !important;
	font-size: 90%;
	line-height: 1.6;
	max-width: 100%;
}

/* الصور المفردة المحاذية لليمين/اليسار: بلا تعويم على الجوال */
.entry-content img.alignleft,
.entry-content img.alignright,
.entry-content .alignleft,
.entry-content .alignright {
	float: none !important;
	display: block !important;
	margin: 18px auto !important;
	max-width: 100% !important;
}

/* أي عنصر بعرض ثابت داخل المحتوى لا يتجاوز الشاشة */
.entry-content [style*="width:"] { max-width: 100% !important; }

/* الجداول: تبقى مقروءة عبر تمرير أفقي داخل إطارها بدل توسيع الصفحة */
.entry-content table {
	display: block;
	width: 100% !important;
	max-width: 100% !important;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.entry-content {
	overflow-wrap: break-word;
	word-wrap: break-word;
}

/* شبكات الصور (معرض ووردبريس) */
.entry-content .gallery,
.entry-content .gallery-item { max-width: 100% !important; }
.entry-content .gallery-item img { width: 100% !important; height: auto !important; }

@media (max-width: 767px) {
	.entry-content,
	.entry-content p,
	.entry-content li { font-size: 16px; line-height: 1.85; }
	.entry-content iframe { max-height: 60vh; }
}


/* ============================================================
   إصلاح الفوتر: كان النص فاتحًا على خلفية فاتحة (روابط غير مرئية)
   ============================================================ */
.site-footer,
.site-footer .site-below-footer-wrap,
.site-footer .site-primary-footer-wrap,
.site-footer .ast-footer-overlay,
.site-footer .ast-builder-grid-row-container,
.site-footer .site-footer-focus-item,
.site-footer .footer-widget-area {
	background-color: #141821 !important;
	color: #cfd2d8 !important;
}

.site-footer .site-below-footer-wrap,
.site-footer .site-primary-footer-wrap { border-color: rgba(255,255,255,.10) !important; }

.site-footer a,
.site-footer .footer-bar-navigation a,
.site-footer .nav-menu a {
	color: #ffffff !important;
	opacity: .92;
	text-decoration: none !important;
}

.site-footer a:hover,
.site-footer a:focus { color: #f0a93c !important; opacity: 1; }

.site-footer .footer-bar-navigation ul,
.site-footer ul.footer-menu,
.site-footer nav ul {
	display: flex !important;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 12px 28px;
	list-style: none !important;
	margin: 0 !important;
	padding: 6px 0 !important;
}

.site-footer li { margin: 0 !important; }

.site-footer .site-footer-section { display: flex; align-items: center; }
.site-footer .ast-small-footer-wrap,
.site-footer .site-primary-footer-wrap { text-align: center; }

@media (max-width: 767px) {
	.site-footer .footer-bar-navigation ul { justify-content: center; gap: 10px 18px; }
	.site-footer { font-size: 14px; }
}


/* إخفاء شريط عنوان الصفحة الزائد في الرئيسية (الهيرو يقوم بالمهمة) */
body.home .ast-title-bar-wrap,
.home .ast-title-bar-wrap { display: none !important; }