/* OG Client Logos — كل القيم من صفحة الإعدادات */
.ogl{
	--ogl-cols:6;--ogl-cols-t:4;--ogl-cols-m:3;--ogl-gap:28px;--ogl-gap-mobile:16px;--ogl-row-gap:24px;
	--ogl-max-width:1240px;--ogl-section-bg:transparent;--ogl-pad-y:40px;--ogl-pad-y-mobile:28px;--ogl-pad-x:20px;
	--ogl-fade-width:12%;--ogl-tilt:18deg;--ogl-dur:40s;
	--ogl-card-w:150px;--ogl-card-h:130px;--ogl-card-w-mobile:110px;--ogl-card-h-mobile:96px;
	--ogl-radius-big:44px;--ogl-radius-small:12px;--ogl-card-bg:#fff;--ogl-card-border-w:0px;--ogl-card-border:#3d2f55;
	--ogl-card-padding:18px;--ogl-glow-color:#a21cf0;--ogl-opacity:1;--ogl-logo-h:70px;--ogl-logo-h-mobile:52px;
	--ogl-name-color:#cfc8d8;--ogl-name-size:13px;
	--ogl-heading-align:center;--ogl-title-color:#fff;--ogl-title-size:32px;--ogl-title-size-mobile:24px;--ogl-title-weight:800;
	--ogl-subtitle-color:#a9a3b5;--ogl-subtitle-size:15px;--ogl-heading-gap:32px;--ogl-font:inherit;
	--w:var(--ogl-card-w);--h:var(--ogl-card-h);--lh:var(--ogl-logo-h);--g:var(--ogl-gap);

	display:block;box-sizing:border-box;width:100%;max-width:100%;
	background:var(--ogl-section-bg);padding:var(--ogl-pad-y) var(--ogl-pad-x);
	font-family:var(--ogl-font);overflow:hidden;
}
.ogl *,.ogl *::before,.ogl *::after{box-sizing:border-box}
.ogl ul{list-style:none!important;margin:0!important;padding:0!important}
.ogl li{margin:0!important;padding:0;list-style:none!important}
.ogl li::before,.ogl li::marker{content:none}
.ogl__inner{max-width:var(--ogl-max-width);margin:0 auto}

/* العنوان */
.ogl__heading{text-align:var(--ogl-heading-align);margin-bottom:var(--ogl-heading-gap)}
.ogl .ogl__title{margin:0 0 8px!important;padding:0!important;font-family:var(--ogl-font)!important;font-size:var(--ogl-title-size)!important;font-weight:var(--ogl-title-weight)!important;color:var(--ogl-title-color)!important;line-height:1.3!important;text-transform:none!important;letter-spacing:0!important}
.ogl .ogl__subtitle{margin:0!important;font-size:var(--ogl-subtitle-size);color:var(--ogl-subtitle-color);line-height:1.7}

/* ===== العنصر: كارت + لوجو ===== */
.ogl__item{display:flex;flex-direction:column;align-items:center;gap:8px;flex:0 0 auto}
.ogl__card{
	position:relative;display:flex;align-items:center;justify-content:center;
	width:var(--w);height:var(--h);padding:var(--ogl-card-padding);
	background:var(--ogl-card-bg);border:var(--ogl-card-border-w) solid var(--ogl-card-border);
	border-radius:var(--ogl-radius-small);
	text-decoration:none!important;overflow:hidden;isolation:isolate;
	transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}
.ogl--shape-leaf .ogl__card{border-radius:var(--ogl-radius-big) var(--ogl-radius-small) var(--ogl-radius-big) var(--ogl-radius-small)}
.ogl--shape-leaf.ogl--flip .ogl__card{border-radius:var(--ogl-radius-small) var(--ogl-radius-big) var(--ogl-radius-small) var(--ogl-radius-big)}
.ogl--shape-rounded .ogl__card{border-radius:var(--ogl-radius-small)}
.ogl--shape-circle .ogl__card{border-radius:50%;width:var(--h)}
.ogl--shape-pill .ogl__card{border-radius:999px}
.ogl--shape-none .ogl__card{background:transparent;border:0;padding:0;height:auto;min-height:var(--lh)}
.ogl--shadow .ogl__card{box-shadow:0 10px 30px rgba(0,0,0,.25)}
.ogl--glass .ogl__card{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}

