/* MedCare Mobility — HEADER rules only, extracted verbatim from assets/mcm-redesign.css (Tab, go-live 2026-10-18).
   Enqueued by inc/medcare-redesign-helpers.php on every page that does not load mcm-redesign.css itself
   (the v3 homepage, the 2026 landing pages load the full file). Keep both copies in sync when the header rules change. */

/* ============================================================
   MOBILE HEADER (custom header from the medcare-snippets plugin)
   hamburger LEFT, logo centre, account + cart right (Pinny, Sep 4)
   ============================================================ */
@media (max-width:991.98px){
	#mcm-custom-header-wrap .mcm-header__inner{display:flex!important;align-items:center;gap:10px}
	#mcm-custom-header-wrap .mcm-actions{display:contents!important}
	#mcm-custom-header-wrap .mcm-mobile-toggle{order:-1;margin:0}
	#mcm-custom-header-wrap .mcm-logo{order:0;flex:1 1 auto;justify-content:center!important}
	#mcm-custom-header-wrap .mcm-phone,#mcm-custom-header-wrap .mcm-account,#mcm-custom-header-wrap .mcm-cart-link{order:1}
	#mcm-custom-header-wrap .mcm-action,#mcm-custom-header-wrap .mcm-mobile-toggle{min-width:44px!important;min-height:44px!important;width:44px!important;height:44px!important}
}

/* v3d (2026-10-17, Tab; Pinny's WhatsApp note 7:47 PM ET): header search pill. Root cause: the v2 rule `.mcm-search{border:2px solid;border-radius:12px;
   overflow:hidden;background:#fff}` above (written for the v2 hero search) also matches the custom header's `.mcm-search` wrapper
   (mu-plugins/medcare-snippets 66043), so a white 12px-cornered box with a navy border sat behind the header's 999px pill and showed past the
   button's curve ("the white that's sticking out after the round blue"), and `.mcm-search input/button` sizing leaked into it too. Scoped out here;
   the pill's own button now fills its cell at full height with the pill's right rounding, the input the left rounding. Header only; v2 search untouched. */
.mcm-header .mcm-search{display:block!important;border:0!important;border-radius:0!important;overflow:visible!important;background:transparent!important;max-width:none!important;margin:0!important;padding:0!important;box-shadow:none!important}
.mcm-header .mcm-search-form{background:transparent!important;border:0!important;box-shadow:none!important;margin:0!important;padding:0!important}
.mcm-header .mcm-search-inner{isolation:isolate;border-radius:999px!important;overflow:hidden!important;background:transparent!important}
.mcm-header .mcm-search input[type=search].mcm-search-input,.mcm-header .mcm-search-inner .mcm-search-input{align-self:stretch;height:auto!important;min-height:50px;margin:0!important;padding:0 18px!important;border:0!important;border-radius:999px 0 0 999px!important;-webkit-appearance:none!important;appearance:none!important;background:#fff!important;box-shadow:none!important}
.mcm-header .mcm-search button.mcm-search-submit,.mcm-header .mcm-search-inner .mcm-search-submit{width:100%!important;min-width:0!important;height:auto!important;min-height:50px;align-self:stretch;justify-self:stretch;margin:0!important;padding:0!important;border:0!important;border-radius:0 999px 999px 0!important;-webkit-appearance:none!important;appearance:none!important;line-height:1;font-size:0;background:#0a4a8a!important;color:#fff!important;transition:background .15s}
.mcm-header .mcm-search button.mcm-search-submit:hover,.mcm-header .mcm-search button.mcm-search-submit:focus-visible{background:#1258a6!important}
.mcm-header .mcm-search button.mcm-search-submit:focus-visible{outline:2px solid #fff;outline-offset:-3px}
.mcm-header .mcm-search-inner .mcm-search-select{align-self:stretch;height:auto!important;min-height:50px;margin:0!important;border-radius:0!important}
.mcm-header .mcm-search-input::-webkit-search-decoration,.mcm-header .mcm-search-input::-webkit-search-cancel-button,.mcm-header .mcm-search-input::-webkit-search-results-button,.mcm-header .mcm-search-input::-webkit-search-results-decoration{-webkit-appearance:none;display:none}