/* ======== Root + theme variables (v2 trades directory) ======== */
:root {
--appdir-bg: #f4f1ea;
--appdir-surface: #fffcf7;
--appdir-surface-muted: #ebe4d8;
--appdir-fg: #1c1917;
--appdir-muted: #57534e;
--appdir-border: #d6d0c4;
--appdir-primary: #1c1917;
--appdir-primary-fg: #faf7f2;
--appdir-accent: #b45309;
--appdir-accent-fg: #fffbeb;
--appdir-link: #9a3412;
--appdir-success: #3f6212;
--appdir-danger: #b91c1c;
--appdir-radius: 12px;
--appdir-shadow: 0 1px 0 rgba(28,25,23,0.06);
--appdir-font: "IBM Plex Sans", "Segoe UI", system-ui, sans-serif;
--appdir-font-display: "Source Serif 4", "Iowan Old Style", "Palatino Linotype", Georgia, serif;
}
.theme-dark {
--appdir-bg: #141210;
--appdir-surface: #1c1917;
--appdir-surface-muted: #292524;
--appdir-fg: #f5f5f4;
--appdir-muted: #a8a29e;
--appdir-border: #44403c;
--appdir-primary: #e7e5e4;
--appdir-primary-fg: #1c1917;
--appdir-accent: #d97706;
--appdir-accent-fg: #1c1917;
--appdir-link: #fdba74;
}
/* ======== Reset / base ======== */
* { box-sizing: border-box; }
html, body { margin:0; padding:0; }
html { overflow-x: hidden; }
body { font-family:var(--appdir-font); background:var(--appdir-bg); color:var(--appdir-fg); line-height:1.55; overflow-x: hidden; max-width: 100vw; }
img { max-width:100%; height:auto; display:block; }
/* WordPress auto-replaces native emoji with ![]()
 keep inline-sized */
