/* WordPress-specific additions on top of the original site stylesheet (assets/style.css). */

/* Admin bar: keep the sticky header and docs sidebar below it */
.admin-bar .hdr { top:32px; }
.admin-bar .docs-nav { top:116px; }
@media (max-width:782px) { .admin-bar .hdr { top:46px; } }
@media (max-width:600px) { .admin-bar .hdr { top:0; } }

/* Gravity Forms contact form, styled like the original .form (GF's own CSS is disabled) */
.c-form .gform_wrapper { padding:20px; }
.c-form .gform_wrapper form { display:flex; flex-direction:column; gap:14px; }
.c-form .gform_fields { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin:0; padding:0; list-style:none; border:0; }
.c-form .gfield { grid-column:1 / -1; display:flex; flex-direction:column; gap:6px; margin:0; padding:0; border:0; min-width:0; }
.c-form .gfield.half { grid-column:auto; }
.c-form .gfield_label, .c-form .gform-field-label { font-size:13px; font-weight:500; color:var(--label); padding:0; }
.c-form .gfield_required { display:none; }
.c-form input[type=text], .c-form input[type=email], .c-form textarea { width:100%; box-sizing:border-box; height:36px; padding:0 10px; border-radius:8px; border:0.5px solid var(--ctlBorder); background:var(--bg); color:var(--label); font:inherit; font-size:14px; outline-color:var(--accent); }
.c-form textarea { height:auto; padding:8px 10px; resize:vertical; min-height:160px; }
.c-form .gform_footer { display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; margin:0; padding:0; }
.c-form .gform_footer .form-note { font-size:12px; color:var(--label3); }
.c-form .gform_button, .c-form .gform_footer button, .c-form .gform_footer input[type=submit] { all:unset; cursor:pointer; padding:0 20px; height:36px; display:inline-flex; align-items:center; border-radius:999px; background:var(--accent); color:var(--onAccent); font-size:13px; font-weight:600; box-shadow:0 6px 18px rgba(245,176,74,0.22); margin-left:auto; }
.c-form .gform_button:hover { background:#e89a26; }
.c-form .gform_validation_errors { background:rgba(255,69,58,0.10); border:0.5px solid var(--red); border-radius:8px; padding:10px 12px; font-size:13px; }
.c-form .gform_validation_errors h2 { font-size:13px; font-weight:500; margin:0; }
.c-form .gfield_validation_message, .c-form .validation_message { font-size:12px; color:var(--red); }
.c-form .gfield_error input, .c-form .gfield_error textarea { border-color:var(--red); }
.c-form .gform_validation_container, .c-form .gform_validation_container * , .c-form .gfield--type-honeypot { position:absolute !important; left:-9999px !important; }
.c-form .ginput_counter, .c-form .charleft { font-size:11px; color:var(--label3); }
.c-form .gform_ajax_spinner, .c-form .gform-loader { margin-left:8px; }
.c-form .screen-reader-text, .c-form .gform_required_legend { position:absolute; left:-9999px; }
@media (max-width:640px) { .c-form .gform_fields { grid-template-columns:1fr; } }

/* ---------- Homepage brand line under the lead ---------- */
.hero .hero-sub { font-size:15px; font-weight:600; color:var(--accentText); margin:14px 0 0; }

/* ---------- Breadcrumbs ---------- */
.crumbs { font-size:12.5px; color:var(--label3); margin:0 0 18px; display:flex; flex-wrap:wrap; align-items:center; gap:6px; }
.crumbs a { color:var(--label2); } .crumbs a:hover { color:var(--label); }
.crumbs i { font-style:normal; color:var(--label3); }
.doc .crumbs { margin-bottom:12px; }

/* ---------- Landing pages & guides (page builder) ---------- */
.lp .eyebrow { font-size:13px; font-weight:600; letter-spacing:0.4px; text-transform:uppercase; color:var(--accentText); margin:0 0 10px; }
.lp-cta { display:flex; gap:10px; margin-top:26px; flex-wrap:wrap; }
.lp-byline { font-size:13px; color:var(--label3); margin:14px 0 0; }
.lp-summary { max-width:760px; margin:28px 0 0; padding:14px 18px; border-radius:12px; background:var(--accentSoft); font-size:15px; line-height:1.6; }
.lp-summary b { display:block; font-size:12px; text-transform:uppercase; letter-spacing:0.4px; color:var(--accentText); margin-bottom:4px; }
.lp-sec { margin-top:56px; }
.lp-h { font-size:28px; letter-spacing:-0.7px; font-weight:700; margin:0 0 14px; text-wrap:balance; scroll-margin-top:90px; }
.lp-intro { font-size:16px; line-height:1.6; color:var(--label2); max-width:760px; margin:0 0 20px; }
.lp-note { font-size:12.5px; line-height:1.5; color:var(--label3); margin:10px 0 0; max-width:760px; }
.prose { max-width:760px; font-size:16px; line-height:1.7; color:var(--label2); }
.prose p { margin:0 0 14px; } .prose p:last-child { margin-bottom:0; }
.prose h3 { font-size:19px; color:var(--label); margin:28px 0 8px; letter-spacing:-0.3px; }
.prose ul, .prose ol { margin:0 0 14px; padding-left:22px; } .prose li { margin:4px 0; }
.prose b, .prose strong { color:var(--label); }
.prose code { font-size:13.5px; color:var(--label); background:var(--code); border:0.5px solid var(--sep); border-radius:5px; padding:1px 5px; }
.prose pre { font-family:var(--mono); font-size:12.5px; line-height:1.7; background:var(--code); border:0.5px solid var(--sep); border-radius:10px; padding:12px 14px; margin:0 0 14px; overflow-x:auto; white-space:pre; color:var(--label); }
.prose pre code { background:none; border:0; padding:0; font-size:inherit; }
.prose a { text-decoration:underline; text-decoration-color:var(--accentSoft); text-underline-offset:3px; }
.prose table { width:100%; border-collapse:collapse; font-size:14px; margin:0 0 14px; }
.prose th, .prose td { text-align:left; padding:8px 10px; border-bottom:0.5px solid var(--sep); }
.lp-cards .fcard.is-link { color:var(--label); transition:border-color .15s, transform .15s; }
.lp-cards .fcard.is-link:hover { border-color:var(--accent); transform:translateY(-1px); }
.lp-cards .fcard.is-link b::after { content:" →"; color:var(--accentText); }
.lp-cards .fcard code { font-size:12px; color:var(--label2); margin-top:4px; overflow-x:auto; white-space:nowrap; }
.lp-table-wrap { overflow-x:auto; }
.lp-table { width:100%; border-collapse:collapse; font-size:14px; min-width:560px; }
.lp-table th, .lp-table td { text-align:left; vertical-align:top; padding:11px 16px; border-top:0.5px solid var(--sep); line-height:1.45; }
.lp-table thead th { border-top:0; font-size:12px; font-weight:600; text-transform:uppercase; letter-spacing:0.4px; color:var(--label3); }
.lp-table tbody th { font-weight:600; color:var(--label); width:28%; }
.lp-table td { color:var(--label2); }
.lp-table .hi { background:var(--accentSoft); color:var(--label); }
.lp-table thead .hi { color:var(--accentText); }
.tv { font-weight:700; } .tv.yes { color:var(--green); } .tv.no { color:var(--label3); } .tv.part { color:var(--orange); }
.sr { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); }
.lp-steps { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:10px; max-width:860px; }
.lp-steps li { display:flex; gap:14px; padding:16px 18px; }
.lp-steps .n { width:26px; height:26px; border-radius:50%; background:var(--accentSoft); color:var(--accentText); font-size:12px; font-weight:700; display:flex; align-items:center; justify-content:center; flex:none; }
.lp-steps li > div { flex:1; min-width:0; }
.lp-steps b { font-size:15px; font-weight:600; display:block; margin-top:3px; }
.lp-steps p { font-size:14.5px; line-height:1.6; color:var(--label2); margin:6px 0 0; }
.lp-steps .codeblock { margin-top:10px; }
.lp-feature { align-items:start; }
.lp-feature ul { list-style:none; padding:0; margin:16px 0 0; display:flex; flex-direction:column; gap:6px; }
.lp-feature li { display:flex; gap:9px; font-size:14px; } .lp-feature li::before { content:"✓"; color:var(--green); font-weight:700; }
.lp-callout { max-width:760px; background:var(--card); border-left:3px solid var(--accent); padding:14px 18px; border-radius:0 12px 12px 0; font-size:15px; line-height:1.65; color:var(--label2); }
.lp-callout p { margin:0 0 8px; } .lp-callout p:last-child { margin:0; }
.lp-faq { max-width:none; }
.lp-sources h2 { font-size:15px; font-weight:600; margin:0; }
.lp-sources ul { margin:10px 0 0; padding-left:18px; font-size:13px; line-height:1.7; columns:2 320px; }
.lp-sources a { color:var(--label2); word-break:break-word; }
.guide .prose { font-size:16.5px; }

