/*
 * Mr. Cooper premium black-and-gold theme.
 * Loaded after the template and project styles so this file remains the
 * single, reversible visual-theme layer for the public site and admin UI.
 */

:root {
  color-scheme: dark;
  --background: #050505;
  --foreground: #f7f1df;
  --theme-color1: #d8b03c;
  --theme-color1-rgb: 216, 176, 60;
  --theme-color2: #d8b03c;
  --theme-color2-rgb: 216, 176, 60;
  --theme-color-dark: #050505;
  --theme-color-dark-rgb: 5, 5, 5;
  --theme-color-light: #f7f1df;
  --theme-color-light-rgb: 247, 241, 223;
  --theme-light-background: #0d0c0a;
  --theme-light-background-text-color: #f7f1df;
  --theme-black: #050505;
  --review-color: #d8b03c;
  --text-color-bg-theme-color1: #050505;
  --text-color-bg-theme-color2: #050505;
  --text-color: #bdb6a8;
  --headings-color: #f7f1df;
  --link-color: #d8b03c;
  --link-hover-color: #edcb64;
  --sec-title-color: #f7f1df;
  --sec-title-subtitle-color: #d8b03c;
  --mc-black: #050505;
  --mc-black-soft: #090907;
  --mc-surface: #11100d;
  --mc-surface-raised: #171510;
  --mc-surface-soft: #201d16;
  --mc-gold: #d8b03c;
  --mc-gold-bright: #edcb64;
  --mc-gold-deep: #b58b24;
  --mc-ivory: #f7f1df;
  --mc-text: #d8d1c2;
  --mc-muted: #a8a092;
  --mc-border: rgba(216, 176, 60, 0.24);
  --mc-border-strong: rgba(216, 176, 60, 0.48);
  --mc-shadow: 0 22px 60px rgba(0, 0, 0, 0.34);
}

html,
body,
.page-wrapper,
.page-wrapper .main {
  background: var(--mc-black) !important;
  color: var(--mc-text);
}

body {
  accent-color: var(--mc-gold);
}

::selection {
  background: var(--mc-gold);
  color: var(--mc-black);
}

* {
  scrollbar-color: var(--mc-gold-deep) var(--mc-black);
}

*:focus-visible {
  outline: 2px solid var(--mc-gold-bright) !important;
  outline-offset: 3px;
}

.page-wrapper main h1,
.page-wrapper main h2,
.page-wrapper main h3,
.page-wrapper main h4,
.page-wrapper main h5,
.page-wrapper main h6,
.page-wrapper main strong {
  color: var(--mc-ivory);
}

.page-wrapper main p,
.page-wrapper main .text,
.page-wrapper main li {
  color: var(--mc-text);
}

.page-wrapper main a:not(.theme-btn):not(.home-cta__button):not(.cars-cta-button):not(.shop-strip-cta):not(.shop-product-card__button):not(.gmb-map-placeholder__actions a) {
  color: var(--mc-gold);
}

.page-wrapper main a:not(.theme-btn):not(.home-cta__button):not(.cars-cta-button):not(.shop-strip-cta):not(.shop-product-card__button):hover {
  color: var(--mc-gold-bright);
}

.sec-title .sub-title,
.sub-label,
.home-cta__eyebrow,
.shop-strip-eyebrow {
  color: var(--mc-gold) !important;
}

.sec-title h1,
.sec-title h2,
.sec-title h3,
.sec-title h4,
.sec-title .text {
  color: var(--mc-ivory) !important;
}

.sec-title .text {
  color: var(--mc-muted) !important;
}

.service-section-five .sec-title h2,
.service-section-five .sec-title .text {
  color: var(--mc-ivory) !important;
}

/* Core page rhythm: alternate black and warm-black surfaces. */
.home-fleet,
.home-documents,
.home-faq,
.home-map,
.cars-main-section,
.pricing-main-section,
.shop-main-section,
.about-main-section,
.reviews-photos-section,
.faq-main-section,
.contact-main-section,
.legal-content-section,
.areas-main-section,
.area-intro-section,
.area-featured-cars-section,
.area-nearby-section,
.car-detail-hero-section,
.car-detail-areas-section,
.car-detail-related-section {
  background: var(--mc-black-soft) !important;
}

.home-features,
.testimonial-section-three,
.about-why-section,
.about-areas-section,
.reviews-main-section,
.gmb-map-section,
.area-pricing-section,
.area-faq-section,
.car-detail-booking-section,
.car-detail-faq-section {
  background: var(--mc-surface) !important;
}

