/* R118: public landing mobile navigation. Existing controls retain their handlers. */
.op-landing-menu-toggle,.op-landing-appearance{display:none}
.op-landing-menu{display:contents}
@media(max-width:767px){
 body.op-mobile-drop>header{position:relative;z-index:20}
 body.op-mobile-drop>header>.container-fluid{flex-wrap:nowrap;justify-content:space-between!important;min-height:48px}
 .op-landing-menu-toggle{display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:var(--bs-gray-700);width:44px;height:44px;border-radius:9px;flex-shrink:0}
 .op-landing-menu-toggle svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
 .op-landing-menu-toggle:focus-visible{outline:2px solid var(--bs-primary);outline-offset:2px}
 .op-landing-menu{display:none;position:absolute;inset-inline-end:13px;top:calc(100% - 2px);width:260px;max-width:calc(100vw - 26px);padding:12px;border:1px solid var(--bs-gray-300);border-radius:14px;background:var(--bs-body-bg);box-shadow:0 12px 35px #0002;gap:8px}
 .op-landing-menu.is-open{display:flex;flex-direction:column}
 .op-landing-menu>a,.op-landing-menu #selectedLanguage{width:100%;min-height:44px;justify-content:flex-start;text-align:start}
 .op-landing-menu #selectedLanguageCode{position:static!important;width:auto!important;height:auto!important;margin:0!important;overflow:visible!important;clip-path:none!important;white-space:normal!important}
 .op-landing-menu #selectedLanguageIcon{margin-inline-end:10px!important}
 .op-landing-menu #languageList{max-height:55vh;overflow:auto;width:236px!important;max-width:calc(100vw - 50px)!important}
 .op-landing-menu .op-landing-theme-row{margin:0!important;justify-content:space-between;padding-inline:10px}
 .op-landing-appearance{display:inline;color:var(--bs-gray-700)}
}

/* R118B: same row sizing, colors and spacing as the existing account menu. */
@media(max-width:767px){
 body.op-mobile-drop #landingMenu{width:340px;max-width:calc(100vw - 26px);padding:12px;gap:0;border-color:var(--bs-gray-200);border-radius:12px;box-shadow:0 10px 35px rgba(0,0,0,.15);color:var(--bs-gray-800);font-family:inherit;font-size:1rem;font-weight:400;line-height:1.5}
 body.op-mobile-drop #landingMenu>a,
 body.op-mobile-drop #landingMenu #selectedLanguage,
 body.op-mobile-drop #landingMenu .op-landing-theme-row{display:flex;align-items:center;gap:13px;width:100%;min-height:46px;padding:11px 12px!important;border:0!important;border-radius:7px;background:transparent!important;color:var(--bs-gray-700)!important;box-shadow:none!important;text-align:start;font-family:inherit;font-size:1rem!important;font-weight:400!important;line-height:1.5;letter-spacing:normal;text-decoration:none}
 body.op-mobile-drop #landingMenu>a:hover,
 body.op-mobile-drop #landingMenu>a:focus-visible,
 body.op-mobile-drop #landingMenu #selectedLanguage:hover,
 body.op-mobile-drop #landingMenu #selectedLanguage:focus-visible,
 body.op-mobile-drop #landingMenu .op-landing-theme-row:focus-within{background:var(--bs-gray-100)!important;color:var(--bs-gray-800)!important}
 body.op-mobile-drop #landingMenu>a>i{width:20px;flex:none;margin:0!important;text-align:center;font-size:1.25rem;color:inherit}
 body.op-mobile-drop #landingMenu #selectedLanguageIcon{width:20px!important;height:15px!important;object-fit:cover;flex:none;margin:0!important}
 body.op-mobile-drop #landingMenu #selectedLanguageCode,
 body.op-mobile-drop #landingMenu .op-landing-appearance{font:inherit!important;color:inherit!important}
 body.op-mobile-drop #landingMenu #selectedLanguage::after{display:block!important;margin-inline-start:auto;border:solid currentColor;border-width:0 1.5px 1.5px 0;padding:3px;transform:rotate(45deg);opacity:.65}
 body.op-mobile-drop #landingMenu #languageList{width:100%!important;max-width:100%!important;font:inherit;border:1px solid var(--bs-gray-200);border-radius:7px;box-shadow:0 5px 15px #0001}
 body.op-mobile-drop #landingMenu #languageList button,
 body.op-mobile-drop #landingMenu #languageList a{font-family:inherit;font-size:1rem!important;font-weight:400;line-height:1.5}
 body.op-mobile-drop #landingMenu .op-landing-theme-row{padding-block:1px!important}
 body.op-mobile-drop #landingMenu .op-entry-theme-switch{width:50px;height:44px}
 body.op-mobile-drop #landingMenuToggle{border-radius:7px;color:var(--bs-gray-700)}
 body.op-mobile-drop #landingMenuToggle:hover{background:var(--bs-gray-100)}
}

/* R118C: compact mobile disclosure; readable controls independent of root font size. */
@media(max-width:767px){
 body.op-mobile-drop #landingMenu{width:240px;padding:8px;font-size:14px;line-height:1.45;box-shadow:0 8px 24px rgba(0,0,0,.12)}
 body.op-mobile-drop #landingMenu>a,
 body.op-mobile-drop #landingMenu #selectedLanguage,
 body.op-mobile-drop #landingMenu .op-landing-theme-row{min-height:44px;padding:10px 12px!important;gap:12px;font-size:14px!important;font-weight:500!important;line-height:1.45}
 body.op-mobile-drop #landingMenu>a>i{font-size:17px}
 body.op-mobile-drop #landingMenu #languageList button,
 body.op-mobile-drop #landingMenu #languageList a{font-size:14px!important}
 body.op-mobile-drop #landingMenu .op-landing-theme-row{padding-block:0!important}
 body.op-mobile-drop #landingMenu .op-entry-theme-switch{width:42px;height:44px}
 body.op-mobile-drop #landingMenu .op-entry-theme-track{width:42px;height:24px}
 body.op-mobile-drop #landingMenu .op-entry-theme-thumb{width:18px;height:18px}
 body.op-mobile-drop #landingMenu .op-entry-theme-thumb svg{width:13px;height:13px}
 body.op-mobile-drop #landingMenu .op-entry-theme-switch[aria-checked=true] .op-entry-theme-thumb{transform:translateX(18px)}
}
@media(max-width:767px){
 body.op-mobile-drop>header{padding-block:8px!important;min-height:52px}
 body.op-mobile-drop>header>.container-fluid{justify-content:flex-end!important;padding-inline:13px!important}
 body.op-full-drop.op-hero-r39.op-mobile-drop #hero #logooneplatt img,
 body.op-full-drop.op-hero-r39.op-mobile-drop #hero.op-hero-fitted #logooneplatt img{width:330px!important;max-width:100%}
 body.op-mobile-drop>footer{padding-block:5px!important;margin:0!important;min-height:28px;font-size:10px}
 body.op-mobile-drop>footer .menu-link{font-size:10px;padding-block:2px}
 body.op-mobile-drop>footer .container-fluid{padding-inline:16px!important;flex-direction:row!important;gap:8px}
 body.op-mobile-drop>footer ul{flex-wrap:nowrap}
 body.op-mobile-drop>footer .menu-link,body.op-mobile-drop>footer .text-dark{font-size:8px}
}
