/* style.css - تصميم موقع خارطة الإنقاذ الوطني */

:root {
  --primary-color: #246A85;
  --secondary-color: #C6AD8F;
  --bg-light: #f9f9fa;
  --text-dark: #333;
}

@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;700&display=swap');

body {
  direction: rtl;
  font-family: "Cairo", sans-serif;
  background: var(--bg-light);
  color: var(--text-dark);
  margin: 0;
  padding: 0;
}

.container {
  max-width: 1000px; /* زيادة 25% */
  margin: 40px auto;
  background: #fff;
  padding: 30px;
  border-radius: 10px;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);
}

.site-logo{max-width:180px;height:auto;display:block;margin:0 auto 15px auto;}

.main-title {
  text-align: center;
  color: var(--primary-color);
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 25px;
}

.signature-form .form-group {
  margin-bottom: 18px;
}

.signature-form label {
  display: block;
  font-weight: 600;
  margin-bottom: 7px;
  font-size: 15px;
}

.signature-form input[type="text"],
.signature-form input[type="email"],
.signature-form input[type="tel"],
.signature-form input[type="url"] {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #ccc;
  border-radius: 5px;
  font-size: 15px;
  box-sizing: border-box;
}

.submit-btn {
  width: 100%;
  background-color: var(--primary-color);
  color: #fff;
  padding: 14px;
  font-size: 16px;
  font-weight: bold;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.submit-btn:hover {
  background-color: #1c556a;
}

.thank-you {
  background-color: var(--secondary-color);
  color: white;
  padding: 20px;
  text-align: center;
  border-radius: 8px;
  font-size: 16px;
  margin-top: 25px;
}
.thank-you p {
  margin: 10px 0;
  line-height: 1.8;
  white-space: normal;
}
.close-btn {
  margin-top: 15px;
  background: #fff;
  color: var(--secondary-color);
  padding: 8px 16px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-weight: bold;
}
.close-btn:hover {
  background: #f5f5f5;
}

/* قسم المشاركة */
.share-toggle {
  margin: 15px 0;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  font-weight: bold;
}

.share-section {
  margin-top: 25px;
  background: #f9f9f9;
  padding: 20px;
  border: 1px solid #ddd;
  border-radius: 8px;
  text-align: center;
}
.share-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  margin-bottom: 15px;
}
.share-btn {
  background: var(--primary-color);
  color: #fff;
  padding: 8px 14px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 14px;
}
.share-btn:hover {
  background: #1c556a;
}
.copy-input {
  width: 80%;
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 4px;
  margin-bottom: 10px;
}
.embed-code {
  width: 100%;
  height: 120px;
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 4px;
  direction: ltr;
}
.privacy-group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;

  margin-top: 20px;
}

.privacy-example {
  font-size: 13px;
  color: #555;
  margin-bottom: 8px;
}

.privacy-option {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
  font-size: 14px;
}

.privacy-option input[type="checkbox"] {
  transform: scale(1.2);
  cursor: pointer;
}

.intro {
  background: var(--bg-light);
  border: 1px solid #ddd;
  padding: 20px;
  border-radius: 8px;
  margin-bottom: 30px;
  line-height: 1.8;
  font-size: 15px;
}

.intro h2 {
  color: var(--primary-color);
  margin-top: 0;
  font-size: 20px;
}

.required {
  color: red;
  margin-right: 3px;
}

.signatures-total{
    font-size:20px;
    font-weight:600;
    margin-bottom:10px;
}
.signatures-total .total-number{
    color:#28a745;
    font-weight:bold;
}

.signatures-title{
    font-size:26px;
    font-weight:700;
    margin-bottom:15px;
}

/* ---- جدول الموقعين القديم (ضمن index) ---- */
.signatures-section {
  margin-top: 40px;
}
.signatures-title {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 15px;
  text-align: center;
  color: var(--primary-color);
}
.signatures-table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 10px;
  font-size: 15px;
}
.signatures-table th,
.signatures-table td {
  border: 1px solid #ddd;
  padding: 10px 6px;
  text-align: center;
}
.signatures-table th {
  background: var(--primary-color);
  color: #fff;
}
.signatures-table tbody tr:nth-child(odd) {
  background: #f9f9fa;
}
.signatures-table th:first-child,
.signatures-table td:first-child {
  font-weight: 600;
  width: 25%;
}
.all-signatures-link {
  display: block;
  text-align: center;
  margin-top: 10px;
  color: var(--primary-color);
  font-weight: bold;
  text-decoration: underline;
}

/* اتجاه حقل الهاتف LTR */
/* ----- صفحة signatures.php ----- */
.sig-intro{margin-bottom:15px;text-align:center;font-size:15px;}
.sig-total{margin-bottom:20px;text-align:center;font-size:18px;font-weight:600;}
.sig-total strong{color:#28a745;}
.sigs-table{width:100%;border-collapse:collapse;font-size:15px;margin-bottom:20px;}
.sigs-table th,.sigs-table td{border:1px solid #ddd;padding:10px 6px;text-align:center;}
.sigs-table th{background:var(--primary-color);color:#fff;}
.sigs-table tbody tr:nth-child(odd){background:#f9f9fa;}
.sigs-table th:first-child,.sigs-table td:first-child{font-weight:600;width:25%;}

.g-recaptcha{margin-bottom:20px;margin-top:10px;}

/* صناديق الأقسام */
.section-box{background:#f4f8fb;border:1px solid #d6e3ec;border-radius:6px;padding:25px;margin:20px 0;box-shadow:inset 0 0 0 1px #e4eef5;font-family:'Cairo',sans-serif;}

/* رسالة الشكر */
.thank-you{background:#246A85;color:#fff;padding:20px;border-radius:6px;text-align:center;margin-top:20px;}

.hidden{display:none !important;}

/* Toast Notification */
.toast{position:fixed;top:20px;right:20px;background:#0d472b;color:#d1e7dd;padding:10px 16px;border-radius:4px;font-size:14px;z-index:9999;opacity:0;transition:opacity .4s ease;pointer-events:none;font-family:'Cairo',sans-serif;box-shadow:0 2px 6px rgba(0,0,0,.2);}
.toast.error{background:#842029;color:#f8d7da;}

#phone {
  direction: ltr;
  text-align: left;
}