/* ════════════════════════════════════════════════════════════
   KUNOOZ — 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, 251, 240, 0.96);
	border:          1px solid rgba(141,226,246,.34);
	border-radius:   12px;
	padding:         10px 16px;
	max-width:       230px;
	box-shadow:      0 10px 24px rgba(0,0,0,.14);
}

.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:       #0687B9;
}

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

.aw-footer {
	position:    relative;
	isolation:   isolate;
	overflow:    hidden;
	background:  linear-gradient(135deg, #18153F 0%, #2A2563 100%);
	color:       rgba(255,255,255,.86);
	padding:     52px 0 0;
	margin-top:  60px;
}
.aw-footer::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background: linear-gradient(135deg, #18153F 0%, #2A2563 100%);
}

.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:          #0687B9;
	margin:         0 0 14px;
	padding-bottom: 10px;
	border-bottom:  1px solid rgba(6,135,185,.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: #0687B9; }

.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: #0687B9; }
.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(141,226,246,.38);
	border-radius:   10px;
	background:      #F2FBFE;
	color:           #18153F;
	text-decoration: none;
	font-size:       .88rem;
	font-weight:     700;
	transition:      all .2s;
}
.aw-footer__store-btn svg{color:#2A2563;fill:currentColor;}
.aw-footer__store-btn:hover {
	background:   #E8F6FB;
	border-color: #0687B9;
	color:        #2A2563;
}

.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;
}

/* إصلاح لون أزرار وأيقونات تطبيق كنوز داخل الفوتر */
.aw-footer a.aw-footer__store-btn,
.aw-footer .aw-footer__app-btns a.aw-footer__store-btn{
	background: #F2FBFE !important;
	color: #18153F !important;
	border-color: rgba(141,226,246,.48) !important;
}
.aw-footer a.aw-footer__store-btn svg,
.aw-footer .aw-footer__app-btns a.aw-footer__store-btn svg{
	color: #2A2563 !important;
	fill: currentColor !important;
	stroke: currentColor !important;
}
.aw-footer a.aw-footer__store-btn:hover,
.aw-footer .aw-footer__app-btns a.aw-footer__store-btn:hover{
	background: #E8F6FB !important;
	color: #2A2563 !important;
}
.aw-footer a.aw-footer__store-btn:hover svg{
	color: #0687B9 !important;
}

/* =========================================================
   2026 Header/Footer mobile refinement
   ========================================================= */
