/* SPDX-FileCopyrightText: 2026 Marko Sun
   SPDX-License-Identifier: LicenseRef-Hanama-Proprietary */
.hanama-language,.hanama-my-menu{position:relative;flex-shrink:0;color:#36453a;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif}
.hanama-language{display:inline-flex!important;align-items:center;border:1px solid #d5d9cf;border-radius:12px;background:#ffffff82;height:44px;margin:0!important}
.hanama-language>span:not(.nav-globe):not(.nav-chevron){display:none}
.hanama-language .nav-globe{position:absolute;left:12px;display:flex;pointer-events:none}
.hanama-language .nav-chevron{position:absolute;right:9px;display:flex;pointer-events:none}
.hanama-language svg,.hanama-my-menu svg{width:19px;height:19px;display:block;flex-shrink:0}
.hanama-language .nav-chevron svg{width:14px;height:14px}
body .hanama-language select#language-select,body .hanama-language select#legal-language{appearance:none;-webkit-appearance:none;box-sizing:border-box;min-height:42px;height:42px;width:137px;min-width:0;border:0;border-radius:11px;margin:0;padding:0 27px 0 39px!important;font:500 12px/1.2 -apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN",sans-serif;color:inherit;background:transparent;cursor:pointer;outline-offset:3px}
.hanama-language:focus-within{outline:2px solid #769778;outline-offset:2px}
.hanama-my-menu{z-index:110}
.hanama-my-menu summary{list-style:none;display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 12px;border:1px solid #d5d9cf;border-radius:12px;background:#ffffff82;cursor:pointer;font-size:12px;font-weight:500;white-space:nowrap;user-select:none}
.hanama-my-menu summary::-webkit-details-marker{display:none}.hanama-my-menu summary i{display:flex;margin-left:1px}.hanama-my-menu summary i svg{width:14px;height:14px;transition:transform .16s}.hanama-my-menu[open] summary{background:#e8ede3;border-color:#b5c2ae}.hanama-my-menu[open] summary i svg{transform:rotate(180deg)}
.hanama-my-menu summary:focus-visible,.my-popover a:focus-visible{outline:2px solid #769778;outline-offset:3px}
.my-popover{position:absolute;right:0;top:calc(100% + 10px);width:252px;max-width:calc(100vw - 24px);padding:8px;background:#fbfcf8;border:1px solid #dfe3d9;border-radius:17px;box-shadow:0 15px 45px #20352320,0 2px 7px #20352308;text-align:left;line-height:1.4}
.my-menu-caption{margin:8px 10px 9px;color:#7c847a;font-size:10px;letter-spacing:.09em}
body .my-popover a{display:flex;align-items:center;gap:12px;min-height:50px;padding:10px;border:0;border-radius:10px;color:#35463b;font-size:13px;text-decoration:none;white-space:normal}
.my-popover a:hover{background:#edf1e8}.my-popover a>svg:first-child{color:#718268}.my-popover a>svg:last-child{width:14px;height:14px;margin-left:auto;color:#8b9485}.my-popover a>span{flex:1}.my-popover strong{display:block;font:inherit}.my-popover small{display:block;margin-top:3px;font-size:10px;font-weight:400;color:#7c847a}
@media(max-width:650px){.hanama-language{height:44px}.hanama-language .nav-globe{left:11px}body .hanama-language select#language-select,body .hanama-language select#legal-language{width:58px;padding:0!important;color:transparent}.hanama-language select option{color:#25342c}.hanama-language .nav-chevron{right:5px}.hanama-my-menu summary{width:44px;padding:0}.hanama-my-menu summary>.my-trigger-label,.hanama-my-menu summary>i{display:none}.my-popover{top:calc(100% + 8px)}.legal-head:has(.hanama-my-menu){flex-direction:row;align-items:center;gap:12px}.legal-head:has(.hanama-my-menu)>.legal-nav{gap:8px;flex-wrap:nowrap}.legal-head:has(.hanama-my-menu)>.legal-nav>a{display:none}}
@media(prefers-reduced-motion:reduce){.hanama-my-menu summary i svg{transition:none}}
/* The masthead's glass creates a stacking context: keep its menus above the workbench. */
body.atelier-simple .masthead{position:relative;z-index:1000}
@media(max-width:650px){body .hanama-language select#language-select,body .hanama-language select#legal-language{color:transparent!important;-webkit-text-fill-color:transparent}body .hanama-language select option{color:#25342c!important;-webkit-text-fill-color:#25342c}}
@media(min-width:381px) and (max-width:440px){body.atelier-simple.atelier-direct .masthead :is(.brand-name,.brand-word){font-size:16px;letter-spacing:.08em}body.atelier-simple .masthead .header-actions{flex:0 0 auto}}

/* Account actions share the same 44px minimum target on every page. */
body .my-popover [hidden]{display:none!important}
body .my-popover button{display:flex;align-items:center;gap:12px;box-sizing:border-box;width:100%;min-height:50px;padding:10px;border:0;border-radius:10px;background:transparent;color:#35463b;font:inherit;font-size:13px;text-align:left;cursor:pointer}
.my-popover button:hover{background:#edf1e8}.my-popover button:focus-visible{outline:2px solid #769778;outline-offset:2px}
.my-popover button[data-my=signout]{margin-top:6px;border-top:1px solid #dfe3d9;border-radius:0 0 10px 10px}.my-menu-caption{overflow-wrap:anywhere;letter-spacing:0}