/* ============================================================
   Custom Overrides — التعديلات الأخيرة
   منقول من: Appearance → Customize → Additional CSS
   بيتحمّل آخر ملف CSS، فبيتغلّب على أي حاجة قبله.
   ============================================================ */

/* ===== عرض الكونتينر (التحكم النهائي — مصدر واحد) ===== */
@media (min-width: 1440px) {
  .container { max-width: 1320px !important; }
}
/* 1900 (مش 1920): شاشة 24" الحقيقية عرضها ~1903 بسبب الـ scrollbar،
   عشان كده بنستخدم 1900 حتى تاخد الـ 24" العرض الكبير (1640) بدل ما تفضل 1320 */
@media (min-width: 1900px) {
  .container { max-width: 1640px !important; }   /* ثابت — ميكبرش على 27" */
}

.accordion-container .accordion-item button{
    border: 0 !important;
    box-shadow: unset !important;
}

.mt-\[60px\]{margin-top:60px}
.md\:mt-\[140px\]{margin-top:140px}.md\:mb-\[40px\]{margin-bottom:40px}
.gap-\[40px\]{gap:40px}
.text-\[48px\]{font-size:48px}
.mb-\[40px\]{margin-bottom:40px}
.ai-lam-system p {
    line-height: 28px;
}

.about-page .why-choose-lam {
	margin-top: 140px
}

.mb-\[100px\]{margin-bottom:100px}
.gap-\[30px\]{gap:30px}
.pt-\[25px\]{padding-top:25px}
.leading-\[26px\]{line-height:26px}
.lg\:w-\[calc\(63\%-15px\)\]{width:calc(63% - 15px)}
.lg\:w-\[calc\(37\%-15px\)\]{width:calc(37% - 15px)}
@media (max-width: 64rem) {
.lg\:items-end{align-items:flex-end}
.lg\:pl-\[70px\]{padding-left:70px}
.lg\:max-w-\[360px\]{max-width:360px}
.lg\:flex-shrink-0{flex-shrink:0}
.lg\:flex-1{flex:1}
.lg\:w-\[calc\(63\%-15px\)\]{width:calc(63% - 15px)}
.lg\:w-\[calc\(37\%-15px\)\]{width:calc(37% - 15px)}
}

.ai-management .box {
	box-shadow: 0px 6px 38px 0px rgba(10, 58, 130, 0.16);
}

.ai-management .box h3 {
    line-height: 42px;
    font-size: 24px;
    color: #0A3A82;}

.ai-management .box p {
	color: #757B83
}

@media (min-width: 768px) {
.ai-management  .box:nth-of-type(1) ,
.ai-management  .box:nth-of-type(4){
	gap: 40px
}

.ai-management  .box:nth-of-type(2) .text-box,
.ai-management  .box:nth-of-type(3) .text-box{
display: flex;
	align-items: center;
	flex-direction: column;
}

.ai-management  .box:nth-of-type(2) .text-box p,
.ai-management  .box:nth-of-type(3) .text-box p{
	text-align: center
}


.ai-management  .box:nth-of-type(1) .text-box,
.ai-management  .box:nth-of-type(4) .text-box {
	display: flex !important;
	justify-content: center !important;
	flex-direction: column;
	max-width: 356px;
}

}

.ai-management {
	position: relative
}

 .ai-management  .container::before {
content: "";
    position: absolute;
    right: -10%;
    top: 10%;
    width: 500px;
    height: 660px;
    background: url(https://laam.sa/wp-content/themes/laam/assets/images/bg-2.png) no-repeat center / contain;
    z-index: -1;
    pointer-events: none;}

@media (max-width: 767px) {
	.contact-page .contact-section {
		overflow: visible
	}
    .contact-page .contact-section::before {
        width: 250px;
        height: 330px;
        top: -50px;
    }
	.about-page .why-choose-lam {
		margin-top: 60px
	}
	.ai-lam-system h3 {
font-size: 38px !important;
        margin-bottom: -20px !important;
        text-align: center;	}

.ai-lam-system p {
    text-align: center;
    margin-top: -10px;
}

	.ai-management h2 {
    text-align: center;
}

	.ai-management .box h3 {
    text-align: center;
    color: var(--blue-color);
    font-size: 17px;
    line-height: 25px;
}

	.ai-management .box .text-box p {
    font-size: 14px;
    line-height: 23px;
		color: #757B83
}

	.ai-management  .box .text-box {
display: flex !important;
	align-items: center !important;
	flex-direction: column !important;
}

.ai-management  .box .text-box p{
	text-align: center
}
	.ai-management  .box {
		padding-left: 24px;
		width: 100%;
		display: flex;
        justify-content: space-between;
        padding-bottom: 0;
		        padding-left: 8px;
        padding-right: 8px;
	}
	.ai-management  .box .text-box {
		max-width: 100%
	}
	.ai-management .content-wrapper {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}
}


.app-page div:has(>.faq-toggle) {
    background: var(--light-color) !important;
    border: 1px solid rgb(223, 233, 246) !important;
}

.app-page div.open:has(>.faq-toggle) {
    box-shadow: var(--card-shadow) !important;}

button.accordion-button.cursor-pointer.w-full.flex.justify-between.items-center.p-\[16px\] {
    padding: 16px;
    background: #fff !important;
}

.ai-management .content-wrapper .box:nth-of-type(2), .ai-management .content-wrapper .box:nth-of-type(3) {
	padding-bottom: 30px
}

/* بادجات تحميل التطبيق في الفوتر — حد أقصى لعرض كل بادج */
a.open-app-popup {
    max-width: 100px;
}