/* DBCS Inventory Overrides
   - Full-width layout
   - Match platform defaults (like Forest Pro reference)
   - Only brand blue on Learn More button
   - Remove orange accent from filters, indicators, see-more, etc.
*/

:root {
    --dbcs-brand-blue: #152268;
    --dbcs-brand-blue-rgb: 21, 34, 104;
}

/* Full-width layout */
body .ic-hosted-site {
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    padding-left: 0;
    padding-right: 0;
}

/* ===== Learn More / Primary buttons — brand blue ===== */
body .ic-hosted-site .btn-primary,
body .ic-hosted-site .btn-primary-dark {
    background-color: var(--dbcs-brand-blue) !important;
    border-color: var(--dbcs-brand-blue) !important;
    color: #FFFFFF !important;
}

body .ic-hosted-site .btn-primary:hover,
body .ic-hosted-site .btn-primary-dark:hover {
    background-color: #0e1a50 !important;
    border-color: #0e1a50 !important;
    color: #FFFFFF !important;
}

/* ===== Filter sidebar headers — transparent bg, no border (platform default) ===== */
body .ic-hosted-site .btn.btn-link.text-white,
body .ic-hosted-site .btn.btn-sm.text-white {
    background-color: transparent !important;
    border-color: transparent !important;
    border: none !important;
}

/* ===== Filter toggle (mobile) — use sidebar dark color ===== */
body .ic-hosted-site .listing-filters-toggle {
    background-color: rgb(31, 41, 55) !important;
    border-color: rgb(31, 41, 55) !important;
}

/* ===== Carousel image indicators (dots) — white like default ===== */
body .ic-hosted-site .listing-card-indicator {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

body .ic-hosted-site .listing-card-indicator.active {
    background-color: #FFFFFF !important;
}

/* ===== "See more" links — remove orange border, default text ===== */
body .ic-hosted-site .btn.btn-link.btn-sm {
    background-color: transparent !important;
    color: inherit !important;
    border-color: transparent !important;
}

/* ===== Pagination — brand blue ===== */
body .ic-hosted-site .page-link.active,
body .ic-hosted-site .active > .page-link {
    background-color: var(--dbcs-brand-blue) !important;
    border-color: var(--dbcs-brand-blue) !important;
    color: #FFFFFF !important;
}

body .ic-hosted-site .page-link:hover {
    background-color: var(--dbcs-brand-blue) !important;
    border-color: var(--dbcs-brand-blue) !important;
    color: #FFFFFF !important;
}

/* ===== Remove orange from any btn-dark used as accent ===== */
body .ic-hosted-site .btn-dark {
    background-color: rgb(31, 41, 55) !important;
    border-color: rgb(31, 41, 55) !important;
}