img.emoji, img.wp-smiley { display:inline !important; height:1em !important; width:1em !important; max-width:1em !important; vertical-align:-0.125em !important; margin:0 0.05em 0 0.1em !important; padding:0 !important; border:none !important; box-shadow:none !important; background:none !important; }
.appdir-btn img.emoji { height:1.1em !important; width:1.1em !important; max-width:1.1em !important; margin-right:4px !important; }
a { color:var(--appdir-link); text-decoration:none; }
a:hover { text-decoration:underline; }
h1, h2, h3, h4 { color:var(--appdir-fg); line-height:1.25; font-family:var(--appdir-font-display); font-weight:600; }
h1 { font-size:clamp(28px, 4vw, 44px); margin:8px 0 16px; }
h2 { font-size:clamp(22px, 3vw, 30px); margin:0 0 16px; }
h3 { font-size:18px; margin:0 0 8px; }
.appdir-container { max-width:1200px; margin:0 auto; padding:0 20px; }
.appdir-link { color:var(--appdir-link); font-weight:500; }
/* ======== Navbar ======== */
.appdir-navbar { position:sticky; top:0; z-index:50; background:var(--appdir-surface); border-bottom:2px solid var(--appdir-fg); }
.appdir-navbar-inner { display:flex; align-items:center; gap:16px; height:64px; }
.appdir-logo { display:inline-flex; align-items:center; gap:10px; color:var(--appdir-fg); font-weight:600; text-decoration:none; flex-shrink:0; min-width:0; }
.appdir-logo:hover { opacity:0.9; text-decoration:none; }
.appdir-logo-badge, .appdir-logo-mark { display:grid; place-items:center; height:36px; width:36px; border:2px solid var(--appdir-fg); background:var(--appdir-accent); color:var(--appdir-accent-fg); flex-shrink:0; border-radius:10px; box-shadow:none; position:relative; }
.appdir-logo-badge::after { display:none; }
.appdir-logo-text { display:flex; flex-direction:column; line-height:1.1; align-items:flex-start; min-width:0; text-align:left; gap:2px; }
.appdir-logo-primary { font-family:var(--appdir-font-display); font-size:17px; font-weight:600; letter-spacing:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:100%; }
.appdir-logo-middle { display:none; }
.appdir-logo-sub { font-size:10px; font-weight:600; letter-spacing:0.12em; text-transform:uppercase; color:var(--appdir-muted); margin-top:0; }
.appdir-navbar-search { flex:1; max-width:540px; min-width:0; }
.appdir-navbar-nav { display:flex; align-items:center; gap:8px; flex-shrink:0; }
.appdir-navbar-nav a { color:var(--appdir-fg); font-weight:500; padding:8px 10px; border-radius:8px; white-space:nowrap; }
.appdir-navbar-nav a:hover { background:var(--appdir-surface-muted); text-decoration:none; }
/* Hamburger toggle */
.appdir-navbar-toggle { display:none; align-items:center; justify-content:center; width:44px; height:44px; border:1px solid var(--appdir-border); background:var(--appdir-surface); border-radius:10px; cursor:pointer; padding:0; margin-left:auto; flex-shrink:0; }
.appdir-navbar-toggle-bars { display:flex; flex-direction:column; gap:4px; }
.appdir-navbar-toggle-bars span { display:block; width:22px; height:2px; background:var(--appdir-fg); border-radius:8px; transition:transform .15s, opacity .15s; }
.appdir-navbar-toggle[aria-expanded="true"] .appdir-navbar-toggle-bars span:nth-child(1) { transform:translateY(6px) rotate(45deg); }
.appdir-navbar-toggle[aria-expanded="true"] .appdir-navbar-toggle-bars span:nth-child(2) { opacity:0; }
.appdir-navbar-toggle[aria-expanded="true"] .appdir-navbar-toggle-bars span:nth-child(3) { transform:translateY(-6px) rotate(-45deg); }
.screen-reader-text { position:absolute !important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
/* Mobile drawer */
.appdir-navbar-mobile { display:none; border-top:1px solid var(--appdir-border); background:var(--appdir-surface); padding:16px 0; }
.appdir-navbar-mobile:not([hidden]) { display:block; }
.appdir-navbar-mobile-search { margin-bottom:14px; }
.appdir-navbar-mobile-nav { display:flex; flex-direction:column; gap:10px; }
.appdir-navbar-mobile-nav > a { display:block; padding:12px 14px; color:var(--appdir-fg); font-weight:500; border-radius:10px; background:var(--appdir-surface-muted); }
.appdir-navbar-mobile-nav > a:hover { text-decoration:none; background:color-mix(in oklab, var(--appdir-primary) 8%, var(--appdir-surface-muted)); }
body.appdir-menu-open { overflow:hidden; }
/* Tablet  hide nav search, keep nav items */
@media (max-width:980px) {
.appdir-navbar-search { display:none; }
.appdir-navbar-inner { gap:12px; }
}
/* Mobile  switch to hamburger */
@media (max-width:780px) {
.appdir-navbar-nav { display:none; }
.appdir-navbar-toggle { display:inline-flex; }
.appdir-logo-primary { font-size:15px; }
.appdir-navbar-inner { height:60px; gap:10px; }
}
/* Theme toggle icons */
.theme-light-only, .theme-dark-only { display:inline-block; }
.theme-dark .theme-light-only { display:none; }
:not(.theme-dark) .theme-dark-only { display:none; }
/* Logo mark (v2) */
.appdir-logo-mark { display:grid; place-items:center; height:36px; width:36px; border:2px solid var(--appdir-fg); background:var(--appdir-accent); color:var(--appdir-accent-fg); flex-shrink:0; }
.appdir-logo-text { display:flex; flex-direction:column; line-height:1.1; min-width:0; text-align:left; gap:2px; }
.appdir-logo-primary { font-family:var(--appdir-font-display); font-size:17px; font-weight:600; letter-spacing:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:100%; }
.appdir-logo-sub { font-size:10px; font-weight:600; letter-spacing:0.12em; text-transform:uppercase; color:var(--appdir-muted); }
.appdir-hero-inner { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(240px,0.8fr); gap:36px; align-items:start; max-width:1100px; }
@media (max-width:860px) { .appdir-hero-inner { grid-template-columns:1fr; } }
.appdir-hero-actions { display:flex; flex-wrap:wrap; gap:10px; margin:0; }
.appdir-hero-facts { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.appdir-hero-facts li { background:var(--appdir-surface); border:1px solid var(--appdir-border); padding:14px 12px; border-radius:12px; display:flex; flex-direction:column; gap:4px; }
.appdir-hero-facts strong { font-family:var(--appdir-font-display); font-size:26px; font-weight:600; line-height:1; }
.appdir-hero-facts span { font-size:12px; color:var(--appdir-muted); text-transform:uppercase; letter-spacing:0.04em; }
.appdir-hero-note { margin:14px 0 0; font-size:13px; color:var(--appdir-muted); line-height:1.5; }
.appdir-hero-aside { border-left:3px solid var(--appdir-accent); padding-left:18px; }
@media (max-width:860px) { .appdir-hero-aside { border-left:0; border-top:3px solid var(--appdir-accent); padding-left:0; padding-top:16px; } }
.appdir-section-kicker { font-size:12px; color:var(--appdir-muted); font-weight:500; }
.appdir-list-card span { display:block; margin-top:4px; font-size:12px; color:var(--appdir-muted); font-weight:400; }
/* ======== Buttons ======== */
.appdir-btn { display:inline-flex; align-items:center; justify-content:center; gap:6px; height:40px; padding:0 18px; border-radius:10px; border:1px solid transparent; font-size:14px; font-weight:600; cursor:pointer; transition:background .15s, border-color .15s; text-decoration:none; background:var(--appdir-surface); color:var(--appdir-fg); white-space:nowrap; line-height:1; }
.appdir-btn svg { width:1.1em; height:1.1em; flex-shrink:0; }
.appdir-card-location svg, .appdir-company-location svg { width:0.9em; height:0.9em; display:inline-block; vertical-align:-2px; margin-right:4px; color:var(--appdir-muted); }
.appdir-btn:hover { text-decoration:none; }
.appdir-btn-primary { background:var(--appdir-primary); color:var(--appdir-primary-fg); border-color:var(--appdir-primary); }
.appdir-btn-primary:hover { filter:brightness(1.08); }
/* Label-as-button override  the listing/lead-form label rule forces color to
var(--appdir-fg) which makes button text invisible on colored button bg. */
.appdir-listing-form label.appdir-btn,
.appdir-lead-form label.appdir-btn { flex-direction:row; align-items:center; color:var(--appdir-fg); }
.appdir-listing-form label.appdir-btn-primary,
.appdir-lead-form label.appdir-btn-primary { color:var(--appdir-primary-fg); }
.appdir-listing-form label.appdir-btn-accent,
.appdir-lead-form label.appdir-btn-accent { color:var(--appdir-accent-fg, #fff); }
.appdir-btn-accent { background:var(--appdir-accent); color:var(--appdir-accent-fg); border-color:var(--appdir-accent); }
.appdir-btn-accent:hover { filter:brightness(1.06); }
.appdir-btn-outline { background:transparent; color:var(--appdir-primary); border-color:color-mix(in oklab, var(--appdir-primary) 40%, transparent); }
.appdir-btn-outline:hover { background:color-mix(in oklab, var(--appdir-primary) 6%, transparent); }
.appdir-btn-ghost { background:transparent; color:var(--appdir-muted); border-color:transparent; }
.appdir-btn-ghost:hover { background:var(--appdir-surface-muted); color:var(--appdir-fg); }
.appdir-btn-lg { height:52px; padding:0 28px; font-size:16px; }
.appdir-btn-full { width:100%; }
/* ======== Hero + sections ======== */
.appdir-hero { background:var(--appdir-bg); border-bottom:1px solid var(--appdir-border); padding:48px 0 40px; }
.appdir-hero-inner { max-width:860px; min-width:0; }
.appdir-hero-eyebrow { display:inline-block; margin:0 0 10px; font-size:12px; font-weight:600; letter-spacing:0.06em; text-transform:uppercase; color:var(--appdir-accent); }
.appdir-hero h1 { font-size:clamp(28px, 5vw, 56px); font-weight:800; margin:0 0 12px; overflow-wrap:break-word; }
/* Rotating word in the hero H1. All words render in the DOM (so Google sees
them), they're stacked in the same grid cell, and each one fades + slides
on a delayed keyframe so only one is visible at a time. */
.appdir-rotate { display:inline-grid; vertical-align:baseline; color:var(--appdir-primary); position:relative; }
.appdir-rotate > span { grid-area:1 / 1; opacity:0; transform:translateY(14px); white-space:nowrap; animation:appdir-rotate-cycle 12s cubic-bezier(.22,.61,.36,1) infinite; will-change:opacity, transform; }
.appdir-rotate > span:nth-child(1) { animation-delay:0s; }
.appdir-rotate > span:nth-child(2) { animation-delay:2s; }
.appdir-rotate > span:nth-child(3) { animation-delay:4s; }
.appdir-rotate > span:nth-child(4) { animation-delay:6s; }
.appdir-rotate > span:nth-child(5) { animation-delay:8s; }
.appdir-rotate > span:nth-child(6) { animation-delay:10s; }
@keyframes appdir-rotate-cycle {
0%, 2% { opacity:0; transform:translateY(14px); }
5%, 14% { opacity:1; transform:translateY(0); }
17%, 100%{ opacity:0; transform:translateY(-14px); }
}
@media (prefers-reduced-motion: reduce) {
.appdir-rotate > span { animation:none; opacity:0; transform:none; }
.appdir-rotate > span:first-child { opacity:1; }
}
.appdir-hero-sub { color:var(--appdir-muted); font-size:clamp(15px, 2.5vw, 18px); margin-bottom:24px; max-width:640px; overflow-wrap:break-word; }
.appdir-hero-search { display:flex; flex-wrap:wrap; gap:10px; margin-bottom:16px; max-width:640px; }
.appdir-hero-search input { flex:1 1 240px; min-width:0; height:52px; padding:0 16px; border-radius:12px; border:1px solid var(--appdir-border); background:var(--appdir-surface); color:var(--appdir-fg); font-size:15px; }
.appdir-hero-search .appdir-btn { flex:0 0 auto; }
.appdir-subhero { padding:36px 0 20px; border-bottom:1px solid var(--appdir-border); background:var(--appdir-surface); }
.appdir-subhero-lead { color:var(--appdir-muted); font-size:16px; max-width:720px; }
.appdir-section { padding:56px 0; }
.appdir-section-muted { background:var(--appdir-surface-muted); }
.appdir-section-header { display:flex; justify-content:space-between; align-items:end; gap:16px; margin-bottom:24px; flex-wrap:wrap; }
.appdir-section-title { margin:0 0 24px; }
/* ======== Stats ======== */
.appdir-stats { padding:32px 0; border-bottom:1px solid var(--appdir-border); }
.appdir-stats-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(180px, 1fr)); gap:24px; text-align:center; }
.appdir-stats-grid > div { display:flex; flex-direction:column; align-items:center; }
.appdir-stats-grid strong { font-size:32px; font-weight:800; }
.appdir-stats-grid span { color:var(--appdir-muted); font-size:13px; text-transform:uppercase; letter-spacing:0.04em; }
/* ======== Grids ======== */
.appdir-grid-2 { display:grid; grid-template-columns:repeat(auto-fill, minmax(340px, 1fr)); gap:20px; }
.appdir-grid-3 { display:grid; grid-template-columns:repeat(auto-fill, minmax(280px, 1fr)); gap:20px; }
.appdir-grid-4 { display:grid; grid-template-columns:repeat(auto-fill, minmax(200px, 1fr)); gap:16px; }
/* ======== Cards ======== */
.appdir-card { background:var(--appdir-surface); border:1px solid var(--appdir-border); border-radius:var(--appdir-radius); overflow:hidden; transition:border-color .15s; }
.appdir-card:hover { border-color:var(--appdir-fg); }
.appdir-card-link { display:block; padding:20px; color:inherit; text-decoration:none; }
.appdir-card-link:hover { text-decoration:none; }
.appdir-card-header { display:flex; gap:12px; align-items:flex-start; margin-bottom:12px; }
.appdir-card-logo { height:56px; width:56px; border-radius:12px; border:1px solid var(--appdir-border); background:linear-gradient(135deg, #f8fafc, #e2e8f0); display:flex; align-items:center; justify-content:center; overflow:hidden; flex-shrink:0; }
.appdir-card-logo img { max-width:100%; max-height:100%; object-fit:contain; padding:4px; }
.appdir-card-initial { font-size:22px; font-weight:800; color:var(--appdir-primary); }
.appdir-card-title { flex:1; min-width:0; }
.appdir-card-title h3 { font-size:17px; font-weight:700; margin:0 0 4px; }
.appdir-card-rating { display:flex; align-items:center; gap:6px; font-size:14px; color:var(--appdir-muted); margin-bottom:10px; }
.appdir-card-rating strong { color:var(--appdir-fg); }
.appdir-card-location { font-size:13px; color:var(--appdir-muted); margin:0 0 10px; }
.appdir-card-tags { display:flex; flex-wrap:wrap; gap:6px; list-style:none; padding:0; margin:0; padding-top:12px; border-top:1px solid var(--appdir-border); }
.appdir-card-tags li { font-size:11px; background:var(--appdir-surface-muted); color:var(--appdir-muted); padding:3px 8px; border-radius:4px; }
.appdir-state-card, .appdir-list-card { display:flex; align-items:center; justify-content:space-between; padding:16px; background:var(--appdir-surface); border:1px solid var(--appdir-border); border-radius:var(--appdir-radius); color:inherit; text-decoration:none; transition:border-color .15s; }
.appdir-state-card:hover, .appdir-list-card:hover { border-color:var(--appdir-primary); text-decoration:none; }
.appdir-state-card strong, .appdir-list-card strong { font-weight:700; display:block; }
.appdir-state-card > div { display:flex; flex-direction:column; gap:2px; }
.appdir-state-card span { color:var(--appdir-muted); font-size:12px; font-weight:600; letter-spacing:0.05em; }
/* ======== Stars + badges ======== */
.appdir-stars { color:#f59e0b; letter-spacing:1px; font-size:14px; }
.appdir-badge { display:inline-block; padding:3px 8px; border-radius:8px; font-size:11px; font-weight:600; letter-spacing:0.01em; margin-left:6px; }
.appdir-badge-accent { background:color-mix(in oklab, var(--appdir-accent) 22%, transparent); color:color-mix(in oklab, var(--appdir-accent) 70%, var(--appdir-fg)); }
.appdir-badge-success { background:color-mix(in oklab, var(--appdir-success) 15%, transparent); color:var(--appdir-success); }
/* ======== Breadcrumbs ======== */
.appdir-breadcrumbs { font-size:13px; color:var(--appdir-muted); margin-bottom:14px; }
.appdir-breadcrumbs a { color:var(--appdir-muted); text-decoration:none; }
.appdir-breadcrumbs a:hover { color:var(--appdir-fg); }
/* ======== Company single ======== */
.appdir-company-header { display:flex; gap:20px; align-items:flex-start; flex-wrap:wrap; margin-top:12px; }
.appdir-company-logo-lg { height:96px; width:96px; border-radius:16px; border:1px solid var(--appdir-border); background:linear-gradient(135deg, #f8fafc, #e2e8f0); display:flex; align-items:center; justify-content:center; overflow:hidden; flex-shrink:0; box-shadow:var(--appdir-shadow); }
.appdir-company-logo-lg img { max-width:100%; max-height:100%; object-fit:contain; padding:6px; }
.appdir-company-logo-lg span { font-size:36px; font-weight:800; color:var(--appdir-primary); }
.appdir-company-title { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.appdir-company-title h1 { margin:0; }
.appdir-company-location { color:var(--appdir-muted); margin:4px 0 0; }
.appdir-company-rating { display:flex; align-items:center; gap:6px; margin-top:8px; font-size:14px; color:var(--appdir-muted); }
.appdir-two-col { display:grid; grid-template-columns:minmax(0, 2fr) minmax(280px, 1fr); gap:32px; align-items:start; }
@media (max-width:900px) { .appdir-two-col { grid-template-columns:1fr; } }
.appdir-prose p { line-height:1.7; color:var(--appdir-fg); }
.appdir-chip-list { list-style:none; padding:0; margin:0 0 24px; display:flex; flex-wrap:wrap; gap:8px; }
.appdir-chip-list li { padding:6px 12px; background:var(--appdir-surface-muted); border:1px solid var(--appdir-border); border-radius:8px; font-size:13px; font-weight:500; }
.appdir-chip-list-primary li { color:var(--appdir-primary); background:color-mix(in oklab, var(--appdir-primary) 6%, transparent); border-color:color-mix(in oklab, var(--appdir-primary) 20%, transparent); }
.appdir-credentials { display:grid; grid-template-columns:repeat(auto-fill, minmax(160px, 1fr)); gap:12px; margin-bottom:24px; }
.appdir-credentials > div { padding:14px; border:1px solid var(--appdir-border); border-radius:10px; text-align:center; color:var(--appdir-muted); font-size:13px; font-weight:500; }
.appdir-credentials .is-on { color:var(--appdir-success); border-color:color-mix(in oklab, var(--appdir-success) 30%, transparent); background:color-mix(in oklab, var(--appdir-success) 6%, transparent); }
.appdir-company-aside { display:flex; flex-direction:column; gap:16px; position:sticky; top:88px; }
.appdir-contact-card { background:var(--appdir-surface); border:1px solid var(--appdir-border); border-radius:var(--appdir-radius); padding:20px; box-shadow:var(--appdir-shadow); display:flex; flex-direction:column; gap:10px; }
/* ======== Lead + listing forms ======== */
.appdir-lead-form, .appdir-listing-form { background:var(--appdir-surface); border:1px solid var(--appdir-border); border-radius:var(--appdir-radius); padding:20px; display:flex; flex-direction:column; gap:14px; box-shadow:var(--appdir-shadow); min-width:0; max-width:100%; overflow:hidden; }
.appdir-lead-form h3 { margin:0; }
.appdir-lead-form label, .appdir-listing-form label { display:flex; flex-direction:column; gap:6px; font-size:13px; font-weight:500; color:var(--appdir-fg); min-width:0; }
.appdir-lead-form input:not([type="radio"]):not([type="checkbox"]), .appdir-lead-form textarea,
.appdir-listing-form input:not([type="radio"]):not([type="checkbox"]), .appdir-listing-form textarea, .appdir-listing-form select { padding:10px 12px; border-radius:8px; border:1px solid var(--appdir-border); background:var(--appdir-surface); color:var(--appdir-fg); font:inherit; width:100%; max-width:100%; min-width:0; }
/* Radios + checkboxes keep their native appearance  never stretched, padded, or bordered like text inputs. */
.appdir-lead-form input[type="radio"], .appdir-lead-form input[type="checkbox"],
.appdir-listing-form input[type="radio"], .appdir-listing-form input[type="checkbox"] { width:auto; height:auto; min-width:0; max-width:none; padding:0; margin:0; border:initial; background:initial; flex-shrink:0; }
/* Coverage picker  duplicated here so the theme's filemtime cache-busting applies
even if plugin admin.css is cached. Labels must render as inline rows, not stacked. */
.appdir-listing-form .appdir-cov-picker select,
.appdir-cov-picker select { width:auto !important; flex:0 1 auto; min-width:180px; }
.appdir-listing-form .appdir-cov-modes label,
.appdir-cov-modes label { display:inline-flex !important; flex-direction:row !important; align-items:center; gap:6px; margin:0; font-weight:400; cursor:pointer; text-align:left; }
.appdir-listing-form .appdir-cov-citygrid label,
.appdir-cov-citygrid label { display:flex !important; flex-direction:row !important; align-items:center; justify-content:flex-start; gap:8px; padding:6px 8px; border-radius:4px; font-size:13px; font-weight:400; text-align:left; cursor:pointer; border:0; }
.appdir-listing-form .appdir-cov-citygrid input[type="checkbox"],
.appdir-cov-citygrid input[type="checkbox"] { flex-shrink:0; margin:0; }
.appdir-form-row { display:grid; grid-template-columns:1fr 1fr; gap:12px; min-width:0; }
.appdir-form-row > label { min-width:0; }
.appdir-form-row > label > input,
.appdir-form-row > label > textarea { width:100%; max-width:100%; min-width:0; box-sizing:border-box; }
@media (max-width:640px) {
.appdir-form-row { grid-template-columns:1fr !important; }
}
.appdir-form-help { color:var(--appdir-muted); font-size:13px; }
.appdir-check-grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(180px, 1fr)); gap:8px; }
.appdir-listing-form .appdir-check-grid label,
.appdir-check-grid label { display:flex !important; flex-direction:row !important; align-items:center; justify-content:flex-start; gap:10px; padding:10px 12px; border:1px solid var(--appdir-border); border-radius:8px; cursor:pointer; font-weight:400; text-align:left; transition:background .1s, border-color .1s; }
.appdir-check-grid label:hover { background:var(--appdir-surface-muted); border-color:color-mix(in oklab, var(--appdir-primary) 25%, var(--appdir-border)); }
.appdir-check-grid label input[type="checkbox"] { flex-shrink:0; margin:0; width:16px; height:16px; }
.appdir-check-grid label > span,
.appdir-check-grid label { font-size:13px; line-height:1.3; }
.appdir-check-row { display:flex; flex-wrap:wrap; gap:16px; }
.appdir-listing-form .appdir-check-row label,
.appdir-check-row label { display:flex !important; flex-direction:row !important; align-items:center; gap:6px; font-weight:400; }
.appdir-check-row input[type="checkbox"] { flex-shrink:0; margin:0; }
.appdir-faqs-fieldset { display:flex; flex-direction:column; gap:14px; }
.appdir-faq-input label { display:flex; flex-direction:column; gap:6px; font-size:14px; }
.appdir-faq-input strong { font-weight:600; color:var(--appdir-fg); }
.appdir-lead-small { font-size:11px; color:var(--appdir-muted); text-align:center; margin:0; }
.appdir-lead-error, .appdir-form-error { color:var(--appdir-danger); background:color-mix(in oklab, var(--appdir-danger) 8%, transparent); padding:10px; border-radius:8px; font-size:13px; margin:0; }
.appdir-lead-success, .appdir-form-success { color:var(--appdir-success); background:color-mix(in oklab, var(--appdir-success) 8%, transparent); padding:10px; border-radius:8px; font-size:13px; margin:0; }
/* ======== House listing (Partner Network) ======== */
.appdir-house { padding:40px 0; }
.appdir-house-primary { background:linear-gradient(135deg, color-mix(in oklab, var(--appdir-primary) 8%, transparent), color-mix(in oklab, var(--appdir-accent, #f59e0b) 6%, transparent)); border-top:1px solid var(--appdir-border); border-bottom:1px solid var(--appdir-border); }
.appdir-house-supplemental { padding:24px 0; }
.appdir-house-card { background:var(--appdir-surface); border:1px solid var(--appdir-border); border-radius:16px; padding:28px; display:grid; grid-template-columns:1fr minmax(280px, 380px); gap:32px; align-items:start; box-shadow:0 8px 24px rgba(15, 23, 42, 0.06); }
.appdir-house-supplemental .appdir-house-card { grid-template-columns:1fr minmax(260px, 340px); padding:22px; }
@media (max-width:780px) { .appdir-house-card { grid-template-columns:1fr; gap:20px; padding:20px; } }
.appdir-house-badge { display:inline-flex; align-items:center; gap:6px; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:0.08em; color:var(--appdir-primary); background:color-mix(in oklab, var(--appdir-primary) 10%, transparent); border:1px solid color-mix(in oklab, var(--appdir-primary) 20%, transparent); padding:4px 10px; border-radius:8px; margin-bottom:12px; grid-column:1 / -1; width:fit-content; }
.appdir-house-headline { margin:0 0 6px; font-size:24px; line-height:1.25; color:var(--appdir-fg); }
.appdir-house-supplemental .appdir-house-headline { font-size:20px; }
.appdir-house-sub { margin:0 0 16px; color:var(--appdir-muted); font-size:14px; }
.appdir-house-benefits { list-style:none; padding:0; margin:16px 0 0; display:flex; flex-direction:column; gap:6px; font-size:14px; color:var(--appdir-fg); }
.appdir-house-benefits li { color:var(--appdir-success); font-weight:500; }
.appdir-house-problems { margin-top:20px; padding-top:18px; border-top:1px solid var(--appdir-border); }
.appdir-house-problems h3 { font-size:13px; text-transform:uppercase; letter-spacing:0.06em; color:var(--appdir-muted); margin:0 0 10px; font-weight:700; }
.appdir-house-problems ul { list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:6px; font-size:13px; line-height:1.55; color:var(--appdir-fg); }
.appdir-house-problems ul li strong { color:var(--appdir-fg); margin-right:4px; }
.appdir-house-problems ul li { color:var(--appdir-muted); }
.appdir-house-footnote { margin:16px 0 0; font-size:12px; color:var(--appdir-muted); font-style:italic; }
.appdir-house-form { background:color-mix(in oklab, var(--appdir-primary) 4%, var(--appdir-surface)); border:1px solid var(--appdir-border); border-radius:12px; padding:18px; display:flex; flex-direction:column; gap:10px; min-width:0; }
.appdir-house-form label { display:flex; flex-direction:column; gap:4px; font-size:13px; font-weight:500; min-width:0; }
.appdir-house-form input,
.appdir-house-form select,
.appdir-house-form textarea { padding:10px 12px; border:1px solid var(--appdir-border); border-radius:8px; background:var(--appdir-surface); color:var(--appdir-fg); font:inherit; width:100%; max-width:100%; min-width:0; box-sizing:border-box; }
.appdir-house-form textarea { resize:vertical; min-height:70px; }
.appdir-house-form select { appearance:none; background-image:url("data:image/svg+xml;utf8,"); background-repeat:no-repeat; background-position:right 10px center; padding-right:30px; }
.appdir-house-row { display:grid; grid-template-columns:1fr 1fr; gap:10px; min-width:0; }
.appdir-house-row > label { min-width:0; }
@media (max-width:480px) { .appdir-house-row { grid-template-columns:1fr; } }
.appdir-house-phone { display:block; text-align:center; margin-top:4px; color:var(--appdir-muted); font-size:13px; text-decoration:none; }
.appdir-house-phone strong { color:var(--appdir-fg); }
/* ======== Service area coverage (single listing) ======== */
.appdir-coverage-head { display:flex; align-items:baseline; justify-content:space-between; gap:12px; flex-wrap:wrap; margin-bottom:12px; }
.appdir-coverage-head h2 { margin:0; }
.appdir-coverage-sub { margin:0; color:var(--appdir-muted); font-size:13px; }
.appdir-coverage-grid { list-style:none; padding:0; margin:0; display:grid; grid-template-columns:repeat(auto-fill, minmax(240px, 1fr)); gap:10px; }
.appdir-coverage-card { background:var(--appdir-surface); border:1px solid var(--appdir-border); border-radius:12px; padding:12px 14px; display:flex; gap:12px; align-items:flex-start; transition:border-color .15s, box-shadow .15s; }
.appdir-coverage-card:hover { border-color:color-mix(in oklab, var(--appdir-primary) 35%, var(--appdir-border)); box-shadow:0 2px 6px rgba(15, 23, 42, 0.04); }
.appdir-coverage-card.is-all { border-left:3px solid var(--appdir-success); }
.appdir-coverage-card.is-some { border-left:3px solid var(--appdir-primary); }
.appdir-coverage-icon { flex-shrink:0; width:32px; height:32px; border-radius:8px; display:inline-flex; align-items:center; justify-content:center; background:color-mix(in oklab, var(--appdir-primary) 10%, transparent); color:var(--appdir-primary); }
.appdir-coverage-card.is-all .appdir-coverage-icon { background:color-mix(in oklab, var(--appdir-success) 12%, transparent); color:var(--appdir-success); }
.appdir-coverage-body { flex:1; min-width:0; }
.appdir-coverage-name { display:flex; align-items:center; gap:6px; font-size:14px; line-height:1.25; color:var(--appdir-fg); }
.appdir-coverage-abbr { font-size:11px; font-weight:600; color:var(--appdir-muted); background:var(--appdir-surface-muted); border:1px solid var(--appdir-border); border-radius:4px; padding:1px 6px; letter-spacing:0.04em; }
.appdir-coverage-meta { display:inline-flex; align-items:center; gap:4px; font-size:12px; color:var(--appdir-muted); margin-top:3px; }
.appdir-coverage-card.is-all .appdir-coverage-meta { color:var(--appdir-success); font-weight:500; }
.appdir-coverage-chips { list-style:none; padding:0; margin:8px 0 0; display:flex; flex-wrap:wrap; gap:4px; }
.appdir-coverage-chips li { font-size:11px; font-weight:500; padding:3px 8px; border-radius:8px; background:color-mix(in oklab, var(--appdir-primary) 8%, transparent); color:var(--appdir-primary); border:1px solid color-mix(in oklab, var(--appdir-primary) 18%, transparent); }
/* ======== Related locations (internal linking) ======== */
.appdir-related-locations { background:var(--appdir-surface-muted); }
.appdir-related-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(220px, 1fr)); gap:28px; }
.appdir-related-grid h3 { font-size:14px; text-transform:uppercase; letter-spacing:0.06em; color:var(--appdir-muted); margin:0 0 10px; }
.appdir-related-list { list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:6px; }
.appdir-related-list a { color:var(--appdir-fg); font-size:14px; font-weight:500; }
.appdir-related-list a:hover { color:var(--appdir-primary); }
/* ======== City intro ======== */
.appdir-city-intro { background:var(--appdir-surface); border-left:3px solid var(--appdir-primary); padding:16px 20px; border-radius:8px; margin:16px 0 0; color:var(--appdir-fg); font-size:15px; line-height:1.65; }
/* ======== Location prose (state / county / service page intros) ======== */
.appdir-location-prose { max-width:820px; }
.appdir-location-prose h2 { font-size:22px; margin:0 0 12px; }
.appdir-location-prose p { margin:0 0 14px; color:var(--appdir-fg); font-size:15px; line-height:1.7; }
.appdir-location-prose p:last-child { margin-bottom:0; }
/* ======== Reviews ======== */
.appdir-reviews { margin-top:40px; display:flex; flex-direction:column; gap:20px; }
.appdir-reviews-header { display:flex; align-items:center; gap:16px; flex-wrap:wrap; }
.appdir-reviews-header h2 { margin:0; }
.appdir-reviews-summary { display:flex; align-items:center; gap:8px; color:var(--appdir-muted); font-size:14px; }
.appdir-review-list { list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:14px; }
.appdir-review { background:var(--appdir-surface); border:1px solid var(--appdir-border); border-radius:12px; padding:16px 18px; }
.appdir-review-head { display:flex; align-items:center; gap:10px; flex-wrap:wrap; font-size:13px; color:var(--appdir-muted); }
.appdir-review-head strong { color:var(--appdir-fg); }
.appdir-review-head time { margin-left:auto; font-size:12px; }
.appdir-review-title { margin:8px 0 4px; font-size:16px; }
.appdir-review p { margin:4px 0 0; color:var(--appdir-fg); line-height:1.55; }
.appdir-reviews-empty { color:var(--appdir-muted); font-style:italic; }
.appdir-review-form { background:var(--appdir-surface); border:1px solid var(--appdir-border); border-radius:12px; padding:20px; display:flex; flex-direction:column; gap:14px; }
.appdir-review-form h3 { margin:0; }
.appdir-review-form label { display:flex; flex-direction:column; gap:6px; font-size:13px; font-weight:500; min-width:0; }
.appdir-review-form input, .appdir-review-form textarea { padding:10px 12px; border-radius:8px; border:1px solid var(--appdir-border); background:var(--appdir-surface); color:var(--appdir-fg); font:inherit; width:100%; max-width:100%; box-sizing:border-box; }
.appdir-review-rating { border:0; padding:0; margin:0; }
.appdir-review-rating legend { font-size:13px; font-weight:500; margin-bottom:6px; }
.appdir-star-input { display:inline-flex; flex-direction:row-reverse; gap:4px; }
.appdir-star-input input { position:absolute; opacity:0; pointer-events:none; }
.appdir-star-input label { font-size:32px; line-height:1; color:#d1d5db; cursor:pointer; transition:color .1s; }
.appdir-star-input input:checked ~ label,
.appdir-star-input label:hover,
.appdir-star-input label:hover ~ label { color:#f59e0b; }
.appdir-star-input input:focus-visible + label { outline:2px solid var(--appdir-primary); outline-offset:2px; border-radius:4px; }
/* ======== FAQs ======== */
.appdir-faqs { margin-top:32px; }
.appdir-faq { border:1px solid var(--appdir-border); border-radius:8px; margin-bottom:10px; background:var(--appdir-surface); }
.appdir-faq summary { padding:14px 16px; cursor:pointer; font-weight:600; list-style:none; display:flex; justify-content:space-between; align-items:center; }
.appdir-faq summary::after { content:'+'; font-weight:400; font-size:20px; color:var(--appdir-muted); }
.appdir-faq[open] summary::after { content:'−'; }
.appdir-faq p { padding:0 16px 16px; margin:0; color:var(--appdir-muted); }
/* ======== Recently Added ticker ======== */
.appdir-recent .appdir-section-header { align-items:center; margin-bottom:16px; }
.appdir-recent-tag { display:inline-flex; align-items:center; gap:6px; background:color-mix(in oklab, var(--appdir-accent, #f59e0b) 14%, transparent); color:color-mix(in oklab, var(--appdir-accent, #f59e0b) 90%, #000); font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:0.06em; padding:4px 10px; border-radius:8px; }
.appdir-recent-tag::before { content:''; width:6px; height:6px; border-radius:50%; background:#ef4444; animation:appdir-recent-pulse 1.6s ease-in-out infinite; }
@keyframes appdir-recent-pulse { 0%,100% { opacity:.4; transform:scale(.9); } 50% { opacity:1; transform:scale(1.1); } }
.appdir-ticker-wrap { overflow:hidden; position:relative; margin:0 calc(-1 * var(--appdir-container-padding, 20px)); padding:4px 0; }
/* soft fade on edges so cards don't pop in/out abruptly */
.appdir-ticker-wrap::before,
.appdir-ticker-wrap::after { content:''; position:absolute; top:0; bottom:0; width:48px; pointer-events:none; z-index:2; }
.appdir-ticker-wrap::before { left:0; background:linear-gradient(90deg, var(--appdir-surface-muted), transparent); }
.appdir-ticker-wrap::after { right:0; background:linear-gradient(270deg, var(--appdir-surface-muted), transparent); }
.appdir-ticker { display:flex; gap:16px; width:max-content; animation:appdir-ticker-scroll 60s linear infinite; will-change:transform; }
.appdir-ticker-wrap:hover .appdir-ticker,
.appdir-ticker:focus-within { animation-play-state:paused; }
.appdir-ticker-item { position:relative; width:320px; flex-shrink:0; }
.appdir-ticker-item .appdir-card { height:100%; }
@keyframes appdir-ticker-scroll {
from { transform:translateX(0); }
to { transform:translateX(-50%); }
}
@media (prefers-reduced-motion: reduce) {
.appdir-ticker { animation:none; flex-wrap:wrap; width:auto; }
.appdir-ticker-item[aria-hidden="true"] { display:none; }
}
@media (max-width:640px) {
.appdir-ticker-item { width:260px; }
.appdir-ticker { animation-duration:50s; }
}
.appdir-new-badge { position:absolute; top:8px; right:8px; z-index:2; background:#10b981; color:#fff; font-size:10px; font-weight:800; letter-spacing:0.08em; padding:3px 8px; border-radius:8px; box-shadow:0 2px 6px rgba(16,185,129,0.35); }
/* ======== Search results ======== */
.appdir-search-summary { margin:12px 0 0; color:var(--appdir-muted); font-size:14px; }
.appdir-search-results { display:flex; flex-direction:column; gap:36px; }
.appdir-search-group h2 { font-size:14px; text-transform:uppercase; letter-spacing:0.08em; color:var(--appdir-muted); margin:0 0 12px; font-weight:700; }
.appdir-search-list { list-style:none; padding:0; margin:0; display:grid; grid-template-columns:repeat(auto-fill, minmax(240px, 1fr)); gap:8px; }
.appdir-search-list a { display:flex; flex-direction:column; gap:2px; padding:12px 14px; background:var(--appdir-surface); border:1px solid var(--appdir-border); border-radius:10px; color:var(--appdir-fg); text-decoration:none; transition:border-color .12s, background .12s; }
.appdir-search-list a:hover { border-color:var(--appdir-primary); background:color-mix(in oklab, var(--appdir-primary) 4%, var(--appdir-surface)); }
.appdir-search-list strong { font-size:14px; color:var(--appdir-fg); font-weight:600; }
.appdir-search-list span { font-size:12px; color:var(--appdir-muted); }
/* ======== Empty states ======== */
.appdir-empty { background:var(--appdir-surface-muted); border:1px dashed var(--appdir-border); border-radius:var(--appdir-radius); padding:40px; text-align:center; color:var(--appdir-muted); }
.appdir-empty h2 { margin-top:0; }
/* ======== Footer ======== */
.appdir-footer { background:var(--appdir-surface-muted); border-top:1px solid var(--appdir-border); padding:48px 0 24px; margin-top:40px; }
.appdir-footer-grid { display:grid; grid-template-columns:2fr 1fr 1fr; gap:32px; }
@media (max-width:700px) { .appdir-footer-grid { grid-template-columns:1fr; } }
.appdir-footer-brand p { color:var(--appdir-muted); max-width:360px; font-size:14px; }
.appdir-footer h3 { font-size:14px; margin-bottom:12px; }
.appdir-footer ul { list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:8px; }
.appdir-footer a { color:var(--appdir-muted); font-size:14px; }
.appdir-footer a:hover { color:var(--appdir-fg); text-decoration:none; }
.appdir-footer-meta { margin-top:32px; padding-top:20px; border-top:1px solid var(--appdir-border); font-size:12px; color:var(--appdir-muted); display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap; }
.appdir-footer-legal { display:flex; gap:16px; flex-wrap:wrap; }
.appdir-footer-legal a { color:var(--appdir-muted); }
.appdir-footer-legal a:hover { color:var(--appdir-fg); }
.appdir-footer-attribution { margin:12px 0 0; font-size:11px; color:var(--appdir-muted); }
.appdir-footer-attribution a { color:var(--appdir-muted); text-decoration:underline; }
.appdir-footer-attribution a:hover { color:var(--appdir-fg); }
/* ======== CTA ======== */
.appdir-cta { background:var(--appdir-fg); color:var(--appdir-primary-fg); text-align:center; padding:56px 0; border-top:4px solid var(--appdir-accent); }
.appdir-cta h2 { color:var(--appdir-primary-fg); }
.appdir-cta p { color:color-mix(in oklab, var(--appdir-primary-fg) 80%, transparent); max-width:600px; margin:0 auto 24px; }
/* ======== Near-me list ======== */
.appdir-near-list { list-style:none; padding:0; margin:0; display:grid; grid-template-columns:repeat(auto-fill, minmax(280px, 1fr)); gap:10px; }
.appdir-near-list li a { display:flex; justify-content:space-between; align-items:center; padding:12px 14px; background:var(--appdir-surface); border:1px solid var(--appdir-border); border-radius:8px; color:inherit; text-decoration:none; }
.appdir-near-list li a:hover { border-color:var(--appdir-primary); text-decoration:none; }
.appdir-near-list span { color:var(--appdir-muted); font-size:12px; font-weight:600; }
/* ================================================================
* Mobile overrides  force everything to fit inside the viewport
* ================================================================ */
@media (max-width:640px) {
.appdir-container { padding:0 16px; }
.appdir-hero { padding:40px 0 32px; }
.appdir-hero h1 { font-size:clamp(24px, 7vw, 40px); line-height:1.15; }
.appdir-hero-sub { font-size:15px; }
.appdir-hero-search { flex-direction:column; }
.appdir-hero-search input { width:100%; flex:1 1 auto; }
.appdir-hero-search .appdir-btn { width:100%; }
.appdir-subhero { padding:28px 0 20px; }
.appdir-section { padding:32px 0; }
.appdir-section-header { flex-direction:column; align-items:flex-start; gap:8px; }
.appdir-stats { padding:24px 0; }
.appdir-stats-grid { grid-template-columns:1fr 1fr; gap:16px; }
.appdir-stats-grid strong { font-size:26px; }
.appdir-grid-2, .appdir-grid-3, .appdir-grid-4 { grid-template-columns:1fr; gap:14px; }
.appdir-two-col { grid-template-columns:1fr !important; gap:24px; }
.appdir-company-aside { position:static; }
/* Logo sits to the right of the title/badges/address on mobile. Title is
the first DOM child  row-reverse moves the logo to the right. */
.appdir-company-header { flex-direction:row-reverse; justify-content:flex-end; align-items:center; gap:14px; flex-wrap:nowrap; }
.appdir-company-header > div:not(.appdir-company-logo-lg) { min-width:0; flex:1; }
.appdir-company-logo-lg { height:56px; width:56px; border-radius:12px; flex-shrink:0; }
.appdir-company-logo-lg span { font-size:22px; }
.appdir-company-title h1 { font-size:22px; line-height:1.2; }
.appdir-company-location { font-size:14px; }
.appdir-company-rating { font-size:13px; }
.appdir-card-link { padding:16px; }
.appdir-card-header { gap:10px; }
.appdir-card-logo { height:48px; width:48px; }
.appdir-card-title h3 { font-size:16px; }
.appdir-cta { padding:40px 0; }
.appdir-cta h2 { font-size:24px; }
.appdir-footer { padding:32px 0 16px; }
/* Credentials + chip lists stack cleanly on mobile */
.appdir-credentials { grid-template-columns:1fr 1fr !important; }
.appdir-credentials > div { padding:12px 8px; font-size:12px; }
.appdir-chip-list { gap:6px; }
.appdir-chip-list li { font-size:12px; padding:5px 10px; }
/* Left column inside .appdir-two-col must be allowed to shrink */
.appdir-two-col > div, .appdir-two-col > aside { min-width:0; max-width:100%; }
.appdir-two-col section, .appdir-two-col article { min-width:0; max-width:100%; }
/* Map container must fit viewport */
[data-appdir-map] { width:100%; max-width:100%; }
/* Sticky click-to-call bar (single listing mobile) */
.appdir-mobile-call { display:flex !important; }
body.single-appdir_company { padding-bottom:68px; }
/* House listing  stacks cleanly, tighter typography on narrow screens */
.appdir-house { padding:24px 0; }
.appdir-house-card { padding:18px; gap:16px; }
.appdir-house-headline { font-size:20px; line-height:1.3; }
.appdir-house-supplemental .appdir-house-headline { font-size:18px; }
.appdir-house-sub { font-size:13px; }
.appdir-house-benefits { font-size:13px; }
.appdir-house-form { padding:14px; gap:8px; }
.appdir-house-row { gap:8px; }
/* Service-area coverage cards  single column on narrow phones */
.appdir-coverage-grid { grid-template-columns:1fr; gap:8px; }
.appdir-coverage-head { flex-direction:column; align-items:flex-start; }
.appdir-coverage-name { flex-wrap:wrap; font-size:13px; }
/* Related locations  tighter gap, single column fallback */
.appdir-related-grid { grid-template-columns:1fr; gap:20px; }
/* Location prose */
.appdir-location-prose h2 { font-size:20px; }
.appdir-location-prose p { font-size:14px; }
/* Review form  tighter */
.appdir-review-form { padding:14px; }
.appdir-star-input label { font-size:28px; }
/* Footer legal row stacks */
.appdir-footer-meta { flex-direction:column; align-items:flex-start; gap:10px; }
}
.appdir-mobile-call { display:none; position:fixed; left:0; right:0; bottom:0; z-index:80; align-items:center; justify-content:center; gap:8px; padding:14px 16px calc(14px + env(safe-area-inset-bottom)); background:var(--appdir-primary); color:var(--appdir-primary-fg); text-decoration:none; font-weight:700; font-size:16px; box-shadow:0 -4px 16px rgba(0,0,0,0.18); }
.appdir-mobile-call:hover { color:var(--appdir-primary-fg); text-decoration:none; }
.appdir-mobile-call svg { stroke:currentColor; }
/* Smallest phones  iPhone SE etc. */
@media (max-width:380px) {
.appdir-container { padding:0 12px; }
.appdir-logo-primary { font-size:14px; }
.appdir-logo-middle { font-size:12px; }
.appdir-logo-sub { font-size:9px; letter-spacing:0.15em; }
.appdir-hero h1 { font-size:22px; }
.appdir-btn { height:38px; padding:0 14px; font-size:13px; }
.appdir-btn-lg { height:48px; padding:0 20px; font-size:15px; }
}
/* Safety  nothing should extend past the viewport. Any element that tries to
will get clipped at the container instead of pushing the whole page wide. */
img, svg, video, iframe { max-width:100%; height:auto; }
pre, code, table { max-width:100%; overflow-x:auto; }
/* Absolute floor: html/body never wider than viewport, no horizontal scroll */
html, body { max-width:100vw; overflow-x:hidden; }
/* ======== Global rounded corners (v2.1.0) ======== */
:root { --appdir-radius: 12px; --appdir-radius-sm: 8px; --appdir-radius-lg: 16px; }
.appdir-logo-mark, .appdir-logo-badge { border-radius: 10px !important; }
.appdir-hero-facts li { border-radius: 12px; }
.appdir-btn { border-radius: 10px; }
.appdir-card,
.appdir-state-card,
.appdir-list-card,
.appdir-contact-card,
.appdir-lead-form,
.appdir-listing-form,
.appdir-empty,
.appdir-house-card,
.appdir-review,
.appdir-review-form,
.appdir-faq,
.appdir-search-list a,
.appdir-near-list li a,
.appdir-coverage-card { border-radius: var(--appdir-radius) !important; }
.appdir-badge,
.appdir-house-badge,
.appdir-recent-tag,
.appdir-new-badge,
.appdir-card-tags li,
.appdir-coverage-chips li { border-radius: var(--appdir-radius-sm) !important; }
.appdir-card-logo,
.appdir-company-logo-lg { border-radius: 14px !important; }
input[type="search"],
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="number"],
textarea,
select,
.appdir-hero-search input { border-radius: 10px !important; }
.appdir-navbar-toggle { border-radius: 10px !important; }
.appdir-mobile-call { border-radius: 0; } /* full-width bar stays square */