/*
 * AlKhutaa Pro — Professional mobile footer accordion.
 * The enhancement is intentionally scoped to mobile and to footer sections
 * identified by the companion script, so desktop footer/widget layouts stay intact.
 */
@media (max-width:782px){
	.alk-mobile-footer-pro{
		--alk-mf-card:rgba(255,255,255,.055);
		--alk-mf-card-strong:rgba(255,255,255,.09);
		--alk-mf-border:rgba(255,255,255,.14);
		--alk-mf-muted:color-mix(in srgb,var(--alk-mf-text,#c4cfdb) 74%,transparent);
		position:relative;
		isolation:isolate;
		background:var(--alk-mf-bg,#061b31);
		color:var(--alk-mf-text,#c4cfdb);
		font-size:var(--alk-mf-text-size,14px);
	}
	.alk-mobile-footer-pro,.alk-mobile-footer-pro *{box-sizing:border-box}
	.alk-mobile-footer-pro__item{
		position:relative;
		width:calc(100% - 28px);
		max-width:680px;
		margin:var(--alk-mf-gap,14px) auto 0;
		border:1px solid var(--alk-mf-border);
		border-radius:17px;
		background:var(--alk-mf-card);
		overflow:hidden;
		box-shadow:0 9px 28px rgba(0,0,0,.13);
		transition:border-color .22s ease,background-color .22s ease,transform .22s ease,box-shadow .22s ease;
	}
	.alk-mobile-footer-pro__item:first-of-type{margin-top:10px}
	.alk-mobile-footer-pro__item.is-open,
	.alk-mobile-footer-pro__item.open,
	.alk-mobile-footer-pro__item.active,
	.alk-mobile-footer-pro__item[open]{
		border-color:color-mix(in srgb,var(--alk-mf-accent,#0867cf) 65%,white 12%);
		background:var(--alk-mf-card-strong);
		box-shadow:0 14px 34px rgba(0,0,0,.19),0 0 0 1px color-mix(in srgb,var(--alk-mf-accent,#0867cf) 22%,transparent);
	}
	.alk-mobile-footer-pro__trigger{
		position:relative;
		display:flex!important;
		align-items:center!important;
		gap:12px!important;
		width:100%!important;
		min-height:66px;
		margin:0!important;
		padding:10px 12px!important;
		border:0!important;
		border-radius:inherit;
		background:transparent!important;
		color:var(--alk-mf-heading,#fff)!important;
		text-align:right!important;
		direction:rtl;
		font-size:var(--alk-mf-heading-size,16px)!important;
		font-weight:850!important;
		line-height:1.45!important;
		box-shadow:none!important;
		cursor:pointer;
		-webkit-tap-highlight-color:transparent;
	}
	.alk-mobile-footer-pro__trigger::after{display:none!important}
	.alk-mobile-footer-pro__title{
		flex:1 1 auto;
		min-width:0;
		margin:0!important;
		padding:0!important;
		border:0!important;
		color:inherit!important;
		font:inherit!important;
		line-height:inherit!important;
	}
	.alk-mobile-footer-pro__leading{
		flex:0 0 42px;
		display:inline-flex!important;
		align-items:center;
		justify-content:center;
		width:42px!important;
		height:42px!important;
		margin:0!important;
		border:1px solid color-mix(in srgb,var(--alk-mf-accent,#0867cf) 32%,rgba(255,255,255,.2));
		border-radius:13px;
		background:color-mix(in srgb,var(--alk-mf-accent,#0867cf) 18%,rgba(255,255,255,.045));
		color:color-mix(in srgb,var(--alk-mf-accent,#0867cf) 48%,white 52%)!important;
		font-size:22px!important;
		line-height:1!important;
	}
	.alk-mobile-footer-pro__leading svg{width:22px!important;height:22px!important;max-width:22px!important;fill:none;stroke:currentColor}
	.alk-mobile-footer-pro__leading i{display:inline-flex!important;align-items:center;justify-content:center;width:auto!important;height:auto!important;margin:0!important;border:0!important;background:none!important;color:inherit!important;font-size:21px!important;line-height:1!important}
	.alk-mobile-footer-pro__toggle{
		position:relative;
		flex:0 0 34px;
		display:inline-flex!important;
		align-items:center;
		justify-content:center;
		width:34px!important;
		height:34px!important;
		margin:0 0 0 1px!important;
		margin-inline-start:auto!important;
		border:1px solid rgba(255,255,255,.2)!important;
		border-radius:50%!important;
		background:rgba(255,255,255,.07)!important;
		color:var(--alk-mf-heading,#fff)!important;
		font-size:0!important;
		line-height:1!important;
		transition:transform .25s ease,background-color .25s ease,border-color .25s ease;
	}
	.alk-mobile-footer-pro__toggle::before,
	.alk-mobile-footer-pro__toggle::after{
		content:"";
		position:absolute;
		inset:auto;
		width:13px;
		height:2px;
		border-radius:99px;
		background:currentColor;
		transition:transform .25s ease,opacity .25s ease;
	}
	.alk-mobile-footer-pro__toggle::after{transform:rotate(90deg)}
	.alk-mobile-footer-pro__trigger[aria-expanded="true"] .alk-mobile-footer-pro__toggle,
	.alk-mobile-footer-pro__item.is-open .alk-mobile-footer-pro__toggle,
	.alk-mobile-footer-pro__item.open .alk-mobile-footer-pro__toggle,
	.alk-mobile-footer-pro__item.active .alk-mobile-footer-pro__toggle,
	.alk-mobile-footer-pro__item[open] .alk-mobile-footer-pro__toggle{
		transform:rotate(180deg);
		border-color:color-mix(in srgb,var(--alk-mf-accent,#0867cf) 62%,white 15%)!important;
		background:var(--alk-mf-accent,#0867cf)!important;
	}
	.alk-mobile-footer-pro__trigger[aria-expanded="true"] .alk-mobile-footer-pro__toggle::after,
	.alk-mobile-footer-pro__item.is-open .alk-mobile-footer-pro__toggle::after,
	.alk-mobile-footer-pro__item.open .alk-mobile-footer-pro__toggle::after,
	.alk-mobile-footer-pro__item.active .alk-mobile-footer-pro__toggle::after,
	.alk-mobile-footer-pro__item[open] .alk-mobile-footer-pro__toggle::after{opacity:0;transform:rotate(0)}
	.alk-mobile-footer-pro__panel{
		position:relative;
		padding:0 14px 15px!important;
		color:var(--alk-mf-text,#c4cfdb)!important;
		font-size:var(--alk-mf-text-size,14px)!important;
		line-height:1.8;
	}
	.alk-mobile-footer-pro__panel::before{
		content:"";
		display:block;
		height:1px;
		margin:0 0 8px;
		background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent);
	}
	.alk-mobile-footer-pro__panel ul,
	.alk-mobile-footer-pro__panel ol{
		display:grid;
		grid-template-columns:repeat(var(--alk-mf-menu-columns,1),minmax(0,1fr));
		gap:2px 10px;
		margin:0!important;
		padding:0!important;
		list-style:none!important;
	}
	.alk-mobile-footer-pro__panel li{margin:0!important;padding:0!important;border:0!important;list-style:none!important}
	.alk-mobile-footer-pro__panel a{
		display:flex!important;
		align-items:center;
		gap:9px;
		min-height:42px;
		padding:8px 8px!important;
		border:0!important;
		border-radius:10px;
		background:transparent;
		color:var(--alk-mf-text,#c4cfdb)!important;
		text-decoration:none!important;
		font-size:inherit!important;
		font-weight:600;
		transition:background-color .18s ease,color .18s ease,transform .18s ease;
	}
	.alk-mobile-footer-pro__panel a::after{
		content:"‹";
		margin-inline-start:auto;
		color:color-mix(in srgb,var(--alk-mf-accent,#0867cf) 70%,white 30%);
		font-size:18px;
		line-height:1;
		opacity:.72;
	}
	.alk-mobile-footer-pro__panel a:hover,
	.alk-mobile-footer-pro__panel a:focus-visible{
		background:rgba(255,255,255,.075);
		color:var(--alk-mf-heading,#fff)!important;
		transform:translateX(-2px);
		outline:none;
	}
	.alk-mobile-footer-pro__panel p,
	.alk-mobile-footer-pro__panel address{margin:6px 4px!important;color:var(--alk-mf-text,#c4cfdb)!important;font-style:normal}

	/* Glass variant */
	.alk-mobile-footer-pro--glass .alk-mobile-footer-pro__item{
		background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.035));
		border-color:rgba(255,255,255,.19);
		backdrop-filter:blur(14px);
		-webkit-backdrop-filter:blur(14px);
	}
	.alk-mobile-footer-pro--glass .alk-mobile-footer-pro__leading{border-radius:50%;background:rgba(255,255,255,.1)}

	/* Minimal editorial variant */
	.alk-mobile-footer-pro--minimal .alk-mobile-footer-pro__item{
		width:calc(100% - 30px);
		margin-top:0;
		border:0;
		border-bottom:1px solid rgba(255,255,255,.16);
		border-radius:0;
		background:transparent;
		box-shadow:none;
	}
	.alk-mobile-footer-pro--minimal .alk-mobile-footer-pro__trigger{min-height:68px;padding-inline:2px!important}
	.alk-mobile-footer-pro--minimal .alk-mobile-footer-pro__leading{width:36px!important;height:36px!important;flex-basis:36px;border:0;border-radius:10px;background:rgba(255,255,255,.055)}
	.alk-mobile-footer-pro--minimal .alk-mobile-footer-pro__toggle{border:0!important;background:transparent!important}
	.alk-mobile-footer-pro--minimal .alk-mobile-footer-pro__panel{padding-inline:2px!important}

	/* Accent rail variant */
	.alk-mobile-footer-pro--accent .alk-mobile-footer-pro__item{
		border:0;
		border-inline-start:4px solid var(--alk-mf-accent,#0867cf);
		border-radius:13px;
		background:linear-gradient(90deg,color-mix(in srgb,var(--alk-mf-accent,#0867cf) 13%,transparent),rgba(255,255,255,.035));
		box-shadow:none;
	}
	.alk-mobile-footer-pro--accent .alk-mobile-footer-pro__leading{border:0;background:transparent;color:var(--alk-mf-heading,#fff)!important}

	@media (prefers-reduced-motion:reduce){
		.alk-mobile-footer-pro__item,.alk-mobile-footer-pro__toggle,.alk-mobile-footer-pro__toggle::before,.alk-mobile-footer-pro__toggle::after,.alk-mobile-footer-pro__panel a{transition:none!important}
	}
}
