:root {
	--wd-text-font: "Tajawal", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 500;
	--wd-text-color: rgb(0,0,0);
	--wd-text-font-size: 16px;
	--wd-title-font: "Tajawal", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 500;
	--wd-title-color: rgb(0,0,0);
	--wd-entities-title-font: "Tajawal", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: rgb(0,0,0);
	--wd-entities-title-color-hover: rgb(0, 0, 0);
	--wd-alternative-font: "Tajawal", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Tajawal", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 500;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: rgb(0,0,0);
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Tajawal", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 500;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 18px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(181,131,82);
	--wd-alternative-color: #fbbc34;
	--btn-default-bgcolor: rgb(181,131,82);
	--btn-default-bgcolor-hover: rgb(181,131,82);
	--btn-accented-bgcolor: rgb(181,131,82);
	--btn-accented-bgcolor-hover: rgb(198,160,125);
	--wd-form-brd-width: 1px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: url();
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: #ffffff;
	background-image: none;
}
 {
	font-family: "Tajawal", Arial, Helvetica, sans-serif;
	font-weight: 500;
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1600px;
--wd-form-brd-radius: 35px;
--btn-default-color: #fff;
--btn-default-color-hover: #fff;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 35px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 35px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 8px;
}

@media (min-width: 1600px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.wd-page-title {
background-color: #0a0a0a;
}


/* ===== Arrows: دائرة بيضا + نبض ===== */
.banners-carousel-wrapper .wd-nav-arrows .wd-btn-arrow {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 46px !important;
  height: 46px !important;
  border-radius: 50% !important;
  background: #fff !important;
  color: #222 !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 10;
  box-shadow: 0 2px 10px rgba(0, 0, 0, .25);
  animation: wdArrowPulse 1.8s infinite;
}

/* مكان الأسهم داخل البانر */
.banners-carousel-wrapper .wd-nav-arrows .wd-btn-arrow.wd-prev {
  inset-inline-start: 15px !important;
  inset-inline-end: auto !important;
}
.banners-carousel-wrapper .wd-nav-arrows .wd-btn-arrow.wd-next {
  inset-inline-end: 15px !important;
  inset-inline-start: auto !important;
}

/* لون الأيقونة */
.banners-carousel-wrapper .wd-btn-arrow .wd-arrow-inner:after {
  color: #222 !important;
  font-size: 18px;
}

/* لو السهم disabled يفضل ظاهر بس أهدى */
.banners-carousel-wrapper .wd-btn-arrow.wd-disabled {
  opacity: .6 !important;
  animation: none;
}

@keyframes wdArrowPulse {
  0%   { box-shadow: 0 0 0 0 rgba(255, 255, 255, .8), 0 2px 10px rgba(0,0,0,.25); }
  70%  { box-shadow: 0 0 0 14px rgba(255, 255, 255, 0), 0 2px 10px rgba(0,0,0,.25); }
  100% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0), 0 2px 10px rgba(0,0,0,.25); }
}

