/**
 * Case IH red accent overrides.
 * When body has class accent-case-ih or an element has class accent-case-ih,
 * primary accent uses red (#D0002D) instead of yellow (#F3BF1A).
 */
:root {
    --primary-case-ih: #D0002D;
    --primary-case-ih-hover: #A00024;
}

body.accent-case-ih,
.accent-case-ih {
    --primary: var(--primary-case-ih);
    --primary-hover: var(--primary-case-ih-hover);
}

/* Masthead: title span and button */
body.accent-case-ih .masthead--innerpage__text h1 span,
body.accent-case-ih .masthead--innerpage__text .h1 span {
    color: var(--primary-case-ih);
}
body.accent-case-ih .masthead--innerpage__button {
    background: var(--primary-case-ih);
}
body.accent-case-ih .masthead--innerpage__button:hover {
    background: var(--primary-case-ih-hover);
}

/* Breadcrumbs (masthead and equipment nav) */
body.accent-case-ih .breadcrumbs ul {
    background: var(--primary-case-ih);
}
body.accent-case-ih .breadcrumbs-link {
    border-color: var(--primary-case-ih);
}
body.accent-case-ih .equipment-navigation-bar .breadcrumbs-list li a:hover {
    color: var(--primary-case-ih);
}

/* Product detail: brand, back link, buttons */
body.accent-case-ih .product-detail__brand {
    /* color: var(--primary-case-ih); */
}
body.accent-case-ih .product-detail__back-link {
    border-bottom-color: var(--primary-case-ih);
    background: rgba(208, 0, 45, 0.12);
}
body.accent-case-ih .product-detail__back-link::after {
    background: var(--primary-case-ih-hover);
}
body.accent-case-ih .product-detail__back-link:hover {
    background: var(--primary-case-ih);
    box-shadow: 0 4px 12px rgba(208, 0, 45, 0.3);
}
body.accent-case-ih .slick-current .product-detail__slider-thumbnail img {
    border-color: var(--primary-case-ih);
}
body.accent-case-ih .product-detail__actions .btn-primary {
    background: var(--primary-case-ih);
}
body.accent-case-ih .product-detail__actions .btn-primary:hover {
    background: var(--primary-case-ih-hover);
}

/* Request a Quote (and all .btn-primary): remove yellow hover ring, use red (global.css uses hardcoded rgba(243,191,26,0.25)) */
body.accent-case-ih .btn-primary:hover {
    box-shadow: 0px 0px 0px 4px rgba(208, 0, 45, 0.25);
    -webkit-box-shadow: 0px 0px 0px 4px rgba(208, 0, 45, 0.25);
    -moz-box-shadow: 0px 0px 0px 4px rgba(208, 0, 45, 0.25);
}

/* Equipment listing: buttons and links (Request a Quote, View All, category titles, etc.) */
body.accent-case-ih .new-equipment-listing-container .btn-primary {
    background: var(--primary-case-ih);
}
body.accent-case-ih .new-equipment-listing-container .btn-primary:hover {
    background: var(--primary-case-ih-hover);
}
body.accent-case-ih .new-equipment-listing-container .brands-back-link,
/* Category card title stays black on hover; only product card link gets red */
body.accent-case-ih .new-equipment-listing-container .image-card__info h4 a:hover {
    color: var(--primary-case-ih);
}
body.accent-case-ih .new-equipment-listing-container .image-card {
    border-color: var(--primary-case-ih);
}

/* Archive child category cards: only cards with .accent-case-ih on wrapper get tint/border (not all cards when body has accent) */
.image-cards-item.accent-case-ih .image-card {
    border-color: var(--primary-case-ih);
}
.image-cards-item.accent-case-ih .image-card__info {
    background: transparent;
}
/* Keep text black when card background goes red on hover (e.g. tractors category page) */
.accent-case-ih .image-card:hover .image-card__info h4,
.accent-case-ih .image-card:hover .image-card__info h4 a,
.accent-case-ih .image-card:hover .image-card__info h4 i {
    color: var(--black);
}
/* Override inline hover styles for child category cards on Case IH pages */
.accent-case-ih .image-card--child-category:hover .image-card__info h4,
.accent-case-ih .image-card--child-category:hover .image-card__info h4 i {
    color: var(--black);
}

/* Per-card Case IH: used equipment listings on /sales/used/ (no body accent; filters stay default) */
.image-cards-item.accent-case-ih .image-card__info h4 a:hover,
.image-cards-item.accent-case-ih .image-card__title a:hover {
    color: var(--primary-case-ih);
}
.accent-case-ih .btn-primary {
    background: var(--primary-case-ih);
}
.accent-case-ih .btn-primary:hover {
    background: var(--primary-case-ih-hover);
    box-shadow: 0px 0px 0px 4px rgba(208, 0, 45, 0.25);
    -webkit-box-shadow: 0px 0px 0px 4px rgba(208, 0, 45, 0.25);
    -moz-box-shadow: 0px 0px 0px 4px rgba(208, 0, 45, 0.25);
}
.accent-case-ih .btn-secondary:hover {
    color: var(--primary-case-ih);
}

#equipment-grid-container .btn-primary {
    background: #f3bf1a;

    &:hover {
        color: var(--black);
        background: #f3bf1a;
        box-shadow: 0 0 0 4px rgba(243, 191, 26, .25);
        -webkit-box-shadow: 0 0 0 4px rgba(243, 191, 26, .25);
        -moz-box-shadow: 0 0 0 4px rgba(243,191,26,.25);
    }
}

/* /sales/new-equipment: Case IH logo in top bar (not inside a section) */
.brands-logo-item.accent-case-ih:hover,
.brands-logo-item.accent-case-ih.active {
    background: var(--primary-case-ih);
    border-color: transparent;
    box-shadow: 0 0 0 8px rgba(208, 0, 45, 0.25);
}

/* /sales/new-equipment: Case IH brand section */
.accent-case-ih .brands-back-to-top::after {
    background: var(--primary-case-ih);
}
.accent-case-ih .brands-back-link,
.accent-case-ih .brands-back-link i {
    color: var(--primary-case-ih);
}
.accent-case-ih .brands-logo-item:hover,
.accent-case-ih .brands-logo-item.active {
    background: var(--primary-case-ih);
    border-color: transparent;
    box-shadow: 0 0 0 8px rgba(208, 0, 45, 0.25);
}
.accent-case-ih .brands-category-link {
    border-color: var(--primary-case-ih);
}
.accent-case-ih .brands-category-link:hover {
    background: var(--primary-case-ih);
    box-shadow: 0 0 0 8px rgba(208, 0, 45, 0.25);
}
.accent-case-ih .brands-category-link:hover .brands-category-title {
    color: var(--black);
}