/*!
 * Mavrik field colours, sitewide (2026-11-04). Replaces every use of the old brand blue (#01b8f0 and its tints).
 * Blue stays in one place only: the flame in the Mavrik logo image.
 *
 * Direction (Andy): forest / military / hunter. A first pass in coyote tan "looked like gold trim all over the place"
 * on the white pages, so tan is gone from here; olive drab does the work and sage marks highlights on dark ground.
 * The Big Bad Mat page keeps its own palette (field.css), which Andy approved.
 *
 * Printed after the Customizer's Additional CSS (mavrik-field-design.php, wp_head priority 102) so equal-specificity
 * rules win without !important; the chat widget's stylesheet loads later still, so its overrides carry `html body`.
 * Nothing here changes layout: colours, borders and the four blue graphics only.
 *
 * Map:  blue buttons, badges, round icons        -> olive drab, cream text
 *       blue fills (labels, panels, circles)     -> olive drab / deep forest
 *       blue text and links on light ground      -> dark olive
 *       blue highlights on dark ground (menu,
 *       footer graphics, links on photos)        -> sage
 */
:root{
	--mf-black:#141412;
	--mf-char:#1d1c18;
	--mf-forest:#26301f;      /* footer, cart totals */
	--mf-olive:#4b5320;       /* olive drab: buttons, labels, panels */
	--mf-olive-hover:#3b4219;
	--mf-olive-text:#46502c;  /* text and links on white (8:1) */
	--mf-sage:#a7b08a;        /* highlights on dark ground */
	--mf-cream:#f1ecdf;       /* text on olive */
	--mf-bone-2:#e1d8c4;
}

/* ---------- text, links, lists ---------- */
a{color:var(--mf-olive-text)}
h6{color:var(--mf-olive-text)}
ul li::marker{color:var(--mf-olive-text)}
.text-primary{color:var(--mf-olive-text)!important}
.read-more a{color:var(--mf-olive-text)}
.mat-text{color:var(--mf-olive-text)}
.team-box .cont h5,.post-box h5{color:var(--mf-olive-text)}
.contact-list a:hover{color:var(--mf-olive-text)}
/* Colours set inside page content (homepage and Services headings, and their links). */
[style*="color:#01b8f0"],[style*="color: #01b8f0"]{color:var(--mf-olive-text)!important}
[class*="wp-elements-"] a:where(:not(.wp-element-button)){color:var(--mf-olive-text)}
/* On dark sections and photos the dark olive disappears: accents there use sage instead. */
:is(.footer-up,.home-middle,.wp-block-cover,.inner-banner,.has-black-background-color,.has-very-dark-gray-background-color,.has-background[style*="background-color:#1c1c1c"],.has-background[style*="background-color:#000"]) :is(.text-primary,.mat-text,h6){color:var(--mf-sage)!important}
:is(.footer-up,.home-middle,.wp-block-cover,.inner-banner,.has-black-background-color,.has-very-dark-gray-background-color,.has-background[style*="background-color:#1c1c1c"],.has-background[style*="background-color:#000"]) a:not(.btn):not(.wp-element-button):not(.mvk-launcher){color:var(--mf-sage)}
:is(.footer-up,.home-middle,.wp-block-cover,.has-black-background-color,.has-background[style*="background-color:#1c1c1c"]) ul li::marker{color:var(--mf-sage)}

/* ---------- buttons ---------- */
.btn-primary{background-color:var(--mf-olive);border-color:var(--mf-olive);color:var(--mf-cream)}
.btn-primary:hover,.btn-primary:focus{background-color:var(--mf-olive-hover);border-color:var(--mf-olive-hover);color:var(--mf-cream)}
.wpcf7 [type=submit]:not(:disabled){background-color:var(--mf-olive);border-color:var(--mf-olive);color:var(--mf-cream)}
.wpcf7 [type=submit]:not(:disabled):hover{background-color:var(--mf-olive-hover);border-color:var(--mf-olive-hover)}
.read-link{color:var(--mf-sage)}
.back-to-top{background-color:var(--mf-olive);color:var(--mf-cream)}
.back-to-top i,.back-to-top svg{color:var(--mf-cream);fill:currentColor}

/* ---------- header ---------- */
.hd-ph .icn{background-color:var(--mf-olive)}
nav > ul > li:hover > a,
nav > ul > li.current-menu-item > a,
nav > ul > li.current-menu-ancestor > a{color:var(--mf-sage)}
.menu-btn,.menu-close{background-color:var(--mf-olive);color:var(--mf-cream)}
.menu-btn i,.menu-close i{color:var(--mf-cream)}
.cart-link .cart-count sup{background:var(--mf-olive);color:var(--mf-cream)}