.ogl__logo{
	display:block;width:100%!important;height:100%!important;max-width:100%!important;max-height:var(--lh)!important;
	transform:scale(calc(var(--ogl-logo-zoom, 1) * var(--z, 1)));
	object-fit:contain;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;
	opacity:var(--ogl-opacity);transition:filter .4s ease, opacity .4s ease, transform .4s ease;
	user-select:none;-webkit-user-drag:none;
}
.ogl--logo-gray .ogl__logo{filter:grayscale(1)}
.ogl--logo-white .ogl__logo{filter:brightness(0) invert(1)}
.ogl--logo-black .ogl__logo{filter:brightness(0)}
.ogl--hover-orig .ogl__card:hover .ogl__logo{filter:none;opacity:1}

.ogl--hover-lift .ogl__card:hover{transform:translateY(-6px);box-shadow:0 14px 34px color-mix(in srgb, var(--ogl-glow-color) 40%, transparent)}
.ogl--hover-scale .ogl__card:hover .ogl__logo{transform:scale(calc(var(--ogl-logo-zoom, 1) * var(--z, 1) * 1.08))}
.ogl--shape-none .ogl__logo{width:auto!important;height:var(--lh)!important;max-width:var(--w)!important}
.ogl--shape-none.ogl--hover-lift .ogl__card:hover{box-shadow:none}

.ogl__name{font-size:var(--ogl-name-size);color:var(--ogl-name-color);line-height:1.3;text-align:center;max-width:var(--w)}

