/* CM Klara navigation v16 — harden desktop inline search sizing after body portal. */ @media (min-width: 1025px) { /* * The desktop navigation is portalled under . Keep the search item * explicitly sized in both states so generic VC/theme flex rules cannot * collapse the expanded form back to the compact width. */ body > .cmk-nav.cmk-nav--desktop-portal > .cmk-nav__desktop > .cmk-nav__root > li.cmk-nav__root-item.is-search { position: relative !important; width: 112px !important; min-width: 112px !important; max-width: 112px !important; flex: 0 0 112px !important; overflow: hidden !important; } body > .cmk-nav.cmk-nav--desktop-portal > .cmk-nav__desktop > .cmk-nav__root > li.cmk-nav__root-item.is-search.is-search-open { width: 360px !important; min-width: 360px !important; max-width: 360px !important; flex: 0 0 360px !important; overflow: visible !important; } body > .cmk-nav.cmk-nav--desktop-portal .cmk-nav__root-item.is-search .cmk-nav__search-form { position: absolute !important; top: 5px !important; right: 0 !important; bottom: 5px !important; left: 0 !important; width: 100% !important; min-width: 0 !important; max-width: none !important; display: flex !important; align-items: center !important; flex-wrap: nowrap !important; } body > .cmk-nav.cmk-nav--desktop-portal .cmk-nav__root-item.is-search .cmk-nav__search-form input[type="search"] { display: block !important; width: auto !important; min-width: 0 !important; max-width: none !important; flex: 1 1 0 !important; } body > .cmk-nav.cmk-nav--desktop-portal .cmk-nav__root-item.is-search .cmk-nav__search-submit { flex: 0 0 40px !important; width: 40px !important; min-width: 40px !important; max-width: 40px !important; } } @media (max-width: 1180px) and (min-width: 1025px) { body > .cmk-nav.cmk-nav--desktop-portal > .cmk-nav__desktop > .cmk-nav__root > li.cmk-nav__root-item.is-search.is-search-open { width: 320px !important; min-width: 320px !important; max-width: 320px !important; flex-basis: 320px !important; } }