/**
 * ALO Audit public custom overrides.
 * CSS custom properties and var() below are valid modern CSS. Older cPanel
 * editor linters may flag them; browser CSS parsing is the validation authority.
 *
 * This file loads after assets/css/alo-audit-public.css and is intentionally
 * reserved for presentation-only overrides without editing the packaged file.
 */

/*
 * Shared peer-position bubble palette for Competitive Reputation Position and
 * the persisted Property Google Maps cohort map.
 * Edit these variables to restyle the audited bubble and peer bubbles in
 * DevTools or this file without changing the report's data or geometry.
 */
.alo-audit-exec-peer-position {
    --alo-audit-peer-bubble-1: #bae6fd;
    --alo-audit-peer-bubble-2: #bbf7d0;
    --alo-audit-peer-bubble-3: #fde68a;
    --alo-audit-peer-bubble-4: #fecdd3;
    --alo-audit-peer-bubble-5: #ddd6fe;
    --alo-audit-peer-bubble-6: #fed7aa;
    --alo-audit-peer-bubble-7: #a7f3d0;
    --alo-audit-peer-bubble-8: #fbcfe8;
    --alo-audit-peer-bubble-9: #bfdbfe;
    --alo-audit-peer-bubble-10: #d9f99d;
    --alo-audit-peer-bubble-audited: #c7d2fe;
    --alo-audit-peer-bubble-peer-stroke: #ffffff;
    --alo-audit-peer-bubble-audited-stroke: #0f172a;
    --alo-audit-peer-bubble-legend-stroke: #cbd5e1;
    --alo-audit-peer-bubble-stroke-width: 2px;
    --alo-audit-peer-bubble-opacity: 0.92;
    --alo-audit-peer-bubble-leader: #94a3b8;
    --alo-audit-peer-chart-label: #475569;
    --alo-audit-peer-chart-grid: #e2e8f0;
    --alo-audit-peer-median-label-bg: #0f172a;
    --alo-audit-peer-median-label-text: #ffffff;
}

/*
 * Stable, copyable rules for DevTools and presentation-only customization.
 * SVG presentation attributes remain fallbacks; these selectors deliberately
 * win in the cascade because this file is loaded after alo-audit-public.css.
 */
.alo-audit-exec-peer-position .alo-audit-exec-peer-position__bubble {
    opacity: var(--alo-audit-peer-bubble-opacity);
    stroke-width: var(--alo-audit-peer-bubble-stroke-width);
}

.alo-audit-exec-peer-position .alo-audit-exec-peer-position__bubble--peer {
    stroke: var(--alo-audit-peer-bubble-peer-stroke);
}

.alo-audit-exec-peer-position .alo-audit-exec-peer-position__bubble--audited {
    fill: var(--alo-audit-peer-bubble-audited);
    stroke: var(--alo-audit-peer-bubble-audited-stroke);
}

.alo-audit-exec-peer-position .alo-audit-exec-peer-position__bubble--palette-1,
.alo-audit-exec-peer-position .alo-audit-exec-peer-position__legend-dot--palette-1 { fill: var(--alo-audit-peer-bubble-1); }
.alo-audit-exec-peer-position .alo-audit-exec-peer-position__bubble--palette-2,
.alo-audit-exec-peer-position .alo-audit-exec-peer-position__legend-dot--palette-2 { fill: var(--alo-audit-peer-bubble-2); }
.alo-audit-exec-peer-position .alo-audit-exec-peer-position__bubble--palette-3,
.alo-audit-exec-peer-position .alo-audit-exec-peer-position__legend-dot--palette-3 { fill: var(--alo-audit-peer-bubble-3); }
.alo-audit-exec-peer-position .alo-audit-exec-peer-position__bubble--palette-4,
.alo-audit-exec-peer-position .alo-audit-exec-peer-position__legend-dot--palette-4 { fill: var(--alo-audit-peer-bubble-4); }
.alo-audit-exec-peer-position .alo-audit-exec-peer-position__bubble--palette-5,
.alo-audit-exec-peer-position .alo-audit-exec-peer-position__legend-dot--palette-5 { fill: var(--alo-audit-peer-bubble-5); }
.alo-audit-exec-peer-position .alo-audit-exec-peer-position__bubble--palette-6,
.alo-audit-exec-peer-position .alo-audit-exec-peer-position__legend-dot--palette-6 { fill: var(--alo-audit-peer-bubble-6); }
.alo-audit-exec-peer-position .alo-audit-exec-peer-position__bubble--palette-7,
.alo-audit-exec-peer-position .alo-audit-exec-peer-position__legend-dot--palette-7 { fill: var(--alo-audit-peer-bubble-7); }
.alo-audit-exec-peer-position .alo-audit-exec-peer-position__bubble--palette-8,
.alo-audit-exec-peer-position .alo-audit-exec-peer-position__legend-dot--palette-8 { fill: var(--alo-audit-peer-bubble-8); }
.alo-audit-exec-peer-position .alo-audit-exec-peer-position__bubble--palette-9,
.alo-audit-exec-peer-position .alo-audit-exec-peer-position__legend-dot--palette-9 { fill: var(--alo-audit-peer-bubble-9); }
.alo-audit-exec-peer-position .alo-audit-exec-peer-position__bubble--palette-10,
.alo-audit-exec-peer-position .alo-audit-exec-peer-position__legend-dot--palette-10 { fill: var(--alo-audit-peer-bubble-10); }

