/* THB shared customer menu canonical mobile styling 20261018b */
@media(max-width:767px){
 body #thb-shared-account-menu-source{display:none!important}
 body .col-main > details.thb-shared-account-menu,
 body .col-main .thb-v3-dashboard > details.thb-shared-account-menu,
 body #thb-orders-v2 > details.thb-shared-account-menu{
 display:block!important;position:relative!important;float:none!important;clear:both!important;
 width:100%!important;min-width:0!important;max-width:100%!important;
 height:auto!important;margin:0 0 10px!important;padding:0!important;
 border:1px solid rgba(229,215,182,.15)!important;border-radius:0!important;
 background:#202023!important;box-sizing:border-box!important;box-shadow:none!important;
 font-family:Arial,Helvetica,sans-serif!important;line-height:normal!important;
 }
 body details.thb-shared-account-menu > summary{
 display:flex!important;align-items:center!important;justify-content:space-between!important;
 height:44px!important;min-height:44px!important;max-height:44px!important;
 box-sizing:border-box!important;margin:0!important;padding:0 13px!important;
 color:#EDE8E1!important;background:#202023!important;border:0!important;
 font-family:Arial,Helvetica,sans-serif!important;font-size:12px!important;
 font-weight:400!important;line-height:1.2!important;letter-spacing:0!important;
 text-align:left!important;text-transform:none!important;list-style:none!important;
 cursor:pointer!important;
 }
 body details.thb-shared-account-menu > summary::-webkit-details-marker{display:none!important}
 body details.thb-shared-account-menu > summary::marker{content:""}
 body details.thb-shared-account-menu > summary > span:first-child{
 display:inline-flex!important;align-items:center!important;gap:8px!important;
 font:inherit!important;color:inherit!important;white-space:nowrap!important;
 }
 body details.thb-shared-account-menu > summary svg{
 flex:none!important;width:16px!important;height:16px!important;color:#EADFCE!important;
 }
 body details.thb-shared-account-menu > summary > span:last-child{
 font:normal 20px/1 Arial,Helvetica,sans-serif!important;color:#EADFCE!important;
 }
 body details.thb-shared-account-menu[open] > summary > span:last-child{transform:rotate(180deg)}
 body details.thb-shared-account-menu > nav{
 display:block!important;margin:0!important;padding:5px 0!important;
 border:0!important;border-top:1px solid rgba(229,215,182,.10)!important;
 background:#202023!important;width:100%!important;box-sizing:border-box!important;
 }
 body details.thb-shared-account-menu > nav > a{
 display:block!important;float:none!important;width:100%!important;
 box-sizing:border-box!important;margin:0!important;padding:10px 13px!important;
 font:normal 12px/1.35 Arial,Helvetica,sans-serif!important;
 color:#AAA7A1!important;background:transparent!important;border:0!important;
 text-align:left!important;text-decoration:none!important;text-transform:none!important;
 }
 body details.thb-shared-account-menu > nav > a.active{
 color:#F5F1EB!important;border-left:2px solid #EADFCE!important;
 padding-left:11px!important;
 }
}

/* Canonical THB mobile profile menu trigger: appearance only, all customer sections */
@media(max-width:767px){
 html body details.thb-shared-account-menu{
  display:block!important;background:transparent!important;border:0!important;outline:0!important;
  box-shadow:none!important;border-radius:0!important;overflow:visible!important;
 }
 html body details.thb-shared-account-menu > summary{
  -webkit-appearance:none!important;appearance:none!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  width:100%!important;height:44px!important;min-height:44px!important;max-height:44px!important;
  padding:0 14px!important;margin:0!important;box-sizing:border-box!important;
  background:#202023!important;border:0!important;outline:0!important;box-shadow:none!important;
  border-radius:15px!important;color:#EDE8E1!important;
  font:400 12px/1.25 Arial,Helvetica,sans-serif!important;
  letter-spacing:0!important;text-decoration:none!important;text-transform:none!important;
 }
 html body details.thb-shared-account-menu > summary > span:first-child{
  display:inline-flex!important;align-items:center!important;gap:9px!important;
  white-space:nowrap!important;font:inherit!important;color:inherit!important;
 }
 html body details.thb-shared-account-menu > summary svg{
  display:block!important;width:16px!important;height:16px!important;flex:0 0 16px!important;
  color:#EADFCE!important;
 }
 html body details.thb-shared-account-menu > summary > span:last-child{
  display:block!important;flex:none!important;color:#EADFCE!important;
  font:400 20px/1 Arial,Helvetica,sans-serif!important;
 }
 html body details.thb-shared-account-menu[open] > summary{
  border-radius:15px 15px 0 0!important;
 }
 html body details.thb-shared-account-menu > nav{
  border-radius:0 0 15px 15px!important;overflow:hidden!important;
 }
}

