/* ============================================================
   PRS storefront ↔ theme bridge.
   Maps the plugin's prs-* classes onto theme.json presets so the
   storefront pages (categories, product, cart, ...) re-skin
   automatically when a child theme changes its tokens. Structural
   plugin CSS (assets/css/prs.css in the plugin) stays authoritative;
   only skin-level properties belong here.
   ============================================================ */

/* Buttons follow the theme button element */
.prs-btn,
.prs-btn-success,
.prs-check-availability {
    font-family: var(--wp--preset--font-family--body);
    border-radius: 4px;
}

.prs-btn {
    background-color: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--base);
}

.prs-btn-success {
    background-color: var(--wp--preset--color--accent);
    color: var(--wp--preset--color--base);
}

/* Typography inherits the theme scale */
.prs-container {
    font-family: var(--wp--preset--font-family--body);
    color: var(--wp--preset--color--contrast);
}

.prs-container h1,
.prs-container h2,
.prs-container h3 {
    font-family: var(--wp--preset--font-family--heading);
}

/* Links and prices pick up the accent */
.prs-container a {
    color: var(--wp--preset--color--accent);
}

/* Empty states sit on the muted surface */
.prs-empty {
    background-color: var(--wp--preset--color--muted);
    padding: var(--wp--preset--spacing--30);
    border-radius: 4px;
    text-align: center;
}