.home-fleet,
.home-documents,
.home-features,
.testimonial-section-three,
.home-faq,
.home-map,
.home-cta,
.cars-main-section,
.cars-cta-section,
.pricing-main-section,
.shop-main-section,
.about-main-section,
.about-stats-section,
.about-why-section,
.about-areas-section,
.reviews-photos-section,
.reviews-main-section,
.faq-main-section,
.contact-main-section,
.legal-content-section,
.areas-main-section,
.area-intro-section,
.area-pricing-section,
.area-featured-cars-section,
.area-nearby-section,
.area-faq-section,
.area-cta-section,
.car-detail-hero-section,
.car-detail-booking-section,
.car-detail-areas-section,
.car-detail-faq-section,
.car-detail-related-section {
  border-color: var(--mc-border) !important;
}

/* Page banners */
.page-title::before {
  background:
    linear-gradient(90deg, rgba(5, 5, 5, 0.94), rgba(5, 5, 5, 0.74)),
    var(--mc-black) !important;
  opacity: 1 !important;
}

.page-title {
  border-bottom: 1px solid var(--mc-border);
}

.page-title .title,
.page-title .page-breadcrumb li,
.page-title .page-breadcrumb li::after,
.page-title .page-breadcrumb li a {
  color: var(--mc-ivory) !important;
}

.page-title .page-breadcrumb li:last-child,
.page-title .page-breadcrumb li a:hover {
  color: var(--mc-gold) !important;
}

/* Reusable premium cards */
.pricing-block-four .inner-box,
.home-documents__card,
.pricing-page-card,
.shop-product-card,
.reviews-testimonial-card,
.faq-contact-card,
.contact-info-card,
.contact-form-shell,
.areas-cta-card,
.areas-zone-link,
.area-trust-card,
.area-pricing-card,
.area-featured-car-card,
.area-faq-card,
.car-detail-booking-card,
.car-detail-area-card,
.car-detail-faq-card,
.car-detail-related-card,
.legal-copy nav,
.gmb-map-placeholder,
.admin-login-card {
  background: var(--mc-surface-raised) !important;
  border-color: var(--mc-border) !important;
  box-shadow: var(--mc-shadow) !important;
}

.pricing-block-four .inner-box,
.pricing-page-card,
.shop-product-card,
.reviews-testimonial-card,
.contact-info-card,
.contact-form-shell,
.area-pricing-card,
.area-featured-car-card,
.car-detail-booking-card,
.car-detail-area-card,
.car-detail-related-card {
  transition:
    transform 0.24s ease,
    border-color 0.24s ease,
    box-shadow 0.24s ease;
}

.pricing-block-four .inner-box:hover,
.pricing-page-card:hover,
.shop-product-card:hover,
.reviews-testimonial-card:hover,
.area-pricing-card:hover,
.area-featured-car-card:hover,
.car-detail-area-card:hover,
.car-detail-related-card:hover {
  border-color: var(--mc-border-strong) !important;
  box-shadow: 0 26px 70px rgba(0, 0, 0, 0.44) !important;
}

/* Keep vehicle/product photography crisp inside warm neutral media wells. */
.pricing-block-four .image-box figure.image,
.pricing-card-header img,
.area-featured-car-card picture,
.car-detail-related-card picture {
  background: #ebe6da !important;
}

/* Fleet cards */
.pricing-block-four .inner-box::before {
  background: var(--mc-surface-soft) !important;
}

.pricing-block-four .inner-box .content {
  background: var(--mc-surface-raised) !important;
}

.pricing-block-four .inner-box .car-name,
.pricing-block-four .inner-box:hover .car-name {
  color: var(--mc-ivory) !important;
}

.pricing-block-four .inner-box .city,
.pricing-block-four .inner-box:hover .city,
.pricing-block-four .car-brand-label {
  color: var(--mc-gold) !important;
}

.pricing-block-four .feature-list li,
.pricing-block-four .feature-list li span,
.pricing-block-four .feature-list li .price,
.pricing-block-four .inner-box:hover .feature-list li,
.pricing-block-four .inner-box:hover .feature-list li span,
.pricing-block-four .inner-box:hover .feature-list li .price {
  color: var(--mc-text) !important;
}

.pricing-block-four .feature-list li.colored,
.pricing-block-four .inner-box:hover .feature-list li.colored {
  background: rgba(216, 176, 60, 0.08) !important;
  color: var(--mc-text) !important;
}