/* ===== الموبايل ===== */
@media (max-width: 767px) {
  .banners-carousel-wrapper .wd-nav-arrows .wd-btn-arrow {
    width: 38px !important;
    height: 38px !important;
  }
  .banners-carousel-wrapper .wd-nav-arrows .wd-btn-arrow.wd-prev { inset-inline-start: 8px !important; }
  .banners-carousel-wrapper .wd-nav-arrows .wd-btn-arrow.wd-next { inset-inline-end: 8px !important; }

  /* إخفاء السكرول */
  .banners-carousel-wrapper .wd-carousel,
  .banners-carousel-wrapper .wd-carousel-inner {
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .banners-carousel-wrapper .wd-carousel::-webkit-scrollbar,
  .banners-carousel-wrapper .wd-carousel-inner::-webkit-scrollbar {
    display: none;
  }
}





@media (max-width: 1024px) {
  .banners-carousel-wrapper.wd-off-sm,
  .banners-carousel-wrapper.wd-off-md { position: relative; }

  .banners-carousel-wrapper .wd-nav-arrows {
    display: block !important;
  }
  .banners-carousel-wrapper .wd-nav-arrows .wd-btn-arrow {
    display: flex !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
  }

  .banners-carousel-wrapper .wd-carousel {
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }
  .banners-carousel-wrapper .wd-carousel::-webkit-scrollbar { display: none; }
  .banners-carousel-wrapper .wd-carousel-item { scroll-snap-align: center; }
}







.mobile-nav.wd-side-hidden.wd-side-hidden-nav.wd-left.wd-opener-arrow.wd-opened {
    padding-top: 45px !important;
}
/* إخفاء وسم <br> المزعج من روابط صفحة حسابي بالكامل */
.woocommerce-MyAccount-navigation ul li a br,
.woocommerce-MyAccount-content .wd-my-account-links li a br {
    display: none !important;
}
/* ==================================================
   تنسيقات صفحة حسابي (إصلاح الاتجاه والمسافات)
================================================== */

/* 1. إجبار الاتجاه لليمين وإلغاء تأثير كلاس text-left من المنتور */
.wd-my-account-wrapper,
.woocommerce-MyAccount-content,
.woocommerce-MyAccount-navigation,
.elementor-widget-text-editor .woocommerce {
    direction: rtl !important;
    text-align: right !important;
}

/* 2. تظبيط نصوص الترحيب والفقرات لتكون على اليمين بمسافات مريحة */
.woocommerce-MyAccount-content p {
    text-align: right !important;
    line-height: 1.8 !important;
    font-size: 16px !important;
    margin-bottom: 20px !important;
    color: #4a4a4a;
}

.woocommerce-MyAccount-content p strong {
    color: #1a1a1a;
}

/* 3. تظبيط كروت لوحة التحكم (تصغير المسافات والحجم) */
.woocommerce-MyAccount-content .wd-my-account-links {
    gap: 15px !important; /* تقليل المسافة بين الكروت */
    margin-top: 20px !important;
}

.woocommerce-MyAccount-content .wd-my-account-links li a {
    padding: 25px 15px !important; /* تقليل المساحة الداخلية للكارت */
    min-height: 140px !important; /* تقليل الارتفاع المبالغ فيه */
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    border-radius: 12px !important; /* حواف ناعمة */
    background-color: #ffffff !important;
    border: 1px solid #f1f1f1 !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02) !important; /* شادو خفيف جداً */
    transition: all 0.3s ease !important;
}

/* تأثير عند المرور بالماوس على الكروت */
.woocommerce-MyAccount-content .wd-my-account-links li a:hover {
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.06) !important;
    transform: translateY(-3px) !important;
    border-color: #a78869 !important; /* تحديد خفيف بلون الموقع */
}

/* 4. تظبيط القائمة الجانبية (عناصر حسابي) */
.woocommerce-MyAccount-navigation ul {
    padding: 0 !important;
    margin: 0 !important;
}

.woocommerce-MyAccount-navigation ul li {
    text-align: right !important;
}

.woocommerce-MyAccount-navigation ul li a {
    text-align: right !important;
    padding: 12px 20px 12px 10px !important; /* مساحة مريحة من اليمين */
    display: block !important;
}

/* =========================================
   تعديلات الموبايل (إعادة ترتيب الكروت)
========================================= */
@media (max-width: 768px) {
    .woocommerce-MyAccount-content .wd-my-account-links {
        grid-template-columns: repeat(2, 1fr) !important; /* عرض كارتين في الصف بدل واحد كبير */
        gap: 10px !important;
    }
    
    .woocommerce-MyAccount-content .wd-my-account-links li a {
        min-height: 110px !important;
        padding: 15px 10px !important;
    }
}




@media (max-width: 767px) {
    a.product-image-link {
        height: auto !important;
    }
}


div#reviews {
    display: none !important;
}


/* التنسيق الأساسي للصندوق - نسخة قوية لمنع الاختفاء */
.term-description,
.wd-term-desc.wd-entry-content {
    display: block !important; 
    width: 100% !important;
    max-width: 900px !important;
    margin: 40px auto !important; 
    background-color: #ffffff !important;
    padding: 35px 25px !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08) !important; /* شادو رايق وواضح */
    text-align: center !important;
    direction: rtl !important;
    border: 1px solid rgba(0, 0, 0, 0.03) !important;
    visibility: visible !important; /* إجبار العنصر على الظهور */
    opacity: 1 !important; /* إجبار العنصر على الظهور */
    box-sizing: border-box !important;
}

/* تنسيق العناوين (H2) */
.term-description h2,
.wd-term-desc.wd-entry-content h2 {
    display: block !important;
    font-size: 28px !important;
    color: #1a1a1a !important;
    margin-bottom: 20px !important;
    font-weight: 700 !important;
    text-align: center !important;
}

