/*
 * Amaj Contact Page
 * Scoped styles to avoid conflicts with the active WordPress theme.
 */
.amaj-hide-theme-title .entry-title,
.amaj-hide-theme-title .page-title,
.amaj-hide-theme-title .wp-block-post-title {
  display: none !important;
}

.amaj-contact-shell {
  --amaj-primary: #20427c;
  --amaj-secondary: #315ea6;
  --amaj-primary-dark: color-mix(in srgb, var(--amaj-primary) 78%, #071a3c);
  --amaj-ink: #10213d;
  --amaj-muted: #63718a;
  --amaj-line: #e6ebf3;
  --amaj-surface: #ffffff;
  --amaj-surface-2: #f6f9fd;
  --amaj-shadow: 0 24px 70px rgba(18,43,84,.13);
  --amaj-shadow-soft: 0 14px 38px rgba(18,43,84,.09);
  --amaj-radius-xl: 32px;
  --amaj-radius-lg: 24px;
  --amaj-radius-md: 18px;
  --amaj-container: min(1180px, calc(100% - 40px));

  direction: rtl;
  font-family: "Vazirmatn", Tahoma, Arial, sans-serif;
  color: var(--amaj-ink);
  line-height: 1.85;
  overflow: hidden;
  background:
    radial-gradient(circle at 5% 8%, rgba(63,112,190,.10), transparent 25%),
    linear-gradient(180deg, #f7faff 0, #fff 38%, #f7faff 100%);
}

.amaj-contact-shell *,
.amaj-contact-shell *::before,
.amaj-contact-shell *::after { box-sizing: border-box; }

.amaj-contact-shell a { color: inherit; text-decoration: none; }
.amaj-contact-shell img { max-width: 100%; display: block; }
.amaj-contact-shell button,
.amaj-contact-shell input,
.amaj-contact-shell textarea,
.amaj-contact-shell select { font: inherit; }
.amaj-container { width: var(--amaj-container); margin-inline: auto; }

.amaj-icon {
  width: 23px;
  height: 23px;
  display: inline-flex;
  flex: 0 0 auto;
}
.amaj-icon svg {
  width: 100%;
  height: 100%;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.amaj-hero {
  min-height: 430px;
  position: relative;
  display: flex;
  align-items: center;
  color: #fff;
  overflow: hidden;
  background:
    linear-gradient(100deg, color-mix(in srgb, var(--amaj-primary) 66%, #071a3c) 0%, color-mix(in srgb, var(--amaj-secondary) 88%, #0b2a60) 58%, color-mix(in srgb, var(--amaj-primary) 82%, #081f49) 100%);
}
.amaj-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);
  background-size: 46px 46px;
  -webkit-mask-image: linear-gradient(to bottom, #000, transparent 90%);
  mask-image: linear-gradient(to bottom, #000, transparent 90%);
}
.amaj-hero::after {
  content: "";
  position: absolute;
  width: 460px;
  height: 460px;
  left: -100px;
  top: 20px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 50%;
  box-shadow: 0 0 0 70px rgba(255,255,255,.025), 0 0 0 150px rgba(255,255,255,.018);
}
.amaj-hero-content {
  position: relative;
  z-index: 2;
  padding-block: 80px 120px;
}
.amaj-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.18);
  font-size: 12px;
  color: #dceaff;
}
.amaj-eyebrow i {
  width: 7px;
  height: 7px;
  background: #91baff;
  border-radius: 50%;
  box-shadow: 0 0 0 5px rgba(145,186,255,.14);
}
.amaj-hero h1 {
  font-size: clamp(36px, 5vw, 62px);
  line-height: 1.25;
  margin: 22px 0 15px;
  font-weight: 900;
  letter-spacing: -2px;
  color: #fff;
}
.amaj-hero p {
  max-width: 720px;
  color: rgba(255,255,255,.78);
  font-size: 16px;
  margin: 0;
}

.amaj-floating-contact {
  position: relative;
  z-index: 5;
  margin-top: -68px;
}
.amaj-contact-strip {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  background: #fff;
  border: 1px solid rgba(255,255,255,.6);
  border-radius: var(--amaj-radius-lg);
  box-shadow: var(--amaj-shadow);
  overflow: hidden;
}
.amaj-quick-card {
  min-height: 136px;
  padding: 27px 25px;
  display: flex;
  align-items: flex-start;
  gap: 15px;
  position: relative;
}
.amaj-quick-card:not(:last-child)::after {
  content: "";
  position: absolute;
  left: 0;
  top: 26px;
  bottom: 26px;
  width: 1px;
  background: var(--amaj-line);
}
.amaj-quick-icon {
  width: 48px;
  height: 48px;
  border-radius: 15px;
  display: grid;
  place-items: center;
  background: linear-gradient(145deg, #edf4ff, #dceaff);
  color: var(--amaj-primary);
  flex: 0 0 auto;
}
.amaj-quick-icon .amaj-icon { width: 25px; height: 25px; }
.amaj-quick-card strong { display: block; font-size: 14px; margin-bottom: 5px; color: var(--amaj-ink); }
.amaj-quick-card span,
.amaj-quick-card a {
  display: block;
  font-size: 12.5px;
  color: var(--amaj-muted);
  line-height: 1.8;
  overflow-wrap: anywhere;
}
.amaj-quick-card a:hover { color: var(--amaj-primary); }

.amaj-section { padding: 100px 0; }
.amaj-section-head {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 48px;
}
.amaj-section-label {
  color: var(--amaj-secondary);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .3px;
}
.amaj-section h2 {
  font-size: clamp(28px, 3vw, 42px);
  line-height: 1.4;
  margin: 8px 0 12px;
  letter-spacing: -1.3px;
  color: var(--amaj-ink);
}
.amaj-section-head p {
  color: var(--amaj-muted);
  margin: 0;
  font-size: 15px;
}

.amaj-contact-layout {
  display: grid;
  grid-template-columns: .88fr 1.12fr;
  gap: 28px;
  align-items: stretch;
}
.amaj-info-panel {
  position: relative;
  overflow: hidden;
  color: #fff;
  border-radius: var(--amaj-radius-xl);
  background:
    radial-gradient(circle at 12% 12%, rgba(126,174,255,.27), transparent 30%),
    linear-gradient(145deg, color-mix(in srgb, var(--amaj-primary) 78%, #071a3c), var(--amaj-primary));
  padding: 42px;
  box-shadow: var(--amaj-shadow);
}
.amaj-info-panel::after {
  content: "";
  position: absolute;
  width: 300px;
  height: 300px;
  left: -80px;
  bottom: -120px;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 50%;
  box-shadow: 0 0 0 50px rgba(255,255,255,.035), 0 0 0 100px rgba(255,255,255,.025);
}
.amaj-info-panel > * { position: relative; z-index: 2; }
.amaj-info-panel h3 { color: #fff; font-size: 30px; margin: 0 0 12px; }
.amaj-info-panel > p { color: rgba(255,255,255,.72); font-size: 14px; margin: 0 0 32px; }
.amaj-info-list { display: grid; gap: 16px; }
.amaj-info-item {
  display: flex;
  gap: 14px;
  align-items: center;
  padding: 15px 0;
  border-bottom: 1px solid rgba(255,255,255,.12);
}
.amaj-info-item:last-child { border: 0; }
.amaj-info-item .amaj-quick-icon {
  background: rgba(255,255,255,.10);
  color: #fff;
  border: 1px solid rgba(255,255,255,.13);
}
.amaj-info-item small { display: block; color: rgba(255,255,255,.55); font-size: 11px; }
.amaj-info-item strong { color: #fff; font-size: 14px; font-weight: 700; }
.amaj-socials { display: flex; gap: 10px; margin-top: 28px; }
.amaj-socials a {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.14);
  transition: .25s;
}
.amaj-socials a:hover { transform: translateY(-3px); background: #fff; color: var(--amaj-primary); }

.amaj-form-card {
  background: #fff;
  border: 1px solid var(--amaj-line);
  border-radius: var(--amaj-radius-xl);
  padding: 42px;
  box-shadow: var(--amaj-shadow-soft);
}
.amaj-form-card h3 { color: var(--amaj-ink); font-size: 28px; margin: 0 0 5px; }
.amaj-form-card > p { color: var(--amaj-muted); font-size: 14px; margin: 0 0 28px; }
.amaj-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 17px; }
.amaj-field-full { grid-column: 1 / -1; }
.amaj-field label { display: block; font-size: 12px; font-weight: 700; margin-bottom: 7px; color: #38475f; }
.amaj-field input,
.amaj-field textarea,
.amaj-field select {
  width: 100%;
  border: 1px solid #dfe6f0;
  background: #fbfcfe;
  color: var(--amaj-ink);
  border-radius: 14px;
  padding: 13px 15px;
  outline: none;
  transition: .2s;
  min-height: 50px;
}
.amaj-field textarea { height: 130px; resize: vertical; }
.amaj-field input:focus,
.amaj-field textarea:focus,
.amaj-field select:focus {
  border-color: color-mix(in srgb, var(--amaj-secondary) 65%, #fff);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--amaj-secondary) 10%, transparent);
  background: #fff;
}
.amaj-honeypot {
  position: absolute !important;
  right: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}
.amaj-submit-btn {
  border: 0;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-top: 18px;
  padding: 14px 23px;
  border-radius: 14px;
  color: #fff;
  font-weight: 800;
  background: linear-gradient(135deg, var(--amaj-secondary), var(--amaj-primary));
  box-shadow: 0 12px 28px color-mix(in srgb, var(--amaj-primary) 25%, transparent);
  transition: .25s;
}
.amaj-submit-btn:hover { transform: translateY(-2px); }
.amaj-submit-btn:disabled { opacity: .65; cursor: wait; transform: none; }
.amaj-submit-loading { display: none; }
.amaj-submit-btn.is-loading .amaj-submit-text { display: none; }
.amaj-submit-btn.is-loading .amaj-submit-loading { display: inline; }
.amaj-form-note {
  display: none;
  margin-top: 15px;
  padding: 12px 14px;
  border-radius: 12px;
  font-size: 13px;
}
.amaj-form-note.is-success { display: block; background: #eaf7ef; color: #1d6c3d; }
.amaj-form-note.is-error { display: block; background: #fff0f0; color: #a52626; }

.amaj-team-section {
  background:
    radial-gradient(circle at 90% 0, rgba(67,113,185,.11), transparent 28%),
    linear-gradient(180deg, #f5f8fc 0, #fff 100%);
}
.amaj-team-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.amaj-team-card {
  background: #fff;
  border: 1px solid var(--amaj-line);
  border-radius: 24px;
  padding: 13px;
  box-shadow: 0 12px 34px rgba(22,49,91,.07);
  transition: .3s;
  overflow: hidden;
}
.amaj-team-card:hover { transform: translateY(-8px); box-shadow: 0 24px 50px rgba(22,49,91,.14); }
.amaj-portrait {
  height: 260px;
  border-radius: 18px;
  overflow: hidden;
  position: relative;
  background:
    radial-gradient(circle at 50% 15%, rgba(255,255,255,.95), transparent 27%),
    linear-gradient(145deg, #eaf1fb, #ccdcef);
}
.amaj-portrait img { width: 100%; height: 100%; object-fit: cover; }
.amaj-avatar-placeholder {
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center;
  background:
    radial-gradient(circle at 50% 22%, rgba(255,255,255,.95), transparent 26%),
    linear-gradient(145deg, #eaf1fb, #c7d9ee);
}
.amaj-avatar-placeholder::before {
  content: "";
  position: absolute;
  width: 150px;
  height: 150px;
  top: 32px;
  border-radius: 50%;
  background: rgba(255,255,255,.55);
  box-shadow: 0 0 0 22px rgba(255,255,255,.20);
}
.amaj-avatar-placeholder::after {
  content: "";
  position: absolute;
  width: 78%;
  height: 44%;
  bottom: -6%;
  border-radius: 50% 50% 0 0;
  background: linear-gradient(145deg, var(--amaj-secondary), var(--amaj-primary));
}
.amaj-avatar-placeholder span {
  position: relative;
  z-index: 2;
  display: grid;
  place-items: center;
  width: 92px;
  height: 92px;
  margin-top: -55px;
  border-radius: 50%;
  background: #fff;
  color: var(--amaj-primary);
  font-size: 42px;
  font-weight: 900;
  box-shadow: 0 15px 34px rgba(16,33,61,.13);
}
.amaj-team-content { padding: 18px 10px 14px; text-align: center; }
.amaj-team-kicker { font-size: 10px; color: var(--amaj-secondary); font-weight: 800; line-height: 1.7; }
.amaj-team-content h3 { color: var(--amaj-ink); font-size: 20px; margin: 6px 0 3px; }
.amaj-role { font-size: 13px; color: var(--amaj-muted); font-weight: 600; }
.amaj-team-contact {
  margin-top: 15px;
  padding-top: 14px;
  border-top: 1px solid var(--amaj-line);
  display: flex;
  justify-content: center;
  gap: 8px;
}
.amaj-team-contact a {
  width: 37px;
  height: 37px;
  border-radius: 11px;
  display: grid;
  place-items: center;
  background: #f3f6fb;
  color: var(--amaj-primary);
  transition: .2s;
}
.amaj-team-contact a:hover { background: var(--amaj-primary); color: #fff; }

.amaj-map-wrap {
  background: #fff;
  border: 1px solid var(--amaj-line);
  border-radius: var(--amaj-radius-xl);
  box-shadow: var(--amaj-shadow-soft);
  padding: 10px;
  overflow: hidden;
}
.amaj-map-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  padding: 22px 24px;
}
.amaj-map-head h3 { color: var(--amaj-ink); margin: 0; font-size: 23px; }
.amaj-map-head p { margin: 3px 0 0; color: var(--amaj-muted); font-size: 13px; }
.amaj-map-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border-radius: 12px;
  padding: 10px 14px;
  background: #edf4ff;
  color: var(--amaj-primary);
  font-size: 12px;
  font-weight: 800;
}
.amaj-map-frame { height: 430px; border-radius: 22px; overflow: hidden; background: #eaf0f7; }
.amaj-map-frame iframe { width: 100%; height: 100%; border: 0; filter: saturate(.85) contrast(.95); }
.amaj-map-placeholder {
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 12px;
  color: var(--amaj-muted);
}
.amaj-map-placeholder .amaj-icon { width: 44px; height: 44px; color: var(--amaj-primary); }

.amaj-hours-section { padding-top: 0; }
.amaj-hours {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 28px;
  align-items: center;
  padding: 34px;
  border-radius: var(--amaj-radius-xl);
  color: #fff;
  background:
    radial-gradient(circle at 5% 10%, rgba(255,255,255,.12), transparent 28%),
    linear-gradient(90deg, color-mix(in srgb, var(--amaj-primary) 80%, #071a3c), var(--amaj-secondary));
  box-shadow: var(--amaj-shadow);
}
.amaj-hours h3 { color: #fff; font-size: 30px; margin: 0 0 8px; }
.amaj-hours p { color: rgba(255,255,255,.72); font-size: 14px; margin: 0; }
.amaj-hours-list { display: grid; gap: 10px; }
.amaj-hours-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
  padding: 12px 15px;
  border-radius: 12px;
  background: rgba(255,255,255,.09);
  border: 1px solid rgba(255,255,255,.11);
  font-size: 13px;
}
.amaj-hours-row strong { color: #fff; font-weight: 800; }

.amaj-reveal { opacity: 0; transform: translateY(24px); transition: .75s ease; }
.amaj-reveal.amaj-visible { opacity: 1; transform: none; }

@media (max-width: 1024px) {
  .amaj-contact-strip { grid-template-columns: 1fr 1fr; }
  .amaj-quick-card:nth-child(2)::after { display: none; }
  .amaj-contact-layout { grid-template-columns: 1fr; }
  .amaj-team-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 700px) {
  .amaj-contact-shell { --amaj-container: min(100% - 24px, 1180px); }
  .amaj-hero { min-height: 390px; }
  .amaj-hero-content { padding-block: 62px 104px; }
  .amaj-hero h1 { font-size: 38px; }
  .amaj-floating-contact { margin-top: -42px; }
  .amaj-contact-strip { grid-template-columns: 1fr; }
  .amaj-quick-card { min-height: auto; }
  .amaj-quick-card::after { display: none !important; }
  .amaj-quick-card:not(:last-child) { border-bottom: 1px solid var(--amaj-line); }
  .amaj-section { padding: 72px 0; }
  .amaj-form-card,
  .amaj-info-panel { padding: 27px 20px; }
  .amaj-form-grid { grid-template-columns: 1fr; }
  .amaj-field-full { grid-column: auto; }
  .amaj-map-head { align-items: flex-start; flex-direction: column; }
  .amaj-map-frame { height: 360px; }
  .amaj-team-grid { grid-template-columns: 1fr; }
  .amaj-portrait { height: 330px; }
  .amaj-hours { grid-template-columns: 1fr; padding: 26px 20px; }
}