.cars-details-row {
  border-color: var(--mc-border) !important;
}

.cars-details-row a,
.pricing-block-four .inner-box:hover .cars-details-row a {
  color: var(--mc-gold) !important;
}

.cars-filter-tab {
  background: transparent !important;
  border-color: var(--mc-border-strong) !important;
  color: var(--mc-text) !important;
}

.cars-filter-tab:hover,
.cars-filter-tab.active {
  background: var(--mc-gold) !important;
  border-color: var(--mc-gold) !important;
  color: var(--mc-black) !important;
}

/* Black-and-gold buttons with readable interaction states. */
.btn-style-one,
.home-cta__button,
.cars-cta-button,
.shop-product-card__button,
.booking-submit-button,
.mc-booking-submit,
.mc-schedule-modal__continue,
.mc-car-picker__continue,
.contact-form button[type="submit"] {
  background: linear-gradient(135deg, var(--mc-gold-bright), var(--mc-gold)) !important;
  border-color: var(--mc-gold) !important;
  color: var(--mc-black) !important;
  box-shadow: 0 12px 28px rgba(216, 176, 60, 0.18);
}

.btn-style-one .btn-title,
.home-cta__button,
.cars-cta-button,
.shop-product-card__button,
.booking-submit-button,
.mc-booking-submit,
.mc-schedule-modal__continue,
.mc-car-picker__continue {
  color: var(--mc-black) !important;
}

.btn-style-one::before,
.btn-style-one.dark-line-two::before {
  background: var(--mc-black) !important;
}

.btn-style-one::after {
  background: var(--mc-ivory) !important;
}

.btn-style-one:hover,
.btn-style-one:hover .btn-title,
.home-cta__button:hover,
.cars-cta-button:hover,
.shop-product-card__button:hover,
.booking-submit-button:hover,
.mc-booking-submit:hover,
.mc-schedule-modal__continue:hover,
.mc-car-picker__continue:hover {
  color: var(--mc-black) !important;
}

.btn-style-two,
.mc-booking-secondary,
.mc-booking-back,
.gmb-map-placeholder__actions a {
  background: transparent !important;
  border-color: var(--mc-gold) !important;
  color: var(--mc-gold) !important;
}

.btn-style-two .btn-title {
  color: var(--mc-gold) !important;
}

.btn-style-two::before {
  background: var(--mc-gold) !important;
}

.btn-style-two:hover,
.btn-style-two:hover .btn-title,
.mc-booking-secondary:hover,
.mc-booking-back:hover,
.gmb-map-placeholder__actions a:hover {
  color: var(--mc-black) !important;
}

/* Form controls */
.contact-form label,
.default-form label,
.mc-booking-form label,
.product-enquiry-body label,
.admin-login-card label {
  color: var(--mc-gold) !important;
}

.contact-form input,
.contact-form textarea,
.default-form input,
.default-form select,
.default-form textarea,
.booking-form input:not([type="submit"]),
.booking-form select,
.booking-form textarea,
.product-enquiry-body input,
.product-enquiry-body select,
.product-enquiry-body textarea,
.admin-login-card input {
  background: var(--mc-black-soft) !important;
  border-color: var(--mc-border) !important;
  color: var(--mc-ivory) !important;
}

.contact-form input:focus,
.contact-form textarea:focus,
.default-form input:focus,
.default-form select:focus,
.default-form textarea:focus,
.product-enquiry-body input:focus,
.product-enquiry-body select:focus,
.product-enquiry-body textarea:focus,
.admin-login-card input:focus {
  border-color: var(--mc-gold) !important;
  box-shadow: 0 0 0 3px rgba(216, 176, 60, 0.12) !important;
}

input::placeholder,
textarea::placeholder {
  color: #7f786d !important;
}

select {
  color-scheme: dark;
}

/* Booking flow */
.mc-booking-form,
.mc-booking-form--hero,
.mc-booking-form--embedded,
.mc-booking-form--car-page,
.mc-booking-form--sheet-panel,
.mc-booking-sheet__header,
.mc-schedule-modal__sheet,
.mc-booking-success {
  background: var(--mc-surface-raised) !important;
  border-color: var(--mc-border) !important;
  box-shadow: var(--mc-shadow) !important;
}

