/* ═══════════════════════════════════════════════════════
   Contact Page Styles: Phượng Hoàng V2
   Extracted from contact.html inline <style> block
   ═══════════════════════════════════════════════════════ */

.ph-contact-list { display:flex; flex-direction:column; gap:1.5rem; }
.ph-contact-item { display:flex; gap:1rem; align-items:flex-start; border:1px solid transparent; border-radius:var(--ph-radius-md); padding:.75rem; margin:-.75rem; transition:border-color .3s var(--ph-ease-out),transform .3s var(--ph-ease-out),box-shadow .3s var(--ph-ease-out); }
.ph-contact-item:hover { transform:translateY(-3px); box-shadow:0 8px 28px rgba(11,25,41,.08); border-color:var(--ph-border-default); }
.ph-contact-item:focus-visible { outline:2px solid var(--ph-accent); outline-offset:2px; }
.ph-contact-item:active { transform:scale(.985); }
.ph-contact-icon { flex-shrink:0; width:44px; height:44px; background:var(--ph-accent-subtle); border-radius:50%; display:flex; align-items:center; justify-content:center; color:var(--ph-accent); }
.ph-contact-label { color:var(--ph-text-primary); display:block; margin-bottom:.25rem; font-weight:700; }
.ph-contact-val { color:var(--ph-text-secondary); line-height:1.6; margin:0; }
.ph-contact-hotline { color:var(--ph-accent); font:var(--ph-text-h3); text-decoration:none; display:inline-block; transition:color .3s var(--ph-ease-out),transform .3s var(--ph-ease-out); }
.ph-contact-hotline:hover { color:var(--ph-accent-hover,var(--ph-accent)); }
.ph-contact-hotline:focus-visible { outline:2px solid var(--ph-accent); outline-offset:2px; }
.ph-contact-hotline:active { transform:scale(.985); }
.ph-contact-sub { color:var(--ph-text-muted); font-size:.875rem; margin:.25rem 0 0; }
.ph-contact-link { color:var(--ph-accent); text-decoration:none; font-weight:600; transition:color .3s var(--ph-ease-out),transform .3s var(--ph-ease-out); display:inline-block; }
.ph-contact-link:hover { text-decoration:underline; }
.ph-contact-link:focus-visible { outline:2px solid var(--ph-accent); outline-offset:2px; }
.ph-contact-link:active { transform:scale(.985); }
.ph-contact-link-plain { color:var(--ph-accent); text-decoration:none; transition:color .3s var(--ph-ease-out),transform .3s var(--ph-ease-out); display:inline-block; }
.ph-contact-link-plain:hover { text-decoration:underline; }
.ph-contact-link-plain:focus-visible { outline:2px solid var(--ph-accent); outline-offset:2px; }
.ph-contact-link-plain:active { transform:scale(.985); }
.ph-map-wrap { background:var(--ph-surface-primary); border:1px solid var(--ph-border-default); border-radius:var(--ph-radius-lg); overflow:hidden; aspect-ratio:4/3; }
.ph-map-wrap iframe { border: 0; }
.ph-map-note { color:var(--ph-text-muted); font-size:.875rem; margin-top:.75rem; }
.bp-section-heading-left { text-align:left; }

@media (prefers-reduced-motion:reduce) {
  .ph-contact-item,
  .ph-contact-hotline,
  .ph-contact-link,
  .ph-contact-link-plain { transition:none; }
  .ph-contact-item:hover,
  .ph-contact-hotline:active,
  .ph-contact-link:active,
  .ph-contact-link-plain:active { transform:none; }
}

/* ── Contact Form ── */
.ph-form-desc { color:var(--ph-text-secondary); font-size:.9375rem; line-height:1.6; margin:0 0 1.25rem; }
.ph-contact-form { background:var(--ph-surface-primary); border:1px solid var(--ph-border-default); border-radius:var(--ph-radius-lg); padding:clamp(1.5rem,3vw,2rem); }
.ph-form-row { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
.ph-form-field { margin-bottom:1rem; }
.ph-form-field label { display:block; font-weight:600; font-size:.875rem; color:var(--ph-text-primary); margin-bottom:.375rem; }
.ph-form-field input,
.ph-form-field select,
.ph-form-field textarea { width:100%; padding:.7rem .9rem; border:1px solid var(--ph-border-default); border-radius:var(--ph-radius-sm); background:var(--ph-bg-primary); color:var(--ph-text-primary); font:inherit; font-size:.9375rem; transition:border-color .2s var(--ph-ease-out), box-shadow .2s var(--ph-ease-out); }
.ph-form-field select { appearance:auto; cursor:pointer; }
.ph-form-field input:focus,
.ph-form-field select:focus,
.ph-form-field textarea:focus { outline:none; border-color:var(--ph-accent); box-shadow:0 0 0 3px var(--ph-accent-subtle); }
.ph-form-field input[aria-invalid="true"],
.ph-form-field select[aria-invalid="true"],
.ph-form-field textarea[aria-invalid="true"] { border-color:var(--ph-danger); }
.ph-form-field input[aria-invalid="true"]:focus,
.ph-form-field select[aria-invalid="true"]:focus,
.ph-form-field textarea[aria-invalid="true"]:focus { box-shadow:0 0 0 3px var(--ph-danger-subtle); }
.ph-form-error { display:none; color:var(--ph-danger); font-size:.8125rem; margin:.375rem 0 0; }
.ph-form-submit { width:100%; justify-content:center; }
.ph-form-sending { opacity:.85; }
.ph-form-note { color:var(--ph-text-muted); font-size:.75rem; line-height:1.5; margin:.75rem 0 0; text-align:center; }
.ph-form-success { text-align:center; background:var(--ph-surface-primary); border:1px solid var(--ph-accent); border-radius:var(--ph-radius-lg); padding:clamp(2rem,4vw,2.5rem) 1.5rem; }
.ph-form-success-icon { width:56px; height:56px; margin:0 auto 1rem; border-radius:50%; background:var(--ph-accent-subtle); color:var(--ph-accent); display:flex; align-items:center; justify-content:center; }
.ph-form-success h3 { font:var(--ph-text-h3); margin-bottom:.5rem; }
.ph-form-success p { color:var(--ph-text-secondary); font-size:.9375rem; line-height:1.6; max-width:460px; margin:0 auto 1.25rem; }
.ph-success-actions { display:flex; gap:.625rem; justify-content:center; flex-wrap:wrap; margin-bottom:1rem; }
.ph-success-actions .bp-btn-magnetic,
.ph-success-actions .ph-btn-zalo,
.ph-success-actions .ph-btn-quote { text-decoration:none; }
.ph-form-success-thanks { color:var(--ph-text-muted); font-size:.8125rem; margin:0; }

@media (max-width:640px) {
  .ph-form-row { grid-template-columns:1fr; }
}