/* ===== الشريط المتحرك ===== */
.ogl__rows{display:flex;flex-direction:column;gap:var(--ogl-row-gap)}
.ogl__row{overflow:hidden;direction:ltr;padding:12px 0}
.ogl--fade .ogl__row{
	-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--ogl-fade-width), #000 calc(100% - var(--ogl-fade-width)), transparent);
	mask-image:linear-gradient(to right, transparent, #000 var(--ogl-fade-width), #000 calc(100% - var(--ogl-fade-width)), transparent);
}
.ogl__track{display:flex;width:max-content;animation:ogl-scroll var(--ogl-dur) linear infinite}
.ogl .ogl__group{display:flex!important;align-items:center;gap:var(--g);padding-inline-end:var(--g)!important;flex:0 0 auto}
@keyframes ogl-scroll{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
/* الاتجاه: الإنجليزي يمشي للشمال، العربي يمشي لليمين، والصف التاني عكسه */
.ogl[dir="rtl"] .ogl__track{animation-direction:reverse}
.ogl[dir="rtl"] .ogl__row.is-alt .ogl__track{animation-direction:normal}
.ogl[dir="ltr"] .ogl__row.is-alt .ogl__track{animation-direction:reverse}
.ogl--rev[dir="rtl"] .ogl__track{animation-direction:normal}
.ogl--rev[dir="rtl"] .ogl__row.is-alt .ogl__track{animation-direction:reverse}
.ogl--rev[dir="ltr"] .ogl__track{animation-direction:reverse}
.ogl--rev[dir="ltr"] .ogl__row.is-alt .ogl__track{animation-direction:normal}
.ogl--pause .ogl__row:hover .ogl__track,.ogl--pause .ogl__row:focus-within .ogl__track{animation-play-state:paused}

/* ثلاثي الأبعاد */
.ogl--marquee_3d .ogl__stage{perspective:1100px;padding:30px 0}
.ogl--marquee_3d .ogl__rows{transform:rotateX(var(--ogl-tilt)) rotateZ(calc(var(--ogl-tilt) * -.33)) scale(1.12);transform-style:preserve-3d}

/* ===== الشبكة / الإضاءة / السلايدر ===== */
.ogl__grid{display:grid!important;grid-template-columns:repeat(var(--ogl-cols), minmax(0,1fr));gap:var(--g)}
.ogl--grid .ogl__card,.ogl--spotlight .ogl__card,.ogl--carousel .ogl__card{width:100%;max-width:var(--w)}
.ogl--shape-circle.ogl--grid .ogl__card,.ogl--shape-circle.ogl--spotlight .ogl__card,.ogl--shape-circle.ogl--carousel .ogl__card{width:var(--h);aspect-ratio:1}

/* حائط بخطوط فاصلة */
.ogl--wall .ogl__grid{gap:0;overflow:hidden}
.ogl--wall .ogl__item{box-shadow:1px 0 0 0 var(--ogl-card-border),0 1px 0 0 var(--ogl-card-border);padding:22px 10px}
.ogl--wall .ogl__card{width:100%;max-width:none;background:transparent;border:0;border-radius:0!important;box-shadow:none!important;transform:none!important}

/* إضاءة تتبع الماوس */
.ogl--spotlight .ogl__card::before{
	content:"";position:absolute;inset:0;z-index:-1;opacity:0;transition:opacity .3s ease;pointer-events:none;
	background:radial-gradient(220px circle at var(--mx,50%) var(--my,50%), color-mix(in srgb, var(--ogl-glow-color) 45%, transparent), transparent 70%);
}
.ogl--spotlight .ogl__grid.is-hover .ogl__card::before{opacity:1}
.ogl--spotlight .ogl__card:hover{border-color:var(--ogl-glow-color)}

/* سلايدر */
.ogl__scroller{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:12px 2px}
.ogl__scroller::-webkit-scrollbar{display:none}
.ogl--carousel .ogl__grid{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:calc((100% - (var(--ogl-cols) - 1) * var(--g)) / var(--ogl-cols))}
.ogl--carousel .ogl__item{scroll-snap-align:start}

/* ظهور تدريجي (الجافاسكربت بيفعّله) */
.ogl.ogl--reveal-on:not(.is-in) .ogl__item{opacity:0;transform:translateY(18px)}
.ogl.ogl--reveal-on .ogl__item{transition:opacity .6s ease calc(var(--i, 0) * 60ms), transform .6s ease calc(var(--i, 0) * 60ms)}
.ogl--marquee.ogl--reveal-on .ogl__item,.ogl--marquee_double.ogl--reveal-on .ogl__item,.ogl--marquee_3d.ogl--reveal-on .ogl__item{transition-delay:0s}

/* تابلت */
@media (max-width:1024px){
	.ogl__grid{grid-template-columns:repeat(var(--ogl-cols-t), minmax(0,1fr))}
	.ogl--carousel .ogl__grid{grid-auto-columns:calc((100% - (var(--ogl-cols-t) - 1) * var(--g)) / var(--ogl-cols-t))}
}
/* موبايل */
@media (max-width:767px){
	.ogl{--w:var(--ogl-card-w-mobile);--h:var(--ogl-card-h-mobile);--lh:var(--ogl-logo-h-mobile);--g:var(--ogl-gap-mobile);padding:var(--ogl-pad-y-mobile) min(var(--ogl-pad-x), 14px)}
	.ogl .ogl__title{font-size:var(--ogl-title-size-mobile)!important}
	.ogl__grid{grid-template-columns:repeat(var(--ogl-cols-m), minmax(0,1fr))}
	.ogl--carousel .ogl__grid{grid-auto-columns:calc((100% - (var(--ogl-cols-m) - 1) * var(--g)) / var(--ogl-cols-m))}
	.ogl--wall .ogl__item{padding:14px 6px}
	.ogl--marquee_3d .ogl__rows{transform:rotateX(calc(var(--ogl-tilt) * .6)) rotateZ(calc(var(--ogl-tilt) * -.2))}
}
/* تقليل الحركة: الشريط يتحول لصف ثابت */
@media (prefers-reduced-motion:reduce){
	.ogl__track{animation:none!important;width:auto}
	.ogl__group{flex-wrap:wrap;justify-content:center}
	.ogl__group[aria-hidden="true"]{display:none!important}
	.ogl--fade .ogl__row{-webkit-mask-image:none;mask-image:none}
	.ogl__card,.ogl__logo,.ogl__item{transition:none!important}
}

/* لوجوهات بيضاء */
.ogl .ogl__item--dark .ogl__logo,.ogl .ogl__item--dark .ogl__card:hover .ogl__logo{filter:brightness(0)!important}
.ogl .ogl__item--darkcard .ogl__card{background:var(--ogl-dark-card-bg, #1a1424)!important}