/* VITSA global typography — Inter */

:root {
    --primary-font: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --heading-font: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --bb-breadcrumb-font-size: 12px;
    --bs-breadcrumb-font-size: 12px;
    --vitsa-breadcrumb-font-size: 12px;
    --vitsa-page-title-size: 32px;
    /* Global CTA colors (ONLY color, no design changes) */
    --primary-color: #367C2B;
    --primary-color-rgb: 54, 124, 43;
    --vitsa-cta: #367C2B;
    --vitsa-cta-hover: #2F5E27;
}

html {
    font-family: var(--primary-font);
}

body,
button,
input,
select,
textarea {
    font-family: inherit;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--heading-font);
}


/* ── Global: rounded inputs — exact same as login page ── */
.form-control,
.form-select {
    border-radius: 0.5rem !important;
    border: 1px solid hsl(150, 12%, 88%) !important;
    padding: 0.75rem 1rem !important;
    min-height: 48px !important;
    font-size: 0.9375rem !important;
    line-height: 1.5 !important;
    background-color: #fff !important;
    box-shadow: none !important;
}
.form-control:focus,
.form-select:focus {
    border-color: var(--primary-color, #367C2B) !important;
    box-shadow: 0 0 0 3px rgba(var(--primary-color-rgb, 54, 124, 43), 0.12) !important;
    outline: none !important;
}
textarea.form-control {
    min-height: 100px !important;
}

/* ── Global breadcrumbs — 12px site-wide ── */
.page-breadcrumbs,
.page-breadcrumbs .breadcrumb,
.page-breadcrumbs .breadcrumb .breadcrumb-item,
.page-breadcrumbs .breadcrumb .breadcrumb-item a,
.page-breadcrumbs .breadcrumb .breadcrumb-item span,
.page-breadcrumbs .breadcrumb .breadcrumb-item.active,
.page-breadcrumbs .breadcrumb .breadcrumb-item.active span,
.page-breadcrumbs .extra-breadcrumb-name,
.breadcrumb,
.breadcrumb .breadcrumb-item,
.breadcrumb .breadcrumb-item a,
.breadcrumb .breadcrumb-item span,
.breadcrumb .breadcrumb-item.active,
.breadcrumb .breadcrumb-item.active span,
.breadcrumb-item + .breadcrumb-item::before,
nav[aria-label="breadcrumb"],
nav[aria-label="breadcrumb"] a,
nav[aria-label="breadcrumb"] span,
.vitsa-shop__slug,
.vitsa-shop__slug a,
.vitsa-shop__slug-current,
.vitsa-shop__slug-sep,
.vitsa-product__breadcrumb,
.vitsa-compare-page__breadcrumb,
.vitsa-compare-page__breadcrumb .vitsa-shop__slug,
.vitsa-product__breadcrumb a,
.vitsa-product__breadcrumb .vitsa-shop__slug-current,
.vitsa-product__breadcrumb .vitsa-shop__slug-sep {
    font-size: 12px !important;
    line-height: 1.45;
}