.mc-booking-city,
.mc-booking-trip__column,
.mc-booking-date-field,
.mc-schedule-trigger,
.mc-booking-trip-summary,
.mc-booking-estimate,
.mc-booking-review,
.mc-booking-review > div,
.mc-booking-select-car,
.mc-car-picker__card,
.mc-schedule-picker__calendar,
.mc-schedule-picker__time-col,
.mc-schedule-modal__summary {
  background: var(--mc-black-soft) !important;
  border-color: var(--mc-border) !important;
}

.mc-booking-form input,
.mc-booking-form select,
.mc-booking-time,
.mc-booking-contact input,
.mc-location-picker__input-wrap input {
  background: var(--mc-black-soft) !important;
  border-color: var(--mc-border) !important;
  color: var(--mc-ivory) !important;
}

.mc-booking-form span,
.mc-booking-form small,
.mc-booking-form em,
.mc-booking-form p,
.mc-booking-form .mc-booking-trip__label,
.mc-booking-form .mc-booking-duration__label,
.mc-car-picker__meta,
.mc-car-picker__tap,
.mc-schedule-picker__weekdays span,
.mc-schedule-picker__time-col > span {
  color: var(--mc-muted) !important;
}

.mc-booking-form strong,
.mc-car-picker__name,
.mc-car-picker__price,
.mc-schedule-modal__sheet strong,
.mc-schedule-modal__sheet h2,
.mc-schedule-modal__sheet h3 {
  color: var(--mc-ivory) !important;
}

.mc-booking-form__badge,
.mc-booking-steps button.active,
.mc-booking-duration__chips button.active,
.mc-schedule-picker__quick button.active,
.mc-schedule-picker__date-tabs button.active,
.mc-schedule-picker__time-list button.active,
.mc-schedule-picker__day.is-pickup,
.mc-schedule-picker__day.is-dropoff,
.mc-schedule-picker__day.is-focus,
.mc-car-picker__card.is-selected {
  background: var(--mc-gold) !important;
  border-color: var(--mc-gold) !important;
  color: var(--mc-black) !important;
}

.mc-booking-steps button,
.mc-booking-duration__chips button,
.mc-schedule-picker__quick button,
.mc-schedule-picker__date-tabs button,
.mc-schedule-picker__time-list button,
.mc-schedule-picker__day,
.mc-schedule-picker__month button,
.mc-schedule-modal__close,
.mc-booking-sheet__close {
  background: var(--mc-surface-soft) !important;
  border-color: var(--mc-border) !important;
  color: var(--mc-text) !important;
}

.mc-schedule-picker__day.is-range {
  background: rgba(216, 176, 60, 0.14) !important;
  color: var(--mc-ivory) !important;
}

.mc-schedule-picker__day.is-disabled,
.mc-schedule-picker__time-list button.is-blocked {
  background: #0a0908 !important;
  color: #5f5a51 !important;
}

.mc-car-picker__image {
  background: #ebe6da !important;
}

.mc-location-picker__menu {
  background: var(--mc-surface-raised) !important;
  border-color: var(--mc-border) !important;
}

.mc-location-picker__menu button:hover {
  background: rgba(216, 176, 60, 0.1) !important;
}

.mc-booking-sheet__backdrop,
.mc-schedule-modal {
  background: rgba(0, 0, 0, 0.84) !important;
  backdrop-filter: blur(8px);
}

/* Homepage */
.home-page {
  background:
    radial-gradient(circle at 50% 0, rgba(216, 176, 60, 0.07), transparent 30%),
    var(--mc-black) !important;
}

.home-hero {
  border-bottom: 1px solid var(--mc-border);
}

.home-documents__card {
  background:
    linear-gradient(145deg, rgba(216, 176, 60, 0.08), transparent 42%),
    var(--mc-surface-raised) !important;
}

.home-documents__item {
  background: var(--mc-black-soft) !important;
  border-color: var(--mc-border) !important;
}

.home-documents__item span,
.home-documents__item i {
  color: var(--mc-gold) !important;
}

.home-documents__note,
.home-documents__title .text {
  color: var(--mc-muted) !important;
}

.service-section-five .bg-image,
.testimonial-section-three .bg-image {
  opacity: 0.08;
  filter: sepia(1) saturate(0.8);
}

.service-block-five .content .title,
.service-block-five .content .title:hover {
  color: var(--mc-ivory) !important;
}

.service-block-five .content .text {
  color: var(--mc-muted) !important;
}

.home-features .service-block-five .inner-box,
.about-why-section .service-block-five .inner-box {
  background: var(--mc-surface-raised) !important;
  border: 1px solid var(--mc-border);
}

