/* ════════════════════════════════════════════════════════════
   WAAD — LOGO FIX (نهائي بعد مراجعة الصور)
   /assets/css/logo-footer.css
═══════════════════════════════════════════════════════════════ */

/* ─── 1. الهيدر — إصلاح حجم الشعار وحماية الـ layout ─────── */

/* الرابط: يبقى في صف واحد مع البحث والأيقونات */
a.aw-logo {
	display:         flex !important;
	align-items:     center !important;
	flex-shrink:     0 !important;
	text-decoration: none !important;
	line-height:     0 !important;
	/* الحدّ الأقصى للعرض داخل شريط الهيدر */
	max-width:       180px !important;
	overflow:        hidden;
}

/* الصورة: ارتفاع ثابت صارم */
a.aw-logo img.aw-logo__img {
	height:     50px !important;   /* ← ارفع أو اخفض هنا فقط */
	width:      auto !important;
	max-width:  180px !important;
	object-fit: contain !important;
	display:    block !important;
	/* لا filter هنا — نحتفظ بألوان الشعار الأصلية */
	filter:     none !important;
}

/* شاشات وسطى */
@media (max-width: 1024px) {
	a.aw-logo { max-width: 150px !important; }
	a.aw-logo img.aw-logo__img { height: 44px !important; max-width: 150px !important; }
}

/* شاشات صغيرة */
@media (max-width: 760px) {
	a.aw-logo { max-width: 120px !important; }
	a.aw-logo img.aw-logo__img { height: 36px !important; max-width: 120px !important; }
}

@media (max-width: 480px) {
	a.aw-logo { max-width: 100px !important; }
	a.aw-logo img.aw-logo__img { height: 30px !important; max-width: 100px !important; }
}

/* ─── 2. ضمان بقاء الهيدر في صف واحد لا ينكسر ────────────── */

.aw-header__inner {
	display:         flex !important;
	align-items:     center !important;
	flex-wrap:       nowrap !important;   /* ← هذا يمنع الكسر للسطر التالي */
	gap:             16px;
	justify-content: space-between;
}

/* البحث يأخذ ما يتبقى من المساحة */
.aw-header__inner .aw-search {
	flex:      1 1 auto;
	min-width: 0;         /* يمنع overflow */
}

/* الأيقونات لا تنكمش */
.aw-header__inner .aw-nav {
	flex-shrink: 0;
}

/* ─── 3. الفوتر — الشعار بألوانه الطبيعية (الخلفية ليست شفافة) */

.aw-footer__logo {
	display:         inline-flex;
	align-items:     center;
	text-decoration: none;
	margin-bottom:   16px;
	line-height:     0;
	/* نضع خلفية بيضاء خفيفة ومستديرة لإطار الشعار */
	background:      rgba(255, 255, 255, 0.08);
	border-radius:   10px;
	padding:         8px 14px;
	max-width:       220px;
}

.aw-footer__logo img {
	height:      56px;
	width:       auto;
	max-width:   200px;
	object-fit:  contain;
	display:     block;
	/* بدون filter — الشعار يظهر بألوانه الأصلية */
	filter:      none;
}

/* شعار نصّي احتياطي */
.aw-footer__logo-text {
	font-size:   1.4rem;
	font-weight: 800;
	color:       #c49a46;
}

/* ─── 4. بنية الفوتر ─────────────────────────────────────── */

.aw-footer {
	background:  #0b1c35;
	color:       rgba(255,255,255,.82);
	padding:     52px 0 0;
	margin-top:  60px;
}

.aw-footer .container {
	padding-right: 20px;
	padding-left:  20px;
}

.aw-footer__grid {
	display:               grid;
	grid-template-columns: 1.4fr 1fr 1.2fr;
	gap:                   36px;
	padding-bottom:        40px;
}

@media (max-width: 900px) {
	.aw-footer__grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 580px) {
	.aw-footer__grid { grid-template-columns: 1fr; gap: 28px; }
}

.aw-footer__col-title {
	font-size:      1rem;
	font-weight:    700;
	color:          #c49a46;
	margin:         0 0 14px;
	padding-bottom: 10px;
	border-bottom:  1px solid rgba(196,154,70,.3);
}

.aw-footer__desc {
	font-size:   .88rem;
	line-height: 1.75;
	color:       rgba(255,255,255,.62);
	margin:      0 0 16px;
	max-width:   280px;
}

.aw-footer__contact {
	display:        flex;
	flex-direction: column;
	gap:            8px;
}

.aw-footer__contact-item {
	display:         inline-flex;
	align-items:     center;
	gap:             8px;
	color:           rgba(255,255,255,.68);
	font-size:       .88rem;
	text-decoration: none;
	transition:      color .2s;
}
.aw-footer__contact-item:hover { color: #c49a46; }

.aw-footer__menu {
	list-style: none;
	margin:     0;
	padding:    0;
	display:    flex;
	flex-direction: column;
	gap:        10px;
}
.aw-footer__menu li a {
	color:           rgba(255,255,255,.7);
	text-decoration: none;
	font-size:       .9rem;
	transition:      color .2s;
	display:         inline-flex;
	align-items:     center;
	gap:             6px;
}
.aw-footer__menu li a::before { content: "›"; color: #c49a46; }
.aw-footer__menu li a:hover   { color: #fff; }

.aw-footer__app-desc {
	font-size:   .86rem;
	color:       rgba(255,255,255,.62);
	margin:      0 0 14px;
	line-height: 1.6;
}

.aw-footer__app-btns {
	display:        flex;
	flex-direction: column;
	gap:            10px;
	margin-bottom:  12px;
}

.aw-footer__store-btn {
	display:         inline-flex;
	align-items:     center;
	gap:             8px;
	padding:         10px 18px;
	border:          1px solid rgba(255,255,255,.22);
	border-radius:   8px;
	color:           #fff;
	text-decoration: none;
	font-size:       .88rem;
	font-weight:     600;
	transition:      all .2s;
}
.aw-footer__store-btn:hover {
	background:   rgba(255,255,255,.08);
	border-color: #c49a46;
	color:        #c49a46;
}

.aw-footer__pwa-hint {
	font-size: .78rem;
	color:     rgba(255,255,255,.42);
	margin:    0;
}

.aw-footer__bottom {
	border-top:     1px solid rgba(255,255,255,.1);
	padding:        18px 0;
	display:        flex;
	align-items:    center;
	justify-content: space-between;
	font-size:      .82rem;
	color:          rgba(255,255,255,.48);
	flex-wrap:      wrap;
	gap:            10px;
}