/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

.country-sections{
  max-width: 860px;
  margin: 28px auto 32px;  /* مسافة بين الهيرو و Developers */
  padding: 0 16px;
  display: block;
  width: 100%;
  clear: both;
}
.country-section{ margin-bottom: 24px; }
.country-sec-title{
  text-align: center !important;
  margin: 10px 0 10px;
  font-size: clamp(20px, 2.6vw, 28px);
  line-height: 1.25;
  font-weight: 700;
}
.country-sec-body{
  font-size: 16px;
  line-height: 1.7;
  color: var(--wd-text-color, #243238);
  text-align: left;
}
@media (max-width: 767px){
  .country-sections{ margin: 20px auto 26px; }
  .country-sec-title{ margin: 8px 0 8px; }
  .country-sec-body{ font-size: 15.5px; line-height: 1.75; }
}
/* === Force center alignment for country section headlines === */
.country-sec-title {
  text-align: center !important;   /* اجبر العنوان في النص */
  display: block;
  margin-left: auto;
  margin-right: auto;
  font-size: clamp(20px, 2.6vw, 28px);
  font-weight: 700;
  line-height: 1.3;
}


/* === Country Sections theme === */
.country-sections .country-sec-title{
  color: #1D4A64 !important;      /* لون العنوان */
  text-align: center !important;  /* يفضل تسيبه للسنتر */
  margin: 10px 0 10px;
  font-weight: 800;
  line-height: 1.3;
}

.country-sections .country-sec-body{
  color: #1D4A64;                 /* لون النص */
  font-size: 18px;                /* الحجم المطلوب */
  line-height: 1.8;
}

/* خلي كل العناصر الداخلية تاخد نفس اللون/الحجم */
.country-sections .country-sec-body p,
.country-sections .country-sec-body li{
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  margin: 0 0 10px;
}

/* FORCE styles for Country Sections */
#dd-country-sections .country-sec-title{
  color:#1D4A64 !important;
  text-align:center !important;
  font-weight:800;
  line-height:1.3;
  margin:10px 0 10px;
}

#dd-country-sections .country-sec-body,
#dd-country-sections .country-sec-body *{
  color:#1D4A64 !important;
  font-size:17px !important;
  line-height:1.8 !important;
}

#dd-country-sections .country-sec-body p{ margin:0 0 10px !important; }
#dd-country-sections .country-sec-body ul{ padding-left:20px !important; margin:8px 0 12px !important; }
#dd-country-sections .country-sec-body a{ color:#1D4A64 !important; text-decoration:underline; }
#dd-country-sections .country-sec-body a:hover{ opacity:.85; }


/* لو فيه روابط جوّه الكونتنت: نفس اللون مع تمييز بسيط عند الهوفر */
.country-sections .country-sec-body a{
  color: #1D4A64;
  text-decoration: underline;
}
.country-sections .country-sec-body a:hover{
  opacity: .85;
}

/* تنظيم القوائم */
.country-sections .country-sec-body ul{
  padding-left: 20px;
  margin: 8px 0 12px;
}

/* مسافات أقوى بين السكاشن */
#dd-country-sections .country-section{
  margin-bottom: 34px !important;   /* كان 22–24، زوّدناها */
}

/* لو حابب فاصل خفيف بين السكاشن (اختياري) */

#dd-country-sections .country-section:not(:last-child){
  border-bottom: 1px solid rgba(0,0,0,.06);
  padding-bottom: 18px;
}



/* CTA بعد السكشن التاني */
#dd-country-sections .country-cta-wrap{
  margin: 10px auto 40px !important;   /* مسافة قبل وبعد الزر */
  text-align: center !important;
  clear: both;
  width: 100%;
}

#dd-country-sections .country-cta-btn{
  display: inline-block !important;
  padding: 14px 28px !important;
  border-radius: 12px !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  line-height: 1 !important;
  text-decoration: none !important;
  background: #FF904B !important;      /* لون افتراضي - قولّي لو عايزه لون تاني */
  color: #0b0b0b !important;
  box-shadow: 0 6px 18px rgba(0,0,0,.08) !important;
  transition: transform .15s ease, box-shadow .15s ease, opacity .15s ease !important;
}