/* تنسيق الفقرات (النصوص) */
.term-description p,
.wd-term-desc.wd-entry-content p {
    display: block !important;
    font-size: 18px !important;
    line-height: 1.6!important;
    color: #4a4a4a !important;
    margin-bottom: 15px !important;
    text-align: center !important;
}

/* إزالة المسافة السفلية من آخر فقرة */
.term-description p:last-child,
.wd-term-desc.wd-entry-content p:last-child {
    margin-bottom: 0 !important;
}


/* --- تنسيقات خاصة بشاشات الموبايل فقط --- */
@media (max-width: 768px) {
    /* تقليل المسافات بتاعة الصندوق نفسه */
    .term-description,
    .wd-term-desc.wd-entry-content {
        padding: 20px 15px !important; 
        margin: 20px auto !important; 
    }

    /* تصغير العناوين */
    .term-description h2,
    .wd-term-desc.wd-entry-content h2 {
        font-size: 22px !important; /* كان 28 */
        margin-bottom: 15px !important;
    }

    /* تصغير الفقرات والنصوص */
    .term-description p,
    .wd-term-desc.wd-entry-content p {
        font-size: 15px !important; /* كان 18 */
        line-height: 1.7 !important; /* تباعد سطور مناسب للموبايل */
    }
}

/* ==================================================
   تنسيقات صفحة تسجيل الدخول / إنشاء حساب (النسخة الشاملة)
================================================== */

/* 1. إجبار الاتجاه والمحاذاة لليمين لكل عناصر الفورم */
.wd-registration-page,
.wd-registration-page form.woocommerce-form {
    direction: rtl !important;
    text-align: right !important;
}

/* 2. الهيكل الأساسي (إبعاد المربعين وجعلهم جنباً إلى جنب على الكمبيوتر) */
@media (min-width: 769px) {
    .wd-registration-page .wd-grid-f-col {
        display: flex !important;
        flex-direction: row !important;
        justify-content: center !important;
        align-items: flex-start !important;
        gap: 40px !important;
        width: 100% !important;
        max-width: 1200px !important;
        margin: 0 auto !important;
    }
    .wd-registration-page .wd-grid-f-col .wd-col {
        flex: 1 1 45% !important;
        width: auto !important;
        box-sizing: border-box !important;
    }
}

/* جعل المربعين تحت بعض بشكل متناسق على شاشات الموبايل */
@media (max-width: 768px) {
    .wd-registration-page .wd-grid-f-col {
        display: flex !important;
        flex-direction: column !important;
        gap: 30px !important;
    }
    .wd-registration-page .wd-grid-f-col .wd-col {
        width: 100% !important;
    }
}

/* إخفاء الكتلة النصية الثالثة لمنع التداخل */
.wd-registration-page .wd-grid-f-col .col-register-text { 
    display: none !important; 
}

/* 3. تنسيق كروت الفورم (الصناديق) بشادو رايق */
.wd-registration-page .wd-col.col-login,
.wd-registration-page .wd-col.col-register {
    background: #ffffff !important;
    padding: 35px !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05) !important;
    border: 1px solid rgba(0, 0, 0, 0.03) !important;
}

/* 4. تظبيط العناوين (تسجيل الدخول / حساب جديد) */
.wd-registration-page h2.wd-login-title {
    text-align: right !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    margin-bottom: 25px !important;
    color: #1a1a1a;
}

/* 5. تظبيط الليبل عشان يلزق فوق الحقل مباشرة */
.wd-registration-page .form-row {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    margin-bottom: 20px !important;
}

.wd-registration-page .form-row label {
    margin-bottom: 8px !important;
    padding: 0 !important;
    line-height: 1.2 !important;
    font-weight: 600 !important;
    color: #4a4a4a !important;
    text-align: right !important;
    width: 100% !important;
}

/* إخفاء وسم <br> اللي بيعمل مسافة بيضاء ملهاش لازمة */
.wd-registration-page .form-row br {
    display: none !important;
}

/* 6. تنسيق حقول الإدخال نفسها (الإنبوت) */
.wd-registration-page .woocommerce-Input {
    text-align: right !important;
    direction: rtl !important;
    border-radius: 8px !important;
    padding: 0 15px !important;
    height: 50px !important;
    border: 1px solid #ddd !important;
    background-color: #fafafa !important;
    box-shadow: none !important;
    transition: all 0.3s ease;
    width: 100% !important;
}