.alo-audit-exec-peer-position .alo-audit-exec-peer-position__bubble-leader {
    stroke: var(--alo-audit-peer-bubble-leader);
}

.alo-audit-exec-peer-position .alo-audit-exec-peer-position__median-label {
    fill: var(--alo-audit-peer-median-label-bg);
}

.alo-audit-exec-peer-position .alo-audit-exec-peer-position__median-label-text {
    fill: var(--alo-audit-peer-median-label-text);
}

#alo-audit-exec-peer-rating .alo-audit-exec-peer-momentum__peer-band {
    fill: #eff6ff;
}

#alo-audit-exec-peer-review-footprint .alo-audit-exec-peer-momentum__peer-band {
    fill: #ecfdf5;
}

/* Sector-filtered directory views do not use Avada's generic search title bar. */
body.alo-audit-public-directory--sector-filtered .fusion-page-title-bar.fusion-tb-page-title-bar {
    display: none !important;
}

/* Competitive Reputation Position: fill its card without stretching glyphs. */
#alo-audit-exec-peer-reputation-position .alo-audit-exec-peer-position__graphic {
    display: block;
    width: 100%;
    max-width: none;
    height: 420px;
    margin-left: 0;
    margin-right: 0;
}

/* Nearby Peers: edit these live in DevTools, then save overrides here. */
#alo-positioning-map-v2 .alo-positioning-map-v2__local-summary {
    font-weight: 500;
}

#alo-positioning-map-v2 .alo-positioning-map-v2__local-unavailable,
#alo-positioning-map-v2 .alo-positioning-map-v2__audited-cohort-note {
    color: #64748b;
    font-size: 12px;
}

#alo-phase2-local-market-chart {
    margin: 10px 0 18px;
    padding: 18px 20px;
    border: 1px solid #dbe4ea;
    border-radius: 12px;
    background: #fff;
}

#alo-phase2-local-market-chart .alo-phase2-local-market-chart__title {
    font-size: 16px;
    font-weight: 500;
}

#alo-phase2-local-market-chart .alo-phase2-local-market-chart__comparison-limit,
#alo-phase2-local-market-chart .alo-phase2-local-market-chart__axis-explanation,
#alo-phase2-local-market-chart .alo-phase2-local-market-chart__chart-note {
    color: #64748b;
    font-size: 12px;
}

#alo-phase2-local-market-chart .alo-phase2-local-market-chart__canvas-wrap {
    position: relative;
    height: 320px;
    max-width: 100%;
}

#alo-phase2-local-market-chart .alo-phase2-local-market-chart__points-summary,
#alo-phase2-local-market-chart .alo-phase2-local-market-chart__provenance-summary,
#alo-phase2-local-market-chart .alo-phase2-local-market-chart__control-evidence-summary {
    font-weight: 500;
}

#alo-phase2-local-market-chart .alo-phase2-local-market-chart__points-scroll {
    overflow-x: auto;
}

#alo-phase2-local-market-chart .alo-phase2-local-market-chart__points-table,
#alo-phase2-local-market-chart .alo-phase2-local-market-chart__provenance-table {
    width: 100%;
    font-size: 12px;
    border-collapse: collapse;
}

/* Check Score / Trust Basics badges: edit these stable selectors in DevTools.
 * These declarations override the packaged defaults without element styles. */
.alo-audit-online-reputation__stats-bar .alo-audit-online-reputation__stat-rating {
    width: 48px;
    height: 48px;
    border-radius: 50%;
}
.alo-audit-online-reputation__stats-bar [data-alo-badge-status="pass"] { background: #22c55e; }
.alo-audit-online-reputation__stats-bar [data-alo-badge-status="warn"] { background: #f59e0b; }
.alo-audit-online-reputation__stats-bar [data-alo-badge-status="fail"] { background: #ef4444; }
.alo-audit-online-reputation__stats-bar [data-alo-badge-status="unavailable"] { background: #e5e7eb; }
.alo-audit-online-reputation__stats-bar .alo-rep-overall-online-quality__rating-value {
    color: #ffffff;
    font-size: 18px;
    font-weight: 500;
}

#alo-phase2-local-market-chart .alo-phase2-local-market-chart__points-row,
#alo-phase2-local-market-chart .alo-phase2-local-market-chart__provenance-row {
    vertical-align: middle;
}

#alo-phase2-local-market-chart .alo-phase2-local-market-chart__points-heading {
    font-weight: 500;
    text-align: left;
    padding: 8px;
}

#alo-phase2-local-market-chart .alo-phase2-local-market-chart__points-business {
    font-weight: 500;
    padding: 8px;
    text-align: left;
}

#alo-phase2-local-market-chart .alo-phase2-local-market-chart__points-cell,
#alo-phase2-local-market-chart .alo-phase2-local-market-chart__provenance-value {
    padding: 8px;
}

#alo-phase2-local-market-chart .alo-phase2-local-market-chart__provenance-label {
    font-weight: 500;
    text-align: left;
    padding: 8px;
}

.alo-audit-online-reputation__stats-bar [data-alo-verified-checks-detail] {
    font-size: 10px;
}