/* Markaz Al Sultan � supplementary styles */

.form-notice {
  padding: 1rem 1.25rem;
  border-radius: var(--mas-radius-sm, 10px);
  margin-block-end: 1.5rem;
  font-weight: 600;
}
.form-notice--success {
  background: rgba(11, 93, 59, 0.1);
  color: var(--mas-green, #0B5D3B);
  border: 1px solid rgba(11, 93, 59, 0.25);
}
.form-notice--error {
  background: rgba(220, 53, 69, 0.08);
  color: #b02a37;
  border: 1px solid rgba(220, 53, 69, 0.2);
}

.site-main { min-height: 50vh; }

.page-header {
  background: var(--mas-off-white, #f7f9fa);
  padding-block: 2.5rem;
  text-align: center;
}
.page-header__title { margin: 0; }

.entry-content { padding-block: 2rem; }
.entry-content > *:first-child { margin-block-start: 0; }

.service-card .card__title a { color: inherit; text-decoration: none; }
.service-card .card__title a:hover { color: var(--mas-teal, #0E7C86); }

.team-card.text-center .card__body { text-align: center; }

.mobile-nav[hidden] { display: none !important; }
.mobile-nav.is-open { display: block !important; }

.menu-toggle.is-active span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.menu-toggle.is-active span:nth-child(2) { opacity: 0; }
.menu-toggle.is-active span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
}


/* Page hero & layout */
.page-hero {
  background: linear-gradient(135deg, rgba(14,124,134,0.08), rgba(10,92,99,0.04));
  padding: 2.5rem 0 2rem;
  border-bottom: 1px solid rgba(14,124,134,0.12);
}
.page-hero h1 { margin: 0.35rem 0 0.5rem; color: var(--mas-charcoal, #1E2A2B); }
.page-hero__lead { max-width: 40rem; color: #4a5a5b; margin: 0; }
.section { padding: 3rem 0; }
.section--center { text-align: center; }
.card-grid { display: grid; gap: 1.25rem; }
.card-grid--3 { grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); }
.pricing-grid { display: grid; gap: 1.25rem; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); align-items: stretch; }
.pricing-note { margin-top: 1.5rem; color: #5a6a6b; font-size: 0.95rem; }
.trust-grid { display: grid; gap: 1rem; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); }
.trust-card {
  background: #fff;
  border: 1px solid rgba(14,124,134,0.15);
  border-radius: 16px;
  padding: 1.25rem;
}
.trust-card__icon {
  display: inline-block;
  width: 40px; height: 40px; border-radius: 50%;
  background: linear-gradient(135deg, #0E7C86, #0A5C63);
  margin-bottom: 0.75rem;
}
.company-info-block {
  margin-top: 2rem;
  padding: 1.5rem;
  border-radius: 16px;
  background: #f7fafb;
  border: 1px solid rgba(14,124,134,0.12);
}
.company-info-list { list-style: none; padding: 0; margin: 0.75rem 0 0; }
.company-info-list li { padding: 0.35rem 0; border-bottom: 1px solid rgba(30,42,43,0.06); }
.btn--whatsapp { background: #25D366; color: #fff; border: none; }
.btn--whatsapp:hover { filter: brightness(0.95); color: #fff; }
.btn--block { display: block; width: 100%; text-align: center; margin-top: 0.5rem; }
.btn-group { display: flex; flex-wrap: wrap; gap: 0.75rem; margin-top: 1rem; }
.service-layout { display: grid; gap: 2rem; }
@media (min-width: 900px) {
  .service-layout { grid-template-columns: 1.6fr 0.9fr; }
}
.cta-card {
  position: sticky; top: 1rem;
  background: linear-gradient(160deg, #0E7C86, #0A5C63);
  color: #fff; border-radius: 20px; padding: 1.5rem;
}
.cta-card h3, .cta-card p { color: #fff; }
.checklist { list-style: none; padding: 0; }
.checklist li { padding: 0.4rem 0 0.4rem 1.6rem; position: relative; }
.checklist li::before {
  content: ""; position: absolute; inset-inline-start: 0; top: 0.7rem;
  width: 0.7rem; height: 0.7rem; border-radius: 50%; background: #F4A11E;
}
.accordion__item { border: 1px solid rgba(14,124,134,0.15); border-radius: 12px; margin-bottom: 0.75rem; padding: 0.25rem 1rem; background: #fff; }
.accordion__summary { cursor: pointer; font-weight: 600; padding: 0.85rem 0; }
.filter-bar { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-bottom: 1.5rem; }
.filter-bar button {
  border: 1px solid rgba(14,124,134,0.25); background: #fff; color: #0A5C63;
  border-radius: 999px; padding: 0.45rem 1rem; cursor: pointer;
}
.filter-bar button.is-active { background: #0E7C86; color: #fff; border-color: #0E7C86; }
.before-after { display: grid; gap: 1rem; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); }
.team-single { display: grid; gap: 2rem; align-items: start; }
@media (min-width: 768px) { .team-single { grid-template-columns: 320px 1fr; } }
.team-single__photo { width: 100%; border-radius: 20px; object-fit: cover; aspect-ratio: 1; background: #0E7C86; }
.about-collage { display: grid; gap: 1rem; grid-template-columns: 1.2fr 0.8fr; margin: 2rem 0; }
.about-collage__item { min-height: 220px; border-radius: 20px; background-size: cover; background-position: center; background-color: #0A5C63; }
.emergency-badge {
  display: inline-flex; align-items: center; gap: 0.4rem;
  font-size: 0.8rem; font-weight: 600; color: #0A5C63; text-decoration: none;
}
.emergency-badge__dot { width: 8px; height: 8px; border-radius: 50%; background: #F4A11E; box-shadow: 0 0 0 4px rgba(244,161,30,0.25); }
.icon-inline { vertical-align: -2px; margin-inline-end: 0.35rem; }
.top-bar__sep { opacity: 0.4; margin: 0 0.35rem; }
.prose.narrow { max-width: 720px; margin-inline: auto; }
.legal-copy h2 { margin-top: 1.75rem; color: #0A5C63; }
.thank-you__icon { margin-bottom: 1rem; }
.search-list { list-style: none; padding: 0; }
.search-list li { padding: 1rem 0; border-bottom: 1px solid rgba(30,42,43,0.08); }
.post-card { background: #fff; border-radius: 16px; border: 1px solid rgba(14,124,134,0.12); padding: 1rem; }
.post-card__title { font-size: 1.1rem; margin: 0.75rem 0 0.35rem; }
.text-link { color: #0E7C86; font-weight: 600; }
.price-from { font-weight: 700; color: #F4A11E; font-size: 1.15rem; }