/* Clicks.Zone shared restaurant palette — single API themeColor source.
   Loaded AFTER each page's stylesheets. Neutral surfaces remain neutral. */
:root {
    --cz-theme: #52b16f;
    --cz-theme-dark: #3d8553;
    --cz-theme-soft: #eff8f1;
    --cz-theme-on: #ffffff;
    --theme-color: var(--cz-theme);
    --accent: var(--cz-theme);
}
.cz-shared-header {
    background: var(--cz-theme-dark) !important;
}
.cz-shared-header #nav-links {
    background: transparent;
}
.cz-shared-header #nav-links .nav-order {
    background: var(--cz-theme) !important;
    color: var(--cz-theme-on) !important;
}
@media (max-width: 900px) {
    .cz-shared-header #nav-links {
        background: var(--cz-theme-dark) !important;
    }
}
/* Customer verification */
.cza-card .cza-eyebrow,
.cza-card a,
.cza-card .cza-link,
.cza-card .cza-secondary {
    color: var(--cz-theme);
}
.cza-card button[type="submit"],
.cza-card .cza-primary,
.cza-card .cza-btn-primary {
    background: var(--cz-theme) !important;
    color: var(--cz-theme-on) !important;
}
.cza-card input:focus-visible,
.cza-card button:focus-visible {
    outline-color: var(--cz-theme);
}
/* Checkout */
.czco-number,
.czco-summary-head,
.czco-detail-editor button,
.czco-choice.is-selected .czco-choice-radio {
    background: var(--cz-theme) !important;
    color: var(--cz-theme-on) !important;
}
.czco-choice.is-selected {
    border-color: var(--cz-theme) !important;
    background: var(--cz-theme-soft) !important;
}
.czco-choice-icon,
.czco-detail button,
.czco-top > a,
.czco-logout button,
.czco-grand {
    color: var(--cz-theme) !important;
}
.czco-choice.is-selected .czco-choice-radio {
    border-color: var(--cz-theme) !important;
}
.czco-summary-head h2 { color: var(--cz-theme-on) !important; }
.czco-grand { background: var(--cz-theme-soft) !important; }
/* Disabled Place Order intentionally stays grey until API integration. */
/* Basket, menu, reservation and homepage: retain existing design, share accent. */
.czb-primary,
.czb-link,
.czb-step button,
.floating-cart,
.modal-add,
.menu-category-section h2,
.menu-categories button.active {
    --accent: var(--cz-theme);
}