/* Capital Dental contact page – redesign (Yash, Nov 2026) */
.path-webform .webform-submission-capital-dental-contact-form { --cd-navy:#203770; --cd-gold:#8F5808; --cd-yellow:#F2C230; --cd-ink:#1B2440; --cd-muted:#4A5573; --cd-line:#E1E6F0; color:var(--cd-ink); }
.path-webform .webform-submission-capital-dental-contact-form .cd-lead { font-size:19px; line-height:1.6; color:var(--cd-muted); max-width:680px; margin:0 0 20px; }
.path-webform .webform-submission-capital-dental-contact-form .cd-actions { display:flex; flex-wrap:wrap; gap:12px; margin:0 0 28px; }
.path-webform .webform-submission-capital-dental-contact-form .cd-btn { display:inline-flex; align-items:center; justify-content:center; min-height:50px; padding:0 24px; border-radius:10px; font-size:17px; font-weight:800; text-decoration:none; }
.path-webform .webform-submission-capital-dental-contact-form .cd-btn-gold { background:var(--cd-yellow); color:var(--cd-navy); }
.path-webform .webform-submission-capital-dental-contact-form .cd-btn-outline { border:2px solid var(--cd-navy); color:var(--cd-navy); }
.path-webform .webform-submission-capital-dental-contact-form .cd-urgent { background:#FFF6DB; border:1px solid #F1DF9F; border-radius:12px; padding:16px 20px; margin:0 0 40px; }
.path-webform .webform-submission-capital-dental-contact-form .cd-urgent p { margin:0; font-size:16px; line-height:1.5; color:#3B2A06; }
.path-webform .webform-submission-capital-dental-contact-form .cd-clinics { background:#F5F7FB; border-radius:16px; padding:40px 32px; margin:0 0 48px; }
.path-webform .webform-submission-capital-dental-contact-form .cd-h2 { font-size:32px; font-weight:900; color:var(--cd-navy); margin:0 0 6px; line-height:1.2; }
.path-webform .webform-submission-capital-dental-contact-form .cd-sub { font-size:17px; color:var(--cd-muted); margin:0 0 20px; }
.path-webform .webform-submission-capital-dental-contact-form .cd-jump { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 36px; }
.path-webform .webform-submission-capital-dental-contact-form .cd-jump a { display:inline-flex; align-items:center; min-height:44px; padding:0 18px; border-radius:999px; background:#fff; border:2px solid #C5CDDD; color:var(--cd-navy); font-size:15px; font-weight:800; text-decoration:none; }
.path-webform .webform-submission-capital-dental-contact-form .cd-jump a:hover { border-color:var(--cd-navy); }
.path-webform .webform-submission-capital-dental-contact-form .cd-group { margin:0 0 44px; scroll-margin-top:24px; }
.path-webform .webform-submission-capital-dental-contact-form .cd-group-h { font-size:24px; font-weight:900; color:var(--cd-navy); margin:0 0 6px; line-height:1.25; }
.path-webform .webform-submission-capital-dental-contact-form .cd-serves { font-size:16px; line-height:1.55; color:var(--cd-muted); margin:0 0 18px; padding-bottom:12px; border-bottom:2px solid var(--cd-line); }
.path-webform .webform-submission-capital-dental-contact-form .cd-grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(290px, 1fr)); gap:18px; }
.path-webform .webform-submission-capital-dental-contact-form .cd-card { background:#fff; border:1px solid var(--cd-line); border-radius:14px; padding:20px; display:flex; min-width:0; flex-direction:column; }
.path-webform .webform-submission-capital-dental-contact-form .cd-card h3 { font-size:21px; font-weight:900; color:var(--cd-navy); margin:0 0 10px; }
.path-webform .webform-submission-capital-dental-contact-form .cd-addr { font-size:15px; line-height:1.55; color:var(--cd-muted); margin:0 0 12px; }
.path-webform .webform-submission-capital-dental-contact-form .cd-tag { align-self:flex-start; background:#E8F3EC; color:#1F5A35; font-size:13px; font-weight:800; padding:5px 10px; border-radius:999px; margin:0 0 12px; }
.path-webform .webform-submission-capital-dental-contact-form .cd-contact { margin:auto 0 0; padding-top:12px; border-top:1px solid #EEF1F6; font-size:15px; line-height:2; }
.path-webform .webform-submission-capital-dental-contact-form .cd-phone { font-size:19px; font-weight:800; color:var(--cd-navy); text-decoration:none; }
.path-webform .webform-submission-capital-dental-contact-form .cd-email { color:var(--cd-navy); font-size:14px; white-space:nowrap; letter-spacing:-0.1px; }
.path-webform .webform-submission-capital-dental-contact-form .cd-more { font-weight:800; color:var(--cd-gold); }
.path-webform .webform-submission-capital-dental-contact-form .cd-note { color:var(--cd-muted); }
.path-webform .webform-submission-capital-dental-contact-form .cd-spec { font-size:16px; color:var(--cd-muted); margin:8px 0 0; }
.path-webform .webform-submission-capital-dental-contact-form .cd-spec a { font-weight:800; color:var(--cd-navy); }
.path-webform .webform-submission-capital-dental-contact-form .cd-form-head { scroll-margin-top:24px; }
.path-webform .webform-submission-capital-dental-contact-form .cd-privacy { font-size:14px; color:var(--cd-muted); }
.path-webform .webform-submission-capital-dental-contact-form label { font-weight:800; color:var(--cd-ink); }
.path-webform .webform-submission-capital-dental-contact-form input[type=text],
.path-webform .webform-submission-capital-dental-contact-form input[type=email],
.path-webform .webform-submission-capital-dental-contact-form input[type=tel],
.path-webform .webform-submission-capital-dental-contact-form select,
.path-webform .webform-submission-capital-dental-contact-form textarea { width:100%; max-width:100%; box-sizing:border-box; min-height:48px; border:1.5px solid #C5CDDD; border-radius:10px; padding:10px 14px; font-size:16px; background:#fff; }
.path-webform .webform-submission-capital-dental-contact-form textarea { min-height:140px; }
.path-webform .webform-submission-capital-dental-contact-form input:focus,
.path-webform .webform-submission-capital-dental-contact-form select:focus,
.path-webform .webform-submission-capital-dental-contact-form textarea:focus { outline:3px solid var(--cd-yellow); outline-offset:1px; }
.path-webform .webform-submission-capital-dental-contact-form .form-actions input[type=submit] { min-height:52px; padding:0 32px; background:var(--cd-navy); color:#fff; border:0; border-radius:10px; font-size:17px; font-weight:800; cursor:pointer; }
@media (max-width:640px){ .path-webform .webform-submission-capital-dental-contact-form .cd-clinics { padding:28px 16px; } .path-webform .webform-submission-capital-dental-contact-form .cd-h2 { font-size:26px; } }
@media (max-width:380px){ .path-webform .webform-submission-capital-dental-contact-form .cd-grid { grid-template-columns:1fr; } .path-webform .webform-submission-capital-dental-contact-form .cd-email { font-size:13px; } }
.path-webform .webform-submission-capital-dental-contact-form .cd-tag-wrap { margin:0 0 12px; }
.path-webform .webform-submission-capital-dental-contact-form a.cd-tag-link { display:inline-flex; align-items:center; min-height:36px; margin:0; padding:6px 14px; background:#1F5A35; color:#fff; text-decoration:none; }
.path-webform .webform-submission-capital-dental-contact-form a.cd-tag-link:hover, .path-webform .webform-submission-capital-dental-contact-form a.cd-tag-link:focus { background:#16432A; color:#fff; text-decoration:underline; }

/* Only show the clinic directory and intro on the Contact page itself.
   The same form is embedded on the homepage and in sidebars, where the theme styles it compactly. */
body:not(.path-webform) .webform-submission-capital-dental-contact-form .form-item-intro,
body:not(.path-webform) .webform-submission-capital-dental-contact-form .form-item-clinic-directory,
body:not(.path-webform) .webform-submission-capital-dental-contact-form .form-item-form-heading,
body:not(.path-webform) .webform-submission-capital-dental-contact-form .form-item-privacy-note { display:none !important; }

/* Elsewhere (homepage, sidebars) let the field rows dissolve so the theme's original layout applies */
body:not(.path-webform) .webform-submission-capital-dental-contact-form .webform-flexbox { display:contents; }
body:not(.path-webform) .webform-submission-capital-dental-contact-form .webform-flex,
body:not(.path-webform) .webform-submission-capital-dental-contact-form .webform-flex--container { display:contents; }
body:not(.path-webform) .webform-submission-capital-dental-contact-form .webform-flex--container > .form-item { flex:1 1 auto; margin:10px 10px 10px 0; }
@media (min-width:1180px){ body:not(.path-webform) .webform-submission-capital-dental-contact-form .webform-flex--container > .form-item { flex-basis:calc(50% - 20px); } }