.home-cta,
.cars-cta-section,
.area-cta-section {
  background:
    radial-gradient(circle at 50% 0, rgba(216, 176, 60, 0.13), transparent 44%),
    var(--mc-black) !important;
}

.home-cta h2,
.cars-cta-section h2,
.area-cta-section h2 {
  color: var(--mc-ivory) !important;
}

.shop-strip-section {
  background: linear-gradient(135deg, #e2bd4a, #b98c23) !important;
}

.shop-strip-section .shop-strip-eyebrow,
.shop-strip-section .shop-strip-title,
.shop-strip-section p,
.shop-strip-section li {
  color: var(--mc-black) !important;
}

.shop-strip-section .shop-strip-cta {
  background: var(--mc-black) !important;
  border-color: var(--mc-black) !important;
  color: var(--mc-gold-bright) !important;
}

/* FAQ */
.accordion-box {
  border: 1px solid var(--mc-border);
  border-radius: 18px;
  overflow: hidden;
}

.accordion-box .accordion,
.accordion-box .accordion .acc-btn,
.accordion-box .accordion .acc-content {
  background: var(--mc-surface-raised) !important;
  border-color: var(--mc-border) !important;
}

.accordion-box .accordion .acc-btn {
  color: var(--mc-ivory) !important;
}

.accordion-box .accordion.active-block .acc-btn,
.accordion-box .accordion .acc-btn:hover,
.accordion-box .accordion .acc-btn .icon {
  color: var(--mc-gold) !important;
}

.accordion-box .accordion .acc-content .text,
.accordion-box .accordion .acc-content p {
  color: var(--mc-muted) !important;
}

/* Map */
.gmb-map-section .gmb-map-heading {
  background: var(--mc-black-soft) !important;
}

.gmb-map-section .gmb-map-heading h2 {
  color: var(--mc-ivory) !important;
}

.gmb-map-placeholder {
  background:
    radial-gradient(circle at 50% 35%, rgba(216, 176, 60, 0.18), transparent 34%),
    linear-gradient(135deg, #11100d, #080807) !important;
  color: var(--mc-text) !important;
}

.gmb-map-placeholder__pin {
  background: var(--mc-gold) !important;
  border-color: var(--mc-border-strong) !important;
  color: var(--mc-black) !important;
}

.gmb-map-placeholder__title {
  color: var(--mc-ivory) !important;
}

.gmb-map-placeholder__text {
  color: var(--mc-muted) !important;
}

.gmb-map-placeholder__actions button {
  background: var(--mc-gold) !important;
  border-color: var(--mc-gold) !important;
  color: var(--mc-black) !important;
}

/* Pricing */
.pricing-page-card {
  overflow: hidden;
}

.pricing-page-card .pricing-card-header,
.pricing-page-card .pricing-card-cta,
.pricing-page-card > div,
.pricing-card-tier-grid > div {
  background: var(--mc-surface-raised) !important;
  border-color: var(--mc-border) !important;
}

.pricing-card-tier-grid > div:nth-child(even) {
  background: var(--mc-black-soft) !important;
}

.pricing-page-card h4,
.pricing-card-tier-grid > div > div:last-child {
  color: var(--mc-ivory) !important;
}

.pricing-card-header span,
.pricing-card-header > div:last-child > div:first-child,
.pricing-card-header > div:last-child > div:last-child,
.pricing-card-tier-grid > div > div:first-child {
  color: var(--mc-muted) !important;
}

.pricing-card-header > div:last-child > div:nth-child(2) {
  color: var(--mc-gold) !important;
}

.pricing-notes-box {
  background:
    linear-gradient(135deg, rgba(216, 176, 60, 0.1), transparent 46%),
    var(--mc-surface-raised) !important;
  border-color: var(--mc-border) !important;
}

/* Shop */
.shop-product-card__body {
  background: var(--mc-surface-raised) !important;
}

.shop-product-card__body h3,
.shop-product-card__footer > div > div:nth-child(2) {
  color: var(--mc-ivory) !important;
}

.shop-product-card__body p,
.shop-product-card__body li,
.shop-product-card__footer > div > div {
  color: var(--mc-muted) !important;
}

.shop-product-card__footer > div > div[style*="font-size: 24px"] {
  color: var(--mc-gold) !important;
}

.shop-product-card__footer {
  border-color: var(--mc-border) !important;
}

.shop-trust-strip {
  border-color: var(--mc-border) !important;
}

.shop-trust-strip > div,
.shop-trust-strip > div i {
  color: var(--mc-gold) !important;
}

.product-enquiry-modal,
.product-enquiry-header,
.product-enquiry-body {
  background: var(--mc-surface-raised) !important;
  border-color: var(--mc-border) !important;
  color: var(--mc-text) !important;
}

.product-enquiry-overlay {
  background: rgba(0, 0, 0, 0.84) !important;
  backdrop-filter: blur(8px);
}

.product-enquiry-title {
  color: var(--mc-ivory) !important;
}

/* About, reviews, contact, legal, areas, and detail pages */
.blockquote-style-two {
  background: rgba(216, 176, 60, 0.08) !important;
  border-color: var(--mc-gold) !important;
  color: var(--mc-text) !important;
}

.blockquote-style-two::before {
  background: var(--mc-gold) !important;
}

.about-section .feature-block {
  color: var(--mc-ivory) !important;
}

.about-section .feature-block .icon,
.about-areas-section i,
.contact-info-card i,
.faq-contact-card i {
  color: var(--mc-gold) !important;
}

.about-areas-section [style*="background"],
.about-areas-section [style*="padding"] {
  background: var(--mc-surface-raised) !important;
  border-color: var(--mc-border) !important;
}

.reviews-rating-badge {
  background: rgba(216, 176, 60, 0.12) !important;
  border-color: var(--mc-border-strong) !important;
  color: var(--mc-gold-bright) !important;
}

.reviews-testimonial-card p,
.reviews-testimonial-card div {
  color: var(--mc-text) !important;
}

.contact-info-card h4,
.contact-form-shell h3 {
  color: var(--mc-ivory) !important;
}

.contact-info-card p,
.contact-info-card span,
.contact-info-card div,
.contact-form-shell p {
  color: var(--mc-muted) !important;
}

.page-wrapper .contact-info-card a {
  color: var(--mc-ivory) !important;
}

.page-wrapper .contact-info-card a:hover {
  color: var(--mc-gold-bright) !important;
}

.contact-whatsapp-cta {
  background: #14854a !important;
  color: #ffffff !important;
}

.legal-copy {
  color: var(--mc-text);
}

.legal-copy nav {
  padding: 18px 20px !important;
}

.legal-copy nav a,
.legal-copy nav a[aria-current="page"] {
  color: var(--mc-gold) !important;
}

.legal-copy > p:last-child,
.legal-copy nav {
  border-color: var(--mc-border) !important;
}

.legal-copy ul li::marker {
  color: var(--mc-gold);
}

.areas-zone-link:hover,
.area-nearby-links a:hover {
  background: rgba(216, 176, 60, 0.12) !important;
  border-color: var(--mc-border-strong) !important;
}

.areas-zone-link span,
.area-nearby-links a {
  color: var(--mc-text) !important;
}

.area-nearby-links a {
  background: var(--mc-surface-raised) !important;
  border-color: var(--mc-border) !important;
}

.area-pricing-card h3,
.area-featured-car-card h3,
.area-faq-card h3,
.car-detail-area-card h3,
.car-detail-faq-card h3,
.car-detail-related-card h3 {
  color: var(--mc-ivory) !important;
}

.area-pricing-card p,
.area-featured-car-card p,
.area-faq-card p,
.car-detail-area-card p,
.car-detail-faq-card p,
.car-detail-related-card p {
  color: var(--mc-muted) !important;
}

.car-detail-includes-grid > div,
.car-detail-specs-grid > div,
.car-detail-hero-section [style*="background"] {
  background: var(--mc-surface-raised) !important;
  border-color: var(--mc-border) !important;
}

/* Header, mobile drawer, and footer */
.main-header.header-style-one,
.main-header.header-style-one .header-lower,
.main-header.header-style-one .sticky-header {
  background: var(--mc-black) !important;
}

.main-header.header-style-one .header-lower,
.main-header.header-style-one .sticky-header {
  border-bottom-color: var(--mc-border) !important;
}

.mobile-menu .menu-box,
.mobile-menu .upper-box,
.mobile-menu .navigation,
.mobile-menu .contact-list-one,
.mobile-menu .social-links {
  background: var(--mc-surface-raised) !important;
  border-color: var(--mc-border) !important;
}

.mobile-menu .navigation > li,
.mobile-menu .contact-list-one li,
.mobile-menu .social-links li {
  border-color: var(--mc-border) !important;
}

.mobile-menu .navigation > li > a,
.mobile-menu .contact-list-one .title,
.mobile-menu .contact-list-one .text,
.mobile-menu .contact-list-one .text a {
  color: var(--mc-ivory) !important;
}

.mobile-menu .navigation > li > a:hover,
.mobile-menu .close-btn,
.mobile-menu .contact-list-one i,
.mobile-menu .social-links a i {
  color: var(--mc-gold) !important;
}

.mobile-menu .social-links a {
  background: var(--mc-black-soft) !important;
  border: 1px solid var(--mc-border);
  box-shadow: none !important;
}

.mobile-menu .menu-backdrop {
  background: rgba(0, 0, 0, 0.78) !important;
}

.main-footer,
.main-footer .widgets-section,
.main-footer .footer-bottom {
  background: var(--mc-black) !important;
}

.main-footer {
  border-top: 1px solid var(--mc-border);
}

.main-footer .widget-title,
.main-footer .copyright-text {
  color: var(--mc-ivory) !important;
}

.main-footer p,
.main-footer li,
.main-footer a,
.main-footer .text {
  color: var(--mc-muted) !important;
}

.main-footer a:hover,
.main-footer i {
  color: var(--mc-gold) !important;
}

.main-footer .widget-title::after {
  background: var(--mc-gold) !important;
}

.main-footer .widget-title::before,
.main-footer .footer-bottom .inner-container,
.footer-areas-toggle,
.footer-areas-grid {
  border-color: var(--mc-border) !important;
}

/* Page-specific finishing details */
.about-cta-section {
  background:
    radial-gradient(circle at 50% 0, rgba(216, 176, 60, 0.12), transparent 52%),
    var(--mc-black) !important;
  border-color: var(--mc-border) !important;
}

.about-stats-section {
  background:
    linear-gradient(135deg, rgba(216, 176, 60, 0.1), transparent 60%),
    var(--mc-surface-raised) !important;
  border-block: 1px solid var(--mc-border);
}

.about-cta-section h2 {
  color: var(--mc-ivory) !important;
}

.about-cta-section p {
  color: var(--mc-muted) !important;
}

.about-cta-section a[href^="tel"] {
  background: var(--mc-gold) !important;
  color: var(--mc-black) !important;
  box-shadow: 0 12px 30px rgba(216, 176, 60, 0.18);
}

.about-cta-section a[href^="/cars"] {
  color: var(--mc-gold-bright) !important;
  border-color: var(--mc-gold) !important;
}

.faq-contact-card p,
.shop-main-section .sec-title > div {
  color: var(--mc-muted) !important;
}

.faq-contact-card a[href^="tel"] {
  background: var(--mc-gold) !important;
  color: var(--mc-black) !important;
}

.faq-contact-card a[href^="mailto"] {
  background: transparent !important;
  color: var(--mc-gold-bright) !important;
  border-color: var(--mc-gold) !important;
}

.reviews-photos-section h2,
.reviews-main-section h2 {
  color: var(--mc-ivory) !important;
}

.reviews-main-section p,
.reviews-testimonial-card p {
  color: var(--mc-muted) !important;
}

.reviews-rating-badge {
  background: var(--mc-surface-raised) !important;
  border-color: var(--mc-border-strong) !important;
}

.reviews-rating-badge span {
  color: var(--mc-muted) !important;
}

.reviews-rating-badge span:first-of-type {
  color: var(--mc-ivory) !important;
}

.reviews-testimonial-card > div:last-child {
  border-color: var(--mc-border) !important;
}

.reviews-testimonial-card > div:last-child > div:last-child > div:first-child {
  color: var(--mc-ivory) !important;
}

.reviews-testimonial-card > div:last-child span {
  background: rgba(216, 176, 60, 0.1) !important;
  color: var(--mc-gold-bright) !important;
  border-color: var(--mc-border-strong) !important;
}

.reviews-main-section a[href*="google.com/maps"] {
  background: var(--mc-surface-raised) !important;
  border-color: var(--mc-border-strong) !important;
  color: var(--mc-ivory) !important;
  box-shadow: var(--mc-shadow-soft) !important;
}

/* Homepage reviews: carry the same dark luxury treatment into the carousel. */
.ric-summary,
.ric-content {
  background: var(--mc-surface-raised) !important;
  border-color: var(--mc-border) !important;
  box-shadow: var(--mc-shadow-soft) !important;
}

.ric-card {
  background: var(--mc-black-soft) !important;
  border-color: var(--mc-border) !important;
  box-shadow: none !important;
}

.ric-summary__eyebrow {
  color: var(--mc-gold) !important;
}

.ric-summary__score,
.ric-title,
.ric-author h3,
.ric-card__title {
  color: var(--mc-ivory) !important;
}

.ric-summary__meta,
.ric-author p,
.ric-card__body,
.ric-card__link {
  color: var(--mc-muted) !important;
}

.ric-summary__cta {
  background: var(--mc-gold) !important;
  color: var(--mc-black) !important;
  box-shadow: 0 12px 30px rgba(216, 176, 60, 0.18) !important;
}

.ric-summary__cta:hover {
  background: var(--mc-gold-bright) !important;
  color: var(--mc-black) !important;
}

.ric-arrow {
  background: var(--mc-black-soft) !important;
  border-color: var(--mc-border-strong) !important;
  color: var(--mc-gold) !important;
  box-shadow: none !important;
}

.ric-arrow:hover {
  background: var(--mc-gold) !important;
  color: var(--mc-black) !important;
}

.ric-dot {
  background: rgba(216, 176, 60, 0.28) !important;
}

.ric-dot.active {
  background: var(--mc-gold) !important;
}

/* Admin */
.admin-login-page,
.admin-dashboard-shell {
  background:
    radial-gradient(circle at 50% 0, rgba(216, 176, 60, 0.12), transparent 38%),
    var(--mc-black) !important;
  color: var(--mc-text) !important;
}

.admin-login-card {
  background: var(--mc-surface-raised) !important;
  border: 1px solid var(--mc-border) !important;
}

.admin-login-card h1,
.admin-login-card p,
.admin-login-card strong {
  color: var(--mc-ivory) !important;
}

.admin-login-card > form > button[type="submit"] {
  background: var(--mc-gold) !important;
  color: var(--mc-black) !important;
}

.admin-dashboard-header {
  background: var(--mc-black) !important;
  border-bottom: 1px solid var(--mc-border) !important;
}

.admin-dashboard-tabs {
  background: var(--mc-surface-raised) !important;
  border-color: var(--mc-border) !important;
}

.admin-dashboard-tabs button {
  color: var(--mc-muted) !important;
}

.admin-dashboard-tabs button[style*="216, 176"],
.admin-dashboard-tabs button[style*="#c9a227"] {
  color: var(--mc-gold) !important;
}

.admin-dashboard-content h1,
.admin-dashboard-content h2,
.admin-dashboard-content h3,
.admin-dashboard-content h4 {
  color: var(--mc-ivory) !important;
}

.admin-dashboard-content > div > div[style*="background: rgb(255, 255, 255)"],
.admin-dashboard-content div[style*="background: #fff"],
.admin-dashboard-content table,
.admin-dashboard-content thead,
.admin-dashboard-content tbody,
.admin-dashboard-content tr,
.admin-dashboard-content td,
.admin-dashboard-content th {
  background: var(--mc-surface-raised) !important;
  border-color: var(--mc-border) !important;
  color: var(--mc-text) !important;
}

.admin-dashboard-content input,
.admin-dashboard-content select,
.admin-dashboard-content textarea {
  background: var(--mc-black-soft) !important;
  border-color: var(--mc-border) !important;
  color: var(--mc-ivory) !important;
}

@media (max-width: 767px) {
  .home-hero,
  .home-booking {
    background: var(--mc-black) !important;
  }

  .home-about .blockquote-style-two,
  .home-about .features-outer .feature-block,
  .home-fleet .pricing-block-four .inner-box,
  .home-features .service-block-five .inner-box,
  .home-faq {
    background: var(--mc-surface-raised) !important;
    border-color: var(--mc-border) !important;
  }

  .main-header.header-style-one,
  .main-header.header-style-one .header-lower {
    background: var(--mc-black) !important;
  }

  .main-header.header-style-one .mobile-nav-toggler {
    background: rgba(216, 176, 60, 0.12) !important;
    border-color: var(--mc-border-strong) !important;
    color: var(--mc-gold) !important;
  }

  .pricing-card-tier-grid > div,
  .pricing-card-tier-grid > div:nth-child(2n),
  .pricing-card-tier-grid > div:nth-last-child(-n + 2) {
    border-color: var(--mc-border) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .pricing-block-four .inner-box,
  .pricing-page-card,
  .shop-product-card,
  .reviews-testimonial-card,
  .area-pricing-card,
  .area-featured-car-card,
  .car-detail-area-card,
  .car-detail-related-card {
    transition: none;
  }
}