/* Desktop dropdown: black panel with cream text, like the phone menu (Andy, 2026-11-04). */
@media (min-width:1041px){
	nav > ul > li > ul{background:var(--mf-black);border-top:3px solid var(--mf-olive);padding:6px 0;box-shadow:0 10px 24px rgba(0,0,0,.35)}
	nav > ul > li > ul > li > ul{background:var(--mf-black);border-left:1px solid rgba(241,236,223,.14)}
	nav > ul > li > ul > li a,
	nav > ul > li > ul > li > ul a{background-color:var(--mf-black);color:var(--mf-cream);border:0}
	nav > ul > li > ul > li a:hover,
	nav > ul > li > ul > li > ul a:hover{background-color:var(--mf-char);color:var(--mf-sage)}
	nav > ul > li > ul > li.current-menu-item > a,
	nav > ul > li > ul > li.current-menu-ancestor > a{background-color:var(--mf-black);color:var(--mf-sage);box-shadow:inset 3px 0 0 var(--mf-olive)}
}
/* Phone menu (its layout lives in Additional CSS, written in the old blue). */
@media (max-width:1040px){
	#menunav > ul > li > ul > li > ul{border-left-color:var(--mf-olive)}
	#menunav > ul > li > ul a:hover,
	#menunav > ul > li > ul li.current-menu-item > a,
	#menunav > ul > li.current-menu-item > a,
	#menunav > ul > li.current-menu-ancestor > a{color:var(--mf-sage)}
}