@media (max-width: 760px) {
	.aw-header__inner {
		flex-wrap: wrap !important;
		gap: 10px !important;
		padding-top: 10px !important;
		padding-bottom: 10px !important;
	}
	a.aw-logo { max-width: 150px !important; }
	a.aw-logo img.aw-logo__img { height: 42px !important; max-width: 150px !important; }
	.aw-header__inner .aw-nav { order: 2; margin-inline-start: auto; }
	.aw-header__inner .aw-search { order: 3; flex: 0 0 100%; width: 100%; }
	.aw-search__form { min-height: 44px !important; }
	.aw-search__input { min-height: 44px !important; font-size: 14px !important; }
	.aw-search__btn { min-width: 46px !important; }
	.aw-nav__link { min-height: 38px !important; padding: 0 10px !important; border-radius: 999px !important; }
	.aw-nav__link span { font-size: 12px !important; }
	.aw-subnav__inner { overflow-x: auto; white-space: nowrap; scrollbar-width: none; }
	.aw-subnav__inner::-webkit-scrollbar { display: none; }
}
@media (max-width: 480px) {
	a.aw-logo { max-width: 136px !important; }
	a.aw-logo img.aw-logo__img { height: 40px !important; max-width: 136px !important; }
	.aw-header__strip { font-size: 12px !important; }
	.aw-nav__link svg { width: 16px !important; height: 16px !important; }
}
.aw-footer__reading-card{
	background:rgba(255,255,255,.08);
	border:1px solid rgba(141,226,246,.22);
	border-radius:16px;
	padding:14px 16px;
	margin:14px 0 12px;
}
.aw-footer__reading-card strong{display:block;color:#8DE2F6;margin-bottom:6px;font-weight:800;}
.aw-footer__reading-card span{display:block;color:rgba(255,255,255,.72);font-size:.86rem;line-height:1.7;}

/* =========================================================
   2026 Footer app buttons — real platform icon colours
   ========================================================= */
.aw-footer__col--app .aw-footer__app-desc{
	max-width: 360px;
	margin-bottom: 16px;
}
.aw-footer__col--app .aw-footer__app-btns{
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 0 0 12px;
}
.aw-footer__col--app .aw-footer__store-btn{
	min-width: 168px;
	min-height: 58px;
	padding: 9px 12px !important;
	border-radius: 16px !important;
	background: #fff !important;
	border: 1px solid rgba(255,255,255,.72) !important;
	box-shadow: 0 14px 28px rgba(0,0,0,.18) !important;
	color: #151515 !important;
	gap: 10px !important;
	justify-content: flex-start;
}
.aw-footer__col--app .aw-footer__store-btn:hover{
	transform: translateY(-2px);
	background: #fff !important;
	color: #151515 !important;
	box-shadow: 0 18px 34px rgba(0,0,0,.24) !important;
}
.aw-footer__store-icon{
	width: 36px;
	height: 36px;
	flex: 0 0 36px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.aw-footer__store-icon svg{
	width: 36px !important;
	height: 36px !important;
	color: unset !important;
	fill: unset !important;
	stroke: none !important;
}
.aw-footer__store-icon svg *{
	stroke: none !important;
}
.aw-footer__store-icon .gp-green{ fill:#34A853 !important; }
.aw-footer__store-icon .gp-blue{ fill:#4285F4 !important; }
.aw-footer__store-icon .gp-yellow{ fill:#FBBC04 !important; }
.aw-footer__store-icon .gp-red{ fill:#EA4335 !important; }
.aw-footer__store-icon .app-blue{ fill:#0A84FF !important; }
.aw-footer__store-icon .app-white{ fill:#FFFFFF !important; }
.aw-footer__store-text{
	display: flex;
	flex-direction: column;
	line-height: 1.15;
	text-align: right;
}
.aw-footer__store-text small{
	font-size: 11px;
	font-weight: 700;
	color: #5f6368;
	margin-bottom: 3px;
}
.aw-footer__store-text strong{
	font-size: 16px;
	font-weight: 900;
	letter-spacing: -.02em;
	color: #111;
}
@media (max-width: 580px){
	.aw-footer__col--app .aw-footer__app-btns{ flex-direction: column; }
	.aw-footer__col--app .aw-footer__store-btn{ width: 100%; }
}

/* =========================================================
   Permanent official app download section
   Uses the official App Store and Google Play badge artwork.
   ========================================================= */
.aw-footer__download{
	border-top: 1px solid rgba(255,255,255,.10);
	border-bottom: 1px solid rgba(255,255,255,.10);
	padding: 24px 0;
	margin-top: 2px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 22px;
}
.aw-footer__download-text{
	max-width: 620px;
}
.aw-footer__download-text h3{
	margin: 0 0 7px;
	font-size: clamp(1.08rem, 2.2vw, 1.38rem);
	line-height: 1.35;
	color: #8DE2F6;
	font-weight: 900;
}
.aw-footer__download-text p{
	margin: 0;
	font-size: .9rem;
	line-height: 1.75;
	color: rgba(255,255,255,.70);
}
.aw-footer__official-badges{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 10px;
	flex-wrap: wrap;
	direction: ltr;
}
.aw-footer__official-badge{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: 0;
	text-decoration: none;
	border-radius: 8px;
	transition: transform .18s ease, filter .18s ease;
}
.aw-footer__official-badge:hover{
	transform: translateY(-2px);
	filter: brightness(1.06);
}
.aw-footer__official-badge img{
	display: block;
	width: auto;
	height: auto;
	max-width: 100%;
}
.aw-footer__official-badge--app-store img{
	height: 44px;
	width: auto;
}
.aw-footer__official-badge--google-play img{
	height: 58px;
	width: auto;
}
@media (max-width: 760px){
	.aw-footer__download{
		align-items: flex-start;
		flex-direction: column;
		gap: 16px;
	}
	.aw-footer__official-badges{
		width: 100%;
		justify-content: flex-start;
	}
}
@media (max-width: 420px){
	.aw-footer__official-badges{
		gap: 8px;
	}
	.aw-footer__official-badge--app-store img{
		height: 40px;
	}
	.aw-footer__official-badge--google-play img{
		height: 53px;
	}
}


/* =========================================================
   2.4.7 — footer custom logo visibility fix
   ========================================================= */
.aw-footer__logo--has-custom{
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.aw-footer__logo--has-custom .custom-logo-link{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  line-height:0 !important;
}
.aw-footer__logo img.custom-logo,
.aw-footer__logo .custom-logo{
  height:56px !important;
  width:auto !important;
  max-width:200px !important;
  object-fit:contain !important;
  display:block !important;
  filter:none !important;
}
@media (max-width:580px){
  .aw-footer__logo{
    padding:12px 14px !important;
    border-radius:14px !important;
  }
  .aw-footer__logo img.custom-logo,
  .aw-footer__logo .custom-logo{
    height:48px !important;
    max-width:180px !important;
  }
}

/* Kunooz logo-footer color safety */
.aw-footer{background:linear-gradient(135deg,#18153F,#2A2563)!important;}
.aw-footer::before{background:linear-gradient(135deg,#18153F,#2A2563)!important;}
.aw-footer__col-title,.aw-footer__menu li a::before{color:#8DE2F6!important;}
.aw-footer__logo{background:#fff!important;border-color:rgba(141,226,246,.42)!important;}

/* v1.0.23 — Footer map block */
.aw-footer__grid{
	grid-template-columns:1.15fr .85fr .95fr 1.25fr!important;
	align-items:start;
}
.aw-footer__map{
	min-width:0;
}
.aw-footer__map-frame{
	position:relative;
	overflow:hidden;
	border-radius:20px;
	border:1px solid rgba(141,226,246,.26);
	background:rgba(255,255,255,.08);
	box-shadow:0 16px 34px rgba(0,0,0,.16);
}
.aw-footer__map-frame:before{
	content:"";
	display:block;
	padding-top:68%;
}
.aw-footer__map-frame iframe{
	position:absolute;
	inset:0;
	width:100%!important;
	height:100%!important;
	border:0;
	filter:saturate(.9) contrast(.98);
}
.aw-footer__map-link{
	display:inline-flex!important;
	align-items:center;
	justify-content:center;
	min-height:36px;
	margin-top:12px;
	padding:0 14px;
	border-radius:999px;
	background:rgba(141,226,246,.12)!important;
	border:1px solid rgba(141,226,246,.28)!important;
	color:#8DE2F6!important;
	font-size:13px;
	font-weight:900;
	text-decoration:none!important;
}
.aw-footer__map-link:hover{
	background:rgba(141,226,246,.20)!important;
	color:#fff!important;
}
@media (max-width:1100px){
	.aw-footer__grid{grid-template-columns:1fr 1fr!important;}
}
@media (max-width:580px){
	.aw-footer__grid{grid-template-columns:1fr!important;gap:28px!important;}
	.aw-footer__map-frame:before{padding-top:62%;}
}
body .aw-footer a.aw-footer__map-link,
body footer.aw-footer a.aw-footer__map-link{
	background:rgba(141,226,246,.12)!important;
	border-color:rgba(141,226,246,.28)!important;
	color:#8DE2F6!important;
}
body .aw-footer a.aw-footer__map-link:hover,
body footer.aw-footer a.aw-footer__map-link:hover{
	background:rgba(141,226,246,.20)!important;
	color:#fff!important;
}

/* v1.0.24 — Desktop footer order: map after the Terms/Customer Service menu, away from social icons */
@media (min-width:1101px){
	.aw-footer__grid{
		direction:ltr!important;
		grid-template-columns:1.25fr .95fr .85fr 1.15fr!important;
		grid-template-areas:"map customer links brand"!important;
	}
	.aw-footer__grid > *{direction:rtl;}
	.aw-footer__brand{grid-area:brand!important;}
	.aw-footer__col--links{grid-area:links!important;}
	.aw-footer__col--customer{grid-area:customer!important;}
	.aw-footer__map{grid-area:map!important;}
}
@media (min-width:581px) and (max-width:1100px){
	.aw-footer__grid{
		direction:ltr!important;
		grid-template-columns:1fr 1fr!important;
		grid-template-areas:
			"links brand"
			"map customer"!important;
	}
	.aw-footer__grid > *{direction:rtl;}
	.aw-footer__brand{grid-area:brand!important;}
	.aw-footer__col--links{grid-area:links!important;}
	.aw-footer__col--customer{grid-area:customer!important;}
	.aw-footer__map{grid-area:map!important;}
}
@media (max-width:580px){
	.aw-footer__grid{
		direction:rtl!important;
		grid-template-columns:1fr!important;
	}
	.aw-footer__brand{order:1!important;}
	.aw-footer__col--links{order:2!important;}
	.aw-footer__col--customer{order:3!important;}
	.aw-footer__map{order:4!important;}
}