/* =====================================================================
   Wellness Dream Center — Contact page (form + info rows + map)
   Extracted from the template's former inline <style> block.
   ===================================================================== */

  .field{ display:flex; flex-direction:column; gap:8px; }
  .field label{ font-family:var(--mono); font-size:.66rem; letter-spacing:.18em; text-transform:uppercase; color:var(--muted); }
  .field input, .field select, .field textarea{
    background:var(--bg-2); border:1px solid var(--line); border-radius:12px; color:var(--ink);
    padding:14px 16px; font-family:var(--sans); font-size:.96rem; outline:none; transition:border-color .3s, background .3s; width:100%;
  }
  .field input:focus, .field select:focus, .field textarea:focus{ border-color:var(--gold-line); background:var(--bg-3); }
  .field textarea{ resize:vertical; min-height:120px; }
  .field input::placeholder, .field textarea::placeholder{ color:var(--faint); }
  .info-row{ display:flex; gap:16px; align-items:flex-start; padding:20px 0; border-bottom:1px solid var(--line); }
  .info-row .ir-ic{ width:44px; height:44px; flex-shrink:0; border-radius:12px; border:1px solid var(--gold-line); display:grid; place-items:center; color:var(--gold); background:rgba(201,162,78,.05); }
  .info-row .ir-ic svg{ width:20px; height:20px; }
  .info-row b{ display:block; font-weight:600; }
  .info-row span{ color:var(--muted); font-size:.94rem; }
  [data-lang="ar"] .field label{ font-family:'Tajawal', var(--mono); letter-spacing:0; }
  .map-panel{ position:relative; border-radius:var(--r-xl); overflow:hidden; border:1px solid var(--line); min-height:420px;
    background:
      radial-gradient(60% 60% at 70% 30%, rgba(201,162,78,.07), transparent 70%),
      repeating-linear-gradient(0deg, rgba(244,241,234,.035) 0 1px, transparent 1px 64px),
      repeating-linear-gradient(90deg, rgba(244,241,234,.035) 0 1px, transparent 1px 64px),
      linear-gradient(160deg, var(--bg-2), var(--bg)); }
  .map-roads::before, .map-roads::after{ content:""; position:absolute; background:rgba(244,241,234,.06); }
  .map-roads::before{ left:0; right:0; top:42%; height:14px; transform:rotate(-6deg); }
  .map-roads::after{ top:0; bottom:0; left:58%; width:12px; transform:rotate(8deg); }
  .map-pin{ position:absolute; left:58%; top:42%; transform:translate(-50%,-100%); display:flex; flex-direction:column; align-items:center; gap:8px; z-index:3; }
  .map-pin .pindot{ width:54px; height:54px; border-radius:50% 50% 50% 0; background:var(--gold); transform:rotate(45deg); display:grid; place-items:center; box-shadow:0 18px 40px -12px rgba(201,162,78,.7); }
  .map-pin .pindot svg{ transform:rotate(-45deg); width:24px; height:24px; color:#1a1306; }
  .map-pin .ppulse{ position:absolute; top:0; width:54px; height:54px; border-radius:50%; border:2px solid var(--gold); animation:ping 2.4s var(--ease) infinite; }
  @keyframes ping{ 0%{ transform:scale(.6); opacity:.8; } 100%{ transform:scale(2.4); opacity:0; } }
  .map-card{ position:absolute; left:24px; bottom:24px; z-index:4; max-width:300px; }
  [dir="rtl"] .map-card{ left:auto; right:24px; }

  /* native contact form feedback + spacing (theme-side, used by the WP form block) */
  .wdc-contact-form .field{ margin-bottom:16px; }
  .form-note{ border-radius:var(--r); padding:14px 18px; margin-bottom:20px; font-size:.95rem; line-height:1.5; }
  .form-note.ok{ background:rgba(201,162,78,.08); border:1px solid var(--gold-line); color:var(--ink-soft); }
  .form-note.err{ background:rgba(224,139,139,.08); border:1px solid rgba(224,139,139,.5); color:#e5a3a3; }