/* Account access stays explicit, including when the theme was set to icon-only. */
.mky-header-account > a { display: inline-flex; align-items: center; gap: 8px; margin-top: 2px; font-family: inherit; font-size: 14px; line-height: 1.4; white-space: nowrap; }
.mky-header-account > a svg { width: 19px; height: 19px; flex: 0 0 19px; }

.mobile-header-icons > .mky-mobile-account-entry { display: inline-flex; flex-direction: row; align-items: center; justify-content: center; gap: 0; min-width: 44px; min-height: 44px; margin-left: 0; background: transparent; color: inherit; border: 0; border-radius: 0; text-decoration: none; font-family: inherit; }
.mky-mobile-account-entry svg { display: block; width: 24px; height: 24px; }
.mobile-header-icons > .mky-mobile-account-entry + * { margin-left: 0; }
.mky-mobile-account-entry:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
@media (max-width: 760px) {
 :is(#masthead, #mobile-menu) .header-mobile > .konte-container-fluid { width: calc(100vw - 32px); margin-left: calc(50% - 50vw + 16px); margin-right: calc(50% - 50vw + 16px); padding-left: 0; padding-right: 0; }
}
/* Keep the native WooCommerce counter so cart fragments continue to update it. */
.header-mobile .mobile-header-icons .header-cart > a { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 44px; min-height: 44px; gap: 0; }
.header-mobile .mobile-header-icons .header-cart .cart-counter { position: absolute; top: 3px; right: 1px; display: inline-flex; align-items: center; justify-content: center; min-width: 16px; width: auto; height: 16px; padding: 0 4px; margin: 0; border-radius: 50%; font-size: 10px; font-weight: 600; line-height: 16px; pointer-events: none; }

/* Match the visual weight of Konte's account and shopping-bag pictograms. */
.header-mobile .mky-mobile-account-entry .svg-icon,
.header-mobile .mobile-header-icons .header-cart .svg-icon { display: inline-flex; width: 24px; height: 24px; font-size: 24px; line-height: 1; }
.header-mobile .mobile-header-icons .header-cart .svg-icon svg { display: block; width: 24px; height: 24px; }

/* Center controls independently of the inline text baseline. */
.header-mobile .mobile-menu-hamburger,
.header-mobile .mobile-header-icons .header-cart { display: flex; align-items: center; line-height: 1; }
.header-mobile .mobile-menu-toggle { display: inline-flex; align-items: center; justify-content: flex-start; min-width: 44px; min-height: 44px; line-height: 1; }
.header-mobile .mobile-menu-toggle .hamburger-box { display: block; vertical-align: middle; }
.header-mobile .mobile-header-icons > .mky-mobile-account-entry,
.header-mobile .mobile-header-icons .header-cart > a { height: 44px; line-height: 1; }
.header-mobile .mobile-header-icons .header-cart .icon-cart { transform: translateY(-0.5px); }

@media (max-width: 760px) {
 /* Give wide logos flexible space while reserving non-overlapping touch targets. */
 :is(#masthead, #mobile-menu) .header-mobile.logo-center > .konte-container-fluid { gap: 4px; }
 :is(#masthead, #mobile-menu) .header-mobile.logo-center .mobile-menu-hamburger { flex: 1 1 100px; min-width: 44px; }
 :is(#masthead, #mobile-menu) .header-mobile.logo-center .mobile-header-icons { flex: 1 0 110px; transform: translateX(6px); }
 :is(#masthead, #mobile-menu) .header-mobile .site-branding { flex: 0 1 auto; min-width: 0; max-width: calc(100vw - 194px); }
 :is(#masthead, #mobile-menu) .header-mobile .site-branding img { max-width: 100%; height: auto; }
 :is(#masthead, #mobile-menu) .mobile-header-icons > .mky-mobile-account-entry + .header-cart { margin-left: 5px; }
 /* Shift the pictures within separate 44px controls instead of overlapping links. */
 :is(#masthead, #mobile-menu) .header-mobile .mky-mobile-account-entry .svg-icon { transform: translateX(5px); }
 :is(#masthead, #mobile-menu) .header-mobile .header-cart .svg-icon { transform: translate(-5px, -0.5px); }
 :is(#masthead, #mobile-menu) .header-mobile .header-cart .cart-counter { right: 6px; }
}

/* Reset passwords use full-width rows, without the theme's two-column gutters. */
.woocommerce-account-login form.lost_reset_password .form-row-first,
.woocommerce-account-login form.lost_reset_password .form-row-last { float: none; clear: both; width: 100%; padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; }
form.lost_reset_password .mky-reset-password-input { display: block; position: relative; width: 100%; }
form.lost_reset_password .mky-reset-password-input input.input-text { width: 100%; padding-right: 36px; box-sizing: border-box; }
form.lost_reset_password.mky-reset-enhanced .show-password-input { display: none !important; }
form.lost_reset_password button.mky-reset-password-toggle { position: absolute; top: 12px; right: 0; display: block; width: 24px; min-width: 24px; height: 24px; min-height: 24px; margin: 0; padding: 0; border: 0; border-radius: 0; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: 24px 24px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxnPjxjaXJjbGUgY3g9IjEyIiBjeT0iMTIiIHI9IjIiLz48cGF0aCBkPSJNMTYuNDY2LDYuNzQ4QzE1LjIzOCw1LjU4MywxMy42MTksNSwxMiw1UzguNzYyLDUuNTgzLDcuNTM0LDYuNzQ4TDIsMTJsNS41MzQsNS4yNTJDOC43NjIsMTguNDE3LDEwLjM4MSwxOSwxMiwxOXMzLjIzOC0wLjU4Myw0LjQ2Ni0xLjc0OEwyMiwxMkwxNi40NjYsNi43NDh6IE0xNS4wODksMTUuODAxQzE0LjI3NCwxNi41NzQsMTMuMTc3LDE3LDEyLDE3cy0yLjI3NC0wLjQyNi0zLjA4OS0xLjE5OUw0LjkwNSwxMmw0LjAwNS0zLjgwMUM5LjcyNiw3LjQyNiwxMC44MjMsNywxMiw3czIuMjc0LDAuNDI2LDMuMDg5LDEuMTk5TDE5LjA5NSwxMkwxNS4wODksMTUuODAxeiIvPjwvZz48cmVjdCBmaWxsPSJub25lIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz48L2c+PC9zdmc+); box-shadow: none; cursor: pointer; opacity: .5; line-height: 1; }
form.lost_reset_password button.mky-reset-password-toggle:hover,
form.lost_reset_password button.mky-reset-password-toggle[aria-pressed="true"] { background-color: transparent; opacity: 1; }
form.lost_reset_password button.mky-reset-password-toggle:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; opacity: 1; }