/* ---------- Docs: related pages ---------- */
.doc-related { margin-top:36px; display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:10px; }
.doc-related .lbl { grid-column:1 / -1; font-size:11px; font-weight:600; text-transform:uppercase; letter-spacing:0.5px; color:var(--label3); }
.doc-related a { padding:12px 14px; display:flex; flex-direction:column; gap:2px; color:var(--label); }
.doc-related a:hover { border-color:var(--accent); }
.doc-related b { font-size:14px; } .doc-related span { font-size:12.5px; color:var(--label2); }

/* ---------- Footer link columns ---------- */
.ftr-cols { max-width:1120px; width:100%; margin:96px auto 0; padding:32px 24px 0; border-top:0.5px solid var(--sep); display:grid; grid-template-columns:repeat(5,1fr); gap:24px; }
.ftr-col { display:flex; flex-direction:column; gap:7px; font-size:13px; }
.ftr-col .lbl { font-size:11px; font-weight:600; text-transform:uppercase; letter-spacing:0.5px; color:var(--label3); margin-bottom:4px; }
.ftr-col a { color:var(--label2); } .ftr-col a:hover { color:var(--label); }
.ftr-cols + .ftr { margin-top:32px; }
.ftr-nav span { color:var(--label3); }
@media (max-width:900px) { .ftr-cols { grid-template-columns:repeat(2,1fr); } }
@media (max-width:640px) { .lp-h { font-size:24px; } .lp-sec { margin-top:44px; } .lp-table tbody th { width:auto; } }