#dd-country-sections .country-cta-btn:hover{
  transform: translateY(-1px) !important;
  box-shadow: 0 8px 22px rgba(0,0,0,.12) !important;
  opacity: .95 !important;
}

@media (max-width: 767px){
  #dd-country-sections .country-cta-wrap{ margin: 8px auto 32px !important; }
  #dd-country-sections .country-cta-btn{ padding: 13px 22px !important; font-size: 15.5px !important; }
}
/* مسافة بين العنوان والكونتنت */
#dd-country-sections .country-sec-title{
  margin-bottom: 14px !important; /* كان تقريباً 8-10px، زوّدناها */
}

/* tighter text rhythm inside country sections */
#dd-country-sections .country-sec-body,
#dd-country-sections .country-sec-body *{
  line-height: 1.6 !important;      /* كان 1.8 */
}

/* فواصل أصغر بين الفقرات */
#dd-country-sections .country-sec-body p{
  margin: 0 0 8px !important;       /* كان 10px */
}

/* تنسيق الليست: مسافات أهدى وتراجع أقل */
#dd-country-sections .country-sec-body ul{
  margin: 6px 0 10px !important;    /* كان 8–12px */
  padding-left: 18px !important;    /* تقليل التراجع لليسار */
}

#dd-country-sections .country-sec-body li{
  margin: 0 0 6px !important;       /* تقليل المسافة بين العناصر */
}

/* لو عندك nested lists خلّيها أهدى شوية */
#dd-country-sections .country-sec-body ul ul{
  margin-top: 4px !important;
  padding-left: 16px !important;
}


/* 1) تقليل المسافة قبل/بعد العناوين الداخلية داخل الكونتنت */
#dd-country-sections .country-sec-body h3,
#dd-country-sections .country-sec-body h4,
#dd-country-sections .country-sec-body h5 {
  margin-top: 10px !important;  /* مسافة صغيرة قبل العنوان الداخلي */
  margin-bottom: 6px !important; /* مسافة صغيرة بعده */
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
}

/* لو كان في <strong> أو <b> جوّه الكونتنت عامل زي العنوان */
#dd-country-sections .country-sec-body strong {
  display: inline-block;
  margin-bottom: 3px;
}

/* 2) مسافة كبيرة فوق وتحت الـSection Title الأساسي */
#dd-country-sections .country-sec-title {
  margin-top: 40px !important;  /* مسافة قبل العنوان */
  margin-bottom: 20px !important; /* مسافة بعد العنوان */
}

/* أول سكشن بس: قلل المسافة فوق العنوان لأنه جاي بعد الهيرو على طول */
#dd-country-sections .country-section:first-child .country-sec-title {
  margin-top: 12px !important;
}

/* 1) تقليل المسافة قبل/بعد العناوين الداخلية داخل الكونتنت */
#dd-country-sections .country-sec-body h3,
#dd-country-sections .country-sec-body h4,
#dd-country-sections .country-sec-body h5 {
  margin-top: 10px !important;  /* مسافة صغيرة قبل العنوان الداخلي */
  margin-bottom: 6px !important; /* مسافة صغيرة بعده */
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
}

/* لو كان في <strong> أو <b> جوّه الكونتنت عامل زي العنوان */
#dd-country-sections .country-sec-body strong {
  display: inline-block;
  margin-bottom: 3px;
}

/* 2) مسافة كبيرة فوق وتحت الـSection Title الأساسي */
#dd-country-sections .country-sec-title {
  margin-top: 40px !important;  /* مسافة قبل العنوان */
  margin-bottom: 20px !important; /* مسافة بعد العنوان */
}

/* أول سكشن بس: قلل المسافة فوق العنوان لأنه جاي بعد الهيرو على طول */
#dd-country-sections .country-section:first-child .country-sec-title {
  margin-top: 12px !important;
}