/**
 * Motoguru global brand colors — load before other custom stylesheets.
 */
:root {
    --mg-primary: #F99B27;
    --mg-primary-dark: #E08A1F;
    --mg-primary-soft: rgba(249, 155, 39, 0.12);
    --mg-primary-range: rgba(249, 155, 39, 0.18);
    --mg-primary-muted-bg: rgba(249, 155, 39, 0.08);
    --mg-primary-border: rgba(249, 155, 39, 0.25);
    --mg-primary-border-strong: rgba(249, 155, 39, 0.45);
    --mg-primary-shadow: rgba(249, 155, 39, 0.4);
    --mg-primary-hover-bg: #FDEBD4;
    --mg-primary-focus-ring: rgba(249, 155, 39, 0.15);
    --mg-primary-row-hover: rgba(249, 155, 39, 0.04);
    --mg-black: #22201D;
    --mg-white: #F8F4F0;
    --mg-white-full: #FFFFFF;
    --mg-icon-grey: #C3C3C3;
}

/* Brand utility classes */
.text-mg-primary { color: var(--mg-primary) !important; }
.text-mg-black { color: var(--mg-black) !important; }
.text-mg-white { color: var(--mg-white) !important; }
.text-mg-icon-grey { color: var(--mg-icon-grey) !important; }

.bg-mg-primary { background-color: var(--mg-primary) !important; }
.bg-mg-black { background-color: var(--mg-black) !important; }
.bg-mg-white { background-color: var(--mg-white) !important; }
.bg-mg-white-full { background-color: var(--mg-white-full) !important; }

.border-mg-primary { border-color: var(--mg-primary) !important; }

.site-btn,
.btn-search.site-btn {
    background-color: var(--mg-primary) !important;
    color: var(--mg-white-full) !important;
    border: 2px solid transparent !important;
}

.site-btn:hover,
.btn-search.site-btn:hover {
    background-color: var(--mg-primary-dark) !important;
    color: var(--mg-white-full) !important;
}

.orange,
.text-orange {
    color: var(--mg-primary) !important;
}

/* Flatpickr — both month arrows always primary highlight */
.flatpickr-calendar .flatpickr-months .flatpickr-prev-month,
.flatpickr-calendar .flatpickr-months .flatpickr-next-month {
    background-color: var(--mg-primary) !important;
    border: 1px solid var(--mg-primary) !important;
    color: #fff !important;
}

.flatpickr-calendar .flatpickr-months .flatpickr-prev-month svg,
.flatpickr-calendar .flatpickr-months .flatpickr-next-month svg,
.flatpickr-calendar .flatpickr-months .flatpickr-prev-month svg path,
.flatpickr-calendar .flatpickr-months .flatpickr-next-month svg path {
    fill: #fff !important;
    stroke: #fff !important;
}

.flatpickr-calendar .flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-calendar .flatpickr-months .flatpickr-next-month:hover {
    background-color: var(--mg-primary-dark) !important;
    border-color: var(--mg-primary-dark) !important;
}