/* =====================================================
   إعدادات عامة
===================================================== */
body {
    font-family: "Tajawal", "Cairo", sans-serif;
}

.page .entry-title {
    display: none;
}

/* =====================================================
   زر واتساب ثابت
===================================================== */
.whatsapp-button {
    position: fixed;
    bottom: 20px;
    left: 20px;
    background: #25D366;
    color: #fff;
    padding: 12px 20px;
    border-radius: 50px;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
    z-index: 9999;
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
    transition: 0.3s;
}

.whatsapp-button:hover {
    background: #1eb85a;
}

/* =====================================================
   الفوتر
===================================================== */
#colophon {
    background-color: #3e7a70 !important;
}

#colophon,
#colophon p,
#colophon a,
#colophon h4 {
    color: #ffffff !important;
}

#colophon a:hover {
    opacity: 0.8;
}

/* =====================================================
   نموذج التواصل
===================================================== */
.hama-contact-form {
    direction: rtl;
    max-width: 450px;
    margin: auto;
    padding: 25px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 6px 20px rgba(0,0,0,0.12);
}

.hama-contact-form label {
    font-weight: 600;
    font-size: 15px;
    margin-bottom: 6px;
    display: block;
}

.hama-contact-form input,
.hama-contact-form textarea {
    width: 100%;
    padding: 12px;
    border: 2px solid #e6e6e6;
    border-radius: 8px;
    background: #fafafa;
    font-size: 15px;
}

.hama-contact-form textarea {
    min-height: 120px;
    resize: vertical;
}

.hama-contact-form .form-group {
    margin-bottom: 16px;
}

.hama-contact-form input[type="submit"] {
    width: 100%;
    background: #e63946;
    color: #fff;
    padding: 12px;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(230,57,70,.4);
}

.hama-contact-form input[type="submit"]:hover {
    background: #d62828;
}

/* =====================================================
   نموذج التبرع
===================================================== */
.donate-box {
    direction: rtl;
    max-width: 550px;
    margin: 40px auto;
    padding: 30px;
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 8px 20px rgba(0,0,0,.08);
    color: #333;
}

/* العناوين */
.form-header,
.section-title {
    text-align: center;
}

.form-header .title {
    font-size: 26px;
    font-weight: 700;
}

.form-header .sub {
    font-size: 15px;
    color: #7f8c8d;
}

/* الحقول */
.field-group {
    margin-bottom: 18px;
}

.field-group label {
    font-weight: 600;
    margin-bottom: 6px;
    display: block;
}

.donate-box input,
.donate-box select {
    width: 100%;
    padding: 12px;
    border-radius: 8px;
    border: 1px solid #ddd;
    background: #fafafa;
    font-size: 15px;
    text-align: right;
}

.donate-box hr {
    border: none;
    height: 1px;
    background: #eee;
    margin: 25px 0;
}

/* =====================================================
   معلومات الدفع
===================================================== */
#payment-info {
    margin-top: 20px;
}

.pay-box {
    display: none;
    padding: 15px;
    border-radius: 10px;
    border: 2px dashed #ddd;
    background: #fafafa;
    text-align: center;
}

.pay-box img {
    max-width: 120px;
    margin-bottom: 10px;
}

/* =====================================================
   صناديق التنبيه
===================================================== */
.info-box {
    direction: rtl;
    display: flex;
    gap: 10px;
    padding: 15px;
    border-radius: 14px;
    margin: 15px 0;
    font-size: 14px;
    line-height: 1.7;
}

.info-icon {
    font-size: 18px;
}

.info-blue {
    background: #f1f7ff;
    border: 1.5px solid #cfe0ff;
    color: #1f4fd8;
}

.info-green {
    background: #f1fff5;
    border: 1.5px solid #c9f1d8;
    color: #1b7f3a;
}

/* =====================================================
   زر الإرسال (في المنتصف)
===================================================== */
.submit-box {
    display: flex;
    justify-content: center;
    margin-top: 25px;
}