/* ---------- banners and big shapes ---------- */
.inner-banner h1::after,.inner-banner h2::after{background-image:linear-gradient(to right,rgba(75,83,32,.9),rgba(75,83,32,.1))}
.home-banner .circle{background-color:rgba(75,83,32,.6)}
.has-divider::before{background-image:linear-gradient(95deg,var(--mf-olive) 0%,#1c1c1c 70%,#1c1c1c 100%)}
.has-divider::after{background-image:linear-gradient(95deg,var(--mf-olive) 0%,#1c1c1c 70%,#1c1c1c 75%,#fff 75%)}
.top-left-odd::before,.top-right-even::before{background-color:var(--mf-olive)}
.pro-box .cont::after,.pro-cont::after{background-color:var(--mf-olive)}
.pro-box figcaption,.mat-box figcaption{background-color:var(--mf-olive);background-image:url(img/site/crane-cream.png)}
/* 1.2.0: the crane from the new logo sits left of the label word in place of the old flame on the right (Andy 2026-11-04) */
.pro-box figcaption,.mat-box figcaption{background-size:auto 1.3em;background-position:14px 50%;padding-left:calc(26px + 1.15em);padding-right:22px}
.team-box figure::after{background-color:var(--mf-olive)}

/* ---------- forms: contact border, mat-page quote panel, guided form, CF7 notices ----------
   The guided form's stylesheet is printed in the footer on pages that carry the form, after this file, so its
   overrides carry `html body` to win at equal specificity. */
.contact-form input:not([type=checkbox]),.contact-form select,.contact-form textarea{border-color:var(--mf-olive)}
.mat-form{background-color:var(--mf-olive)}
.mat-form-box input:not([type=checkbox]):not([type=radio]),.mat-form-box select,.mat-form-box textarea{border-color:var(--mf-sage)}
.mat-left-box::after{content:url(img/site/arrow-sage.png)}
.wpcf7 form .wpcf7-response-output{border-color:var(--mf-olive)}
html body .wpcf7 .mvk-guided .mvk-mats .mvk-mat:hover,
html body .wpcf7 .mvk-guided .mvk-pills .wpcf7-list-item label:hover{border-color:var(--mf-sage)}
html body .wpcf7 .mvk-guided .mvk-mats .mvk-mat.is-checked,
html body .wpcf7 .mvk-guided .mvk-mats .mvk-mat:has(input:checked){border-color:var(--mf-olive);box-shadow:0 0 0 3px rgba(75,83,32,.25)}
html body .wpcf7 .mvk-guided .mvk-mats .mvk-mat:has(input:checked) .mvk-mat-name,
html body .wpcf7 .mvk-guided .mvk-mats .mvk-mat.is-checked .mvk-mat-name{background:var(--mf-olive);color:var(--mf-cream)}
html body .wpcf7 .mvk-guided .mvk-mats .mvk-mat:has(input:checked) .mvk-mat-tick,
html body .wpcf7 .mvk-guided .mvk-mats .mvk-mat.is-checked .mvk-mat-tick{background-color:var(--mf-olive)}
html body .wpcf7 .mvk-guided .mvk-mats .mvk-mat:has(input:focus-visible),
html body .wpcf7 .mvk-guided .mvk-mats .mvk-mat.is-focused{outline-color:var(--mf-forest)}
html body .wpcf7 .mvk-guided .mvk-detail{border-left-color:var(--mf-olive);background:#f3f2ea}
html body .wpcf7 .mvk-guided .mvk-detail .mvk-units label:has(input:checked),
html body .wpcf7 .mvk-guided .mvk-pills .wpcf7-list-item label:has(input:checked){border-color:var(--mf-olive);background:#e6e8d9}
html body .wpcf7 .mvk-guided .mvk-detail .mvk-math{color:var(--mf-olive-text)}
html body .wpcf7 .mvk-guided .mvk-detail .mvk-units input,
html body .wpcf7 .mvk-guided .mvk-pills .wpcf7-list-item input{accent-color:var(--mf-olive)}

/* ---------- footer ---------- */
.cmn-footer{background-color:var(--mf-forest)}
.ft-link,.ft-link i{color:var(--mf-cream)}
.ft-link:hover,.ft-link:hover i{color:var(--mf-sage)}
.foot-menu li a:hover{color:var(--mf-sage)}
.foot-copyright a{color:var(--mf-sage)}
.foot-copyright a:hover{color:#fff}
.foot-left::before{background-color:rgba(75,83,32,.55)}
/* The footer bars and wind turbines are <img> tags in footer.php, solid blue: a filter turns them sage (#a7b08a). */
.bar-img,.fan-img{filter:brightness(0) saturate(100%) invert(66%) sepia(6%) saturate(1145%) hue-rotate(33deg) brightness(103%) contrast(91%)}

/* ---------- store ---------- */
.woocommerce span.onsale{background:var(--mf-olive);color:var(--mf-cream)}
.product .entry-summary .price.price.price.price.price{color:var(--mf-olive-text)}
.woocommerce ul.products li.product .button.add_to_cart_button{background-color:var(--mf-olive);color:var(--mf-cream)}
.woocommerce-ordering .orderby{background-color:#e6e8d9;color:var(--mf-black)}
.variation button.selected{color:var(--mf-olive-text);border-bottom-color:var(--mf-olive)}
.product .summary .single_add_to_cart_button.single_add_to_cart_button{background-color:var(--mf-olive);color:var(--mf-cream)}
.product .summary .single_add_to_cart_button.single_add_to_cart_button:hover{background-color:var(--mf-olive-hover);color:var(--mf-cream)}
.flex-control-nav > li:is(:hover,:has(.flex-active)){border-color:var(--mf-olive)}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{color:var(--mf-olive-text)}
.cart-collaterals{background:var(--mf-forest);color:var(--mf-bone-2)}
.cart-collaterals p{color:var(--mf-bone-2)}
.cart-collaterals a{color:var(--mf-sage)}
.cart-collaterals th{color:var(--mf-cream)}
.cart-collaterals .cart_totals .checkout-button.checkout-button.checkout-button:hover{background-color:var(--mf-olive);border-color:var(--mf-olive);color:var(--mf-cream)}
.woocommerce a.remove.remove.remove.remove{color:var(--mf-olive-text)!important}
.wc-block-components-button{border-color:var(--mf-olive);background-color:var(--mf-olive);color:var(--mf-cream)}
.wc-block-components-button:hover{color:var(--mf-olive-text);background-color:var(--mf-cream)}
.wc-block-components-checkout-return-to-cart-button:not(:hover){color:var(--mf-olive-text)}
.woocommerce-info{border-top-color:var(--mf-olive)}
.woocommerce-info::before{color:var(--mf-olive)}
.woocommerce form .form-row .woocommerce-input-wrapper .description{background:var(--mf-olive)}
.woocommerce form .form-row .woocommerce-input-wrapper .description::before{border-color:var(--mf-olive) transparent transparent transparent}
.wc-block-components-notice-banner.is-info{border-color:var(--mf-olive)}
.wc-block-components-notice-banner.is-info>svg{background-color:var(--mf-olive)}

/* ---------- Big Bad Mat chat (its stylesheet loads when the chat opens, after this one) ---------- */
html body .mvk-root,html body .mvk-panel-inline{--mvk-brand:#4b5320;--mvk-brand-dark:#3b4219;--mvk-soft:#f3f2ea}
html body .mvk-input:focus{box-shadow:0 0 0 2px #dfe2cf}