/* ============================================================
   Dynamic theme colour — generated by styles.php
   Primary: #1683ff
   Header colour scheme: light
============================================================ */

/* CSS custom property so any component can reference the brand colour */
:root {
    --theme-color: #1683ff;
    --theme-color-rgb: 22, 131, 255;
    --header-bg: #ffffff;
    --header-text: #1a2840;
    --header-border: #dce6f0;
}

/* ── Buttons / primary actions ────────────────────────── */
.template-btn,
.btn-primary,
.btn-theme {
    background-color: #1683ff;
    border-color: #1683ff;
    color: #ffffff;
}
.template-btn:hover,
.btn-primary:hover,
.btn-theme:hover {
    background-color: #1683ff;
    filter: brightness(0.88);
    border-color: #1683ff;
    color: #ffffff;
}

/* ── Links ────────────────────────────────────────────── */
a.theme-color,
.theme-color {
    color: #1683ff;
}
a.theme-color:hover {
    color: #1683ff;
    filter: brightness(0.85);
}

/* ── Backgrounds ──────────────────────────────────────── */
.bg-theme,
.theme-bg {
    background-color: #1683ff !important;
}

/* ── Borders ──────────────────────────────────────────── */
.border-theme {
    border-color: #1683ff !important;
}

/* ── Header navbar (controlled by header_color param) ─── */
.ecb-navbar__all-cats-btn {
    background: #1683ff;
}
.ecb-navbar__all-cats-btn:hover,
.ecb-navbar__all-cats-btn[aria-expanded="true"] {
    background: #1683ff;
    filter: brightness(0.88);
}

.ecb-midbar__search-btn {
    background: #1683ff;
}
.ecb-midbar__search-btn:hover {
    background: #1683ff;
    filter: brightness(0.88);
}

.ecb-midbar {
    background: #ffffff;
    border-bottom: 1px solid #dce6f0;
}
.ecb-midbar__action-link {
    color: #1a2840;
}

/* ── Focus outlines ───────────────────────────────────── */
a:focus-visible,
button:focus-visible,
input:focus-visible {
    outline: 2px solid #1683ff;
    outline-offset: 2px;
}

/* ── Misc reusable utilities ──────────────────────────── */
.text-theme  { color: #1683ff !important; }
.fill-theme  { fill:  #1683ff !important; }
.stroke-theme { stroke: #1683ff !important; }