.submit-box input[type="submit"],
.wpcf7-form-control.wpcf7-submit {
    min-width: 220px;
    padding: 14px 40px;
    background: linear-gradient(135deg, #e91e63, #c2185b);
    color: #fff;
    border: none;
    border-radius: 30px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: 0.3s;
}

.submit-box input[type="submit"]:hover {
    transform: scale(1.05);
}

/* =====================================================
   كرت التبرعات (Progress)
===================================================== */
.donation-card {
    direction: rtl;
    max-width: 420px;
    margin: 30px auto;
    padding: 22px;
    border-radius: 18px;
    background: linear-gradient(180deg,#fff,#f8f9fb);
    box-shadow: 0 10px 30px rgba(0,0,0,.08);
}

.donation-header {
    display: flex;
    justify-content: space-between;
}

.donation-amount span {
    font-size: 36px;
    font-weight: 700;
    color: #16a34a;
}

.progress-bar-bg {
    height: 16px;
    background: #e5e7eb;
    border-radius: 12px;
    overflow: hidden;
}

.progress-bar-fill {
    height: 100%;
    background: linear-gradient(90deg,#22c55e,#16a34a);
    transition: width 1s ease;
}
.submit-box input[type="submit"],
.wpcf7-form-control.wpcf7-submit {
    text-align: center !important;
    line-height: normal !important;
}

=======================================
/* الحاوية الرئيسية */
.program-form {
    max-width: 650px;
    margin: 40px auto;
    padding: 25px;
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 8px 25px rgba(0,0,0,0.08);
    direction: rtl;
    text-align: right;
    font-family: "Cairo", sans-serif;
}

/* العنوان */
.program-title {
    font-size: 24px;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 10px;
    text-align: right;
}

/* الوصف */
.program-sub {
    font-size: 15px;
    color: #555;
    margin-bottom: 25px;
    line-height: 1.7;
    text-align: right;
}

/* الليبل */
.cf7-fields label {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #333;
    margin-bottom: 15px;
    text-align: right;
}

/* المدخلات */
.cf7-fields input,
.cf7-fields select,
.cf7-fields textarea {
    width: 100%;
    padding: 12px 14px;
    margin-top: 6px;
    border-radius: 8px;
    border: 1px solid #ddd;
    font-size: 14px;
    font-family: inherit;
    direction: rtl;
    text-align: right;
    transition: 0.3s ease;
}

/* placeholder */
.cf7-fields input::placeholder,
.cf7-fields textarea::placeholder {
    text-align: right;
    direction: rtl;
}

/* عند التركيز */
.cf7-fields input:focus,
.cf7-fields select:focus,
.cf7-fields textarea:focus {
    border-color: #27ae60;
    outline: none;
    box-shadow: 0 0 0 2px rgba(39,174,96,0.15);
}

/* textarea */
.cf7-fields textarea {
    min-height: 110px;
    resize: vertical;
}

/* زر الإرسال */
.cf7-fields input[type="submit"] {
    background: #27ae60;
    color: #fff;
    border: none;
    font-size: 16px;
    font-weight: 700;
    padding: 14px;
    border-radius: 10px;
    cursor: pointer;
    transition: 0.3s ease;
    text-align: center;
}

/* Hover */
.cf7-fields input[type="submit"]:hover {
    background: #219150;
}

/* إخفاء بوكس التواصل */
.contact-box {
    display: none !important;
}

/* موبايل */
@media (max-width: 600px) {
    .program-form {
        padding: 20px 16px;
    }

    .program-title {
        font-size: 20px;
    }
}

===================







الاسم الكامل
[text* fullname placeholder "اكتب اسمك الكامل"]



رقم الموبايل
[tel* phone placeholder "+963 9XXXXXXXX"]



العنوان
[text* address placeholder "المحافظة – الحي – الشارع"]



نوع الطلب
[select* request-type "طلب استفادة" "تبرع لدعم البرنامج"]



ملاحظات (اختياري)
[textarea notes placeholder "اكتب أي ملاحظات"]


[submit "إرسال الطلب"]




للتبرع والدعم: +963 989 151 888
العنوان: سورية – حماة – شرق دوار البحرة بـ 100 متر





=====================================

/* ===============================
   Blog Grid Style (Like Image)
   =============================== */

body.blog,
body.archive {
    background: #ffffff;
    direction: rtl;
    text-align: right;
}

/* شبكة المقالات */
.blog .site-main,
.archive .site-main {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
    max-width: 1200px;
    margin: auto;
    padding: 40px 20px;
}

/* كرت المقال */
.blog article,
.archive article {
    border-bottom: 1px solid #eee;
    padding-bottom: 30px;
}

/* صورة المقال */
.post-thumbnail {
    position: relative;
    border-radius: 18px;
    overflow: hidden;
}

.post-thumbnail img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 18px;
}

/* أيقونة الرابط فوق الصورة */
.post-thumbnail::after {
    content: "🔗";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    width: 55px;
    height: 55px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    opacity: 0;
    transition: 0.3s ease;
}

.post-thumbnail:hover::after {
    opacity: 1;
}

/* عنوان المقال */
.entry-title {
    font-size: 22px;
    font-weight: bold;
    margin: 18px 0 10px;
}

.entry-title a {
    color: #000;
    text-decoration: none;
}

.entry-title a:hover {
    color: #b30000;
}

/* بيانات الكاتب */
.entry-meta {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    color: #666;
    margin-bottom: 12px;
}

/* صورة الكاتب */
.entry-meta img.avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
}

/* ملخص المقال */
.entry-summary p {
    font-size: 15px;
    color: #444;
    line-height: 1.8;
}

/* زر اقرأ أكثر */
.read-more a {
    display: inline-block;
    margin-top: 15px;
    background: #b30000;
    color: #fff;
    padding: 8px 22px;
    border-radius: 6px;
    font-size: 14px;
    text-decoration: none;
    transition: 0.3s;
}

.read-more a:hover {
    background: #8c0000;
}

/* ===============================
   موبايل
   =============================== */
@media (max-width: 768px) {

    .blog .site-main,
    .archive .site-main {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .entry-title {
        font-size: 18px;
    }
}
=========================================
.completed-task-card {
  direction: rtl;
  display: flex;
  align-items: center;
  gap: 18px;
  background: #ffffff;
  border-right: 6px solid #2e7d32;
  border-radius: 16px;
  padding: 18px;
  max-width: 700px;
  margin: 20px auto;
  box-shadow: 0 8px 22px rgba(0,0,0,0.08);
  font-family: Tahoma, Arial, sans-serif;
}

/* حاوية الصورة */
.task-image {
  width: 100%;
  text-align: center;   /* توسيط أفقي */
}

/* الصورة نفسها */
.task-image img {
  display: block;
  margin: 0 auto;       /* توسيط فعلي */
  width: 160px;
  height: 120px;
  object-fit: cover;
  border-radius: 12px;
}

/* محتوى النص */
.task-content {
  width: 100%;
  text-align: center;
}

/* شارة */
.task-badge {
  display: inline-block;
  background: #e8f5e9;
  color: #2e7d32;
  font-size: 13px;
  font-weight: bold;
  padding: 6px 14px;
  border-radius: 20px;
  margin-bottom: 8px;
}

/* العنوان */
.task-content h3 {
  margin: 8px 0 10px;
  font-size: 18px;
  color: #1f1f1f;
  line-height: 1.6;
}

/* بيانات */
.task-meta {
  display: flex;
  justify-content: center;
  gap: 14px;
  font-size: 13px;
  color: #555;
  flex-wrap: wrap;
}

/* 📱 موبايل */
@media (max-width: 600px) {
  .completed-task-card {
    flex-direction: column;
  }

  .task-image img {
    width: 100%;
    height: 200px;
  }
}

==========================