/* Canonical champagne trigger matching customer dashboard reference 20261018 */
@media(max-width:767px){
 html body details.thb-shared-account-menu > summary{
  background:#AA9371!important;color:#101012!important;
  border-radius:9px!important;border:0!important;box-shadow:none!important;
  height:44px!important;min-height:44px!important;max-height:44px!important;
  font:400 13px/1.25 Muller,Arial,sans-serif!important;
  padding:0 15px!important;
 }
 html body details.thb-shared-account-menu > summary > span:first-child{
  color:#101012!important;font:inherit!important;
 }
 html body details.thb-shared-account-menu > summary svg{
  color:#101012!important;stroke:#101012!important;
 }
 html body details.thb-shared-account-menu > summary > span:last-child{
  color:#101012!important;-webkit-text-fill-color:#101012!important;
 }
 html body details.thb-shared-account-menu[open] > summary{
  border-radius:9px 9px 0 0!important;
 }
}

/* THB account profile menu: final visual reference = Orders screenshot 2026-10-18 */
@media only screen and (max-width:767px){
 html body .col-main details.thb-v3-mobile-menu.thb-shared-account-menu,
 html body.customer-account-index .col-main details.thb-v3-mobile-menu.thb-shared-account-menu,
 html body.sales-order-history .col-main details.thb-v3-mobile-menu.thb-shared-account-menu{
 display:block!important;float:none!important;width:100%!important;max-width:100%!important;
 height:auto!important;margin:0 0 10px!important;padding:0!important;box-sizing:border-box!important;
 background:transparent!important;border:0!important;outline:0!important;box-shadow:none!important;
 border-radius:0!important;overflow:visible!important;
 }
 html body .col-main details.thb-v3-mobile-menu.thb-shared-account-menu > summary,
 html body.customer-account-index .col-main details.thb-v3-mobile-menu.thb-shared-account-menu > summary,
 html body.sales-order-history .col-main details.thb-v3-mobile-menu.thb-shared-account-menu > summary{
 display:flex!important;align-items:center!important;justify-content:space-between!important;
 width:100%!important;height:44px!important;min-height:44px!important;max-height:44px!important;
 margin:0!important;padding:0 17px!important;box-sizing:border-box!important;
 border:0!important;outline:0!important;box-shadow:none!important;
 border-radius:7px!important;background:#AA9371!important;background-image:none!important;
 color:#101012!important;font:400 13px/1.3 Muller,Arial,sans-serif!important;
 text-transform:none!important;letter-spacing:0!important;
 }
 html body .col-main details.thb-shared-account-menu > summary > span:first-child{
 display:inline-flex!important;align-items:center!important;gap:9px!important;
 font:inherit!important;color:#101012!important;
 }
 html body .col-main details.thb-shared-account-menu > summary svg{
 width:16px!important;height:16px!important;stroke:#101012!important;color:#101012!important;
 }
 html body .col-main details.thb-shared-account-menu > summary > span:last-child{
 color:#101012!important;-webkit-text-fill-color:#101012!important;
 font:400 20px/1 Arial,sans-serif!important;
 }
 html body .col-main details.thb-shared-account-menu[open] > summary{border-radius:7px!important}
}