/* تأثير عند الضغط على الحقل للقيام بالكتابة */
.wd-registration-page .woocommerce-Input:focus {
    background-color: #fff !important;
    border-color: #a78869 !important;
    box-shadow: 0 0 5px rgba(167, 136, 105, 0.3) !important;
}

/* 7. تظبيط سطر "تذكرني" على اليمين و "نسيت كلمة المرور" على الشمال */
.wd-registration-page .login-form-footer {
    display: flex !important;
    flex-direction: row-reverse !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    margin-top: 10px !important;
    margin-bottom: 25px !important;
}

.wd-registration-page .login-form-footer a {
    color: #a78869 !important;
}

/* تظبيط مربع الصح (Checkbox) مع كلمة تذكرني */
.wd-registration-page .woocommerce-form-login__rememberme {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 !important;
    width: auto !important;
}

.wd-registration-page .woocommerce-form-login__rememberme input[type="checkbox"] {
    margin: 0 !important;
}

/* 8. تظبيط زراير (تسجيل الدخول / تسجيل جديد) */
.wd-registration-page button.button.woocommerce-button {
    width: 100% !important;
    border-radius: 8px !important;
    height: 50px !important;
    font-size: 16px !important;
    font-weight: bold !important;
    margin-top: 10px !important;
}


/* إجبار نموذج إنشاء الحساب على الظهور الدائم بجانب تسجيل الدخول وإلغاء نظام التابات */
.wd-registration-page.wd-register-tabs .col-register,
.wd-registration-page.wd-register-tabs .col-login {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
}

.password-input {
 
    width: 100% !important
}


.wd-col-end.reset-last-child {
    color: #000 !important;
    font-weight: bold !important;
}

.wd-col-start.reset-last-child {
    color: #000 !important;
}

.wd-copyrights .container.wd-grid-g {
    gap: 15px !important;
}
@media (min-width: 1025px) {
	footer ul li ,
.widget-title{
	text-align :center;
}

/*img[alt="سوف تجد نفسك وكأنك تقرا القرأن لأول مره (1)"] {
    margin-top : 40px !important;
    padding : 0 10px
}*/

img[alt="برنامج مفتاح الكنز"] {
    margin-top : 50px !important;
    padding : 0 10px;
	width : 50% !important
}


img[src="https://basseraquran.com/wp-content/uploads/2025/04/برنامج-مفتاح-الكنز-4.png"] {
    margin-top : 50px !important;
    padding : 0 10px;
	width : 70% !important
}
img[alt="سوف تجد نفسك وكأنك تقرأ القرآن لأول مره"] {
    margin-top : 40px !important;
  	padding : 0 10px
}


}

@media (min-width: 768px) and (max-width: 1024px) {
	footer ul li ,
.widget-title{
	text-align :center;
}
}

@media (min-width: 577px) and (max-width: 767px) {
	img[alt="سوف تجد نفسك وكأنك تقرا القرأن لأول مره (1)"] {
    margin-top : 15px !important;
    padding : 0 10px
}

img[alt="برنامج مفتاح الكنز"] {
    margin-top : 15px !important;
    padding : 0 10px;
	width : 50% !important
}
img[alt="سوف تجد نفسك وكأنك تقرأ القرآن لأول مره"] {
    margin-top : 25px !important;
  	padding : 0 10px
}

.product-summary-shadow .summary-inner {
    padding: 30px 15px 15px !important; 

}
.site-logo { padding-inline : 0 !important }



}

@media (max-width: 576px) {
	.page-title .title {
    font-size: 20px !important;
    line-height: 1.2;
}

img[alt="سوف تجد نفسك وكأنك تقرا القرأن لأول مره (1)"] {
    margin-top : 15px !important;
    padding : 0 10px
}


img[alt="برنامج مفتاح الكنز"] {
    margin-top :20px !important;
    padding : 0 10px;
	width : 55% !important
}

img[src="https://basseraquran.com/wp-content/uploads/2025/04/برنامج-مفتاح-الكنز-4.png"] {
    margin-top : 15px !important;
    padding : 0 10px;
	width : 80% !important
}
img[alt="سوف تجد نفسك وكأنك تقرأ القرآن لأول مره"] {
    margin-top : 20px !important;
  	padding : 0 10px
}






.product-summary-shadow .summary-inner {
    padding: 30px 15px 15px !important; 

}


.site-logo { padding-inline : 0 !important }



}