/* ============================================================
   VerifiedScore V80
   1) INSIDE legal-page left menu: icon left + text right
   2) User/public mobile menu: admin-style dark left drawer
   ============================================================ */

/* -----------------------------
   LEGAL PAGE: INSIDE LEFT MENU
   ----------------------------- */
.ts80-legal-nav{
  width:270px!important;
  min-width:270px!important;
  overflow:hidden!important;
  border:1px solid #d2dedc!important;
  border-top:3px solid #d7b15c!important;
  background:#fff!important;
  box-shadow:0 14px 34px rgba(4,31,36,.045)!important;
}
.ts80-legal-nav .ts80-nav-title{
  min-height:52px!important;
  padding:0 14px!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  background:#041f24!important;
  color:#fff!important;
  border:0!important;
}
.ts80-legal-nav .ts80-nav-title>i{
  width:29px!important;
  height:29px!important;
  display:grid!important;
  place-items:center!important;
  flex:0 0 auto!important;
  border:1px solid #d7b15c!important;
  color:#d7b15c!important;
  font-size:14px!important;
  font-style:normal!important;
}
.ts80-legal-nav .ts80-nav-title>b{
  color:#fff!important;
  font-size:13px!important;
  line-height:1.15!important;
  font-weight:600!important;
  letter-spacing:.03em!important;
  text-transform:none!important;
}
.ts80-legal-nav>a{
  min-height:54px!important;
  padding:8px 11px!important;
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr)!important;
  gap:10px!important;
  align-items:center!important;
  border:0!important;
  border-bottom:1px solid #e3ebe9!important;
  background:#fff!important;
  color:#173d44!important;
  text-decoration:none!important;
  white-space:normal!important;
}
.ts80-legal-nav>a:last-child{border-bottom:0!important}
.ts80-legal-nav>a:hover,
.ts80-legal-nav>a:focus{
  background:#f0f6f5!important;
  color:#0b4a53!important;
  box-shadow:inset 3px 0 0 #d7b15c!important;
}
.ts80-legal-nav .ts80-nav-icon{
  width:34px!important;
  height:34px!important;
  display:grid!important;
  place-items:center!important;
  flex:0 0 auto!important;
  border:1px solid #d2dfdc!important;
  background:#f1f6f5!important;
  color:#0b4a53!important;
  font-size:13px!important;
  line-height:1!important;
  font-style:normal!important;
}
.ts80-legal-nav .ts80-nav-copy{
  min-width:0!important;
  display:grid!important;
  gap:2px!important;
  text-align:left!important;
}
.ts80-legal-nav .ts80-nav-copy small{
  display:block!important;
  margin:0!important;
  color:#8a9c9f!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:600!important;
  letter-spacing:.06em!important;
}
.ts80-legal-nav .ts80-nav-copy b{
  display:block!important;
  margin:0!important;
  color:#173d44!important;
  font-size:12.5px!important;
  line-height:1.28!important;
  font-weight:600!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}

/* -------------------------------------
   USER/PUBLIC MOBILE MENU = LEFT DRAWER
   ------------------------------------- */
@media(max-width:720px){
  html.menu-open,
  html:has(.main-nav.open){
    overflow:hidden!important;
  }

  body .luxury-main-nav.main-nav,
  body .main-nav[data-menu]{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:auto!important;
    bottom:0!important;
    width:min(86vw,320px)!important;
    height:100dvh!important;
    max-height:100dvh!important;
    padding:0!important;
    margin:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    transform:translateX(-105%)!important;
    transition:transform .22s ease!important;
    z-index:10020!important;

    /* HARD white-background fix */
    background:#041f24!important;
    background-image:linear-gradient(180deg,#041f24 0%,#062b31 100%)!important;
    color:#fff!important;
    border:0!important;
    border-right:1px solid rgba(215,177,92,.32)!important;
    box-shadow:18px 0 55px rgba(0,0,0,.28)!important;
  }
  body .luxury-main-nav.main-nav.open,
  body .main-nav[data-menu].open{
    transform:translateX(0)!important;
  }

  body .luxury-main-nav.main-nav::before,
  body .main-nav[data-menu]::before{
    content:"USER MENU"!important;
    display:flex!important;
    align-items:center!important;
    min-height:28px!important;
    padding:0 14px!important;
    background:#d7b15c!important;
    color:#041f24!important;
    font-size:9px!important;
    font-weight:700!important;
    letter-spacing:.12em!important;
  }

  body .mobile-menu-head{
    min-height:68px!important;
    padding:10px 12px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    background:#041f24!important;
    border-bottom:1px solid rgba(255,255,255,.12)!important;
  }
  body .mobile-menu-head .luxury-brand{
    min-width:0!important;
    display:flex!important;
    align-items:center!important;
    color:#fff!important;
    background:transparent!important;
  }
  body .mobile-menu-head .brand-wordmark,
  body .mobile-menu-head .brand-wordmark b,
  body .mobile-menu-head .brand-wordmark strong{
    color:#fff!important;
  }
  body .mobile-menu-head .brand-shield{color:#d7b15c!important}
  body .mobile-menu-head .luxury-brand small{color:#9fb8b4!important}

  body .menu-close{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    display:grid!important;
    place-items:center!important;
    border:1px solid rgba(255,255,255,.22)!important;
    background:rgba(255,255,255,.06)!important;
    color:#fff!important;
    font-size:19px!important;
  }

  body .mobile-menu-intro{
    padding:15px 13px!important;
    display:grid!important;
    gap:5px!important;
    background:#062b31!important;
    border-bottom:1px solid rgba(255,255,255,.11)!important;
  }
  body .mobile-menu-intro>span{
    color:#d7b15c!important;
    font-size:9px!important;
    font-weight:600!important;
    letter-spacing:.08em!important;
  }
  body .mobile-menu-intro>strong{
    color:#fff!important;
    font-size:12px!important;
    line-height:1.35!important;
    font-weight:600!important;
  }
  body .mobile-menu-intro>a{
    margin-top:4px!important;
    color:#d7b15c!important;
    font-size:10px!important;
    text-decoration:none!important;
  }

  body .luxury-main-nav.main-nav>a:not(.luxury-brand),
  body .main-nav[data-menu]>a:not(.luxury-brand){
    position:relative!important;
    min-height:58px!important;
    padding:8px 12px!important;
    display:grid!important;
    grid-template-columns:36px minmax(0,1fr)!important;
    gap:10px!important;
    align-items:center!important;
    flex:0 0 auto!important;
    background:#041f24!important;
    color:#d7e5e2!important;
    border:0!important;
    border-bottom:1px solid rgba(255,255,255,.10)!important;
    text-decoration:none!important;
  }
  body .luxury-main-nav.main-nav>a:not(.luxury-brand):hover,
  body .main-nav[data-menu]>a:not(.luxury-brand):hover{
    background:#082f35!important;
    color:#fff!important;
  }
  body .luxury-main-nav.main-nav>a.active,
  body .main-nav[data-menu]>a.active{
    background:#0b3a40!important;
    color:#fff!important;
    box-shadow:inset 4px 0 0 #d7b15c!important;
  }

  body .mobile-nav-icon{
    width:36px!important;
    height:36px!important;
    display:grid!important;
    place-items:center!important;
    background:#062b31!important;
    border:1px solid rgba(215,177,92,.45)!important;
    color:#d7b15c!important;
    font-size:15px!important;
  }
  body .nav-link-copy{
    min-width:0!important;
    display:grid!important;
    gap:2px!important;
    text-align:left!important;
  }
  body .nav-link-copy strong{
    color:inherit!important;
    font-size:13px!important;
    line-height:1.2!important;
    font-weight:600!important;
  }
  body .nav-link-copy small{
    color:#8fa8a4!important;
    font-size:9.5px!important;
    line-height:1.25!important;
  }
  body .main-nav>a.active .nav-link-copy small{color:#bcd0cc!important}

  body .nav-actions{
    margin-top:auto!important;
    padding:10px 12px!important;
    display:grid!important;
    gap:7px!important;
    background:#031b1f!important;
    border-top:1px solid rgba(255,255,255,.12)!important;
  }
  body .nav-actions a{
    min-height:42px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    padding:0 11px!important;
    background:#062b31!important;
    border:1px solid rgba(255,255,255,.12)!important;
    color:#fff!important;
  }
  body .nav-actions .nav-cta{
    justify-content:center!important;
    background:#d7b15c!important;
    border-color:#d7b15c!important;
    color:#041f24!important;
  }
  body .account-link{
    gap:9px!important;
  }
  body .account-icon{
    width:27px!important;
    height:27px!important;
    display:grid!important;
    place-items:center!important;
    border:1px solid #d7b15c!important;
    color:#d7b15c!important;
  }

  body .mobile-menu-support{
    padding:12px 13px 14px!important;
    display:grid!important;
    gap:3px!important;
    background:#031b1f!important;
    border-top:1px solid rgba(255,255,255,.08)!important;
  }
  body .mobile-menu-support>span{
    color:#d7b15c!important;
    font-size:8.5px!important;
    font-weight:600!important;
    letter-spacing:.08em!important;
  }
  body .mobile-menu-support>strong{
    color:#fff!important;
    font-size:11px!important;
    font-weight:600!important;
  }
  body .mobile-menu-support>small{
    color:#8fa7a3!important;
    font-size:9px!important;
    line-height:1.4!important;
  }

  body .menu-backdrop{
    position:fixed!important;
    inset:0!important;
    z-index:10010!important;
    background:rgba(0,0,0,.58)!important;
    backdrop-filter:blur(2px)!important;
  }

  /* Generic logged-in user/account sidebar white-background safety */
  body.page-account .sidebar,
  body.page-orders .sidebar,
  body.page-addresses .sidebar,
  body.page-transactions .sidebar,
  body .dashboard-shell>.sidebar{
    background:#041f24!important;
    color:#fff!important;
    border-color:rgba(215,177,92,.25)!important;
  }
  body.page-account .sidebar a,
  body.page-orders .sidebar a,
  body.page-addresses .sidebar a,
  body.page-transactions .sidebar a,
  body .dashboard-shell>.sidebar a{
    color:#dbe8e6!important;
    background:transparent!important;
    border-color:rgba(255,255,255,.10)!important;
  }
  body.page-account .sidebar a.active,
  body.page-orders .sidebar a.active,
  body.page-addresses .sidebar a.active,
  body.page-transactions .sidebar a.active,
  body .dashboard-shell>.sidebar a.active{
    color:#fff!important;
    background:#0b3a40!important;
    box-shadow:inset 4px 0 0 #d7b15c!important;
  }
}

@media(max-width:980px){
  /* Legal menu becomes admin-style dark horizontal rail, still icon-left/text-right inside each item */
  .ts80-legal-nav{
    position:static!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    display:flex!important;
    align-items:stretch!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:none!important;
    background:#041f24!important;
    border-color:#173f45!important;
  }
  .ts80-legal-nav::-webkit-scrollbar{display:none!important}
  .ts80-legal-nav .ts80-nav-title{
    flex:0 0 auto!important;
    min-width:145px!important;
    min-height:58px!important;
    border-right:1px solid rgba(255,255,255,.12)!important;
  }
  .ts80-legal-nav>a{
    flex:0 0 auto!important;
    min-width:205px!important;
    min-height:58px!important;
    grid-template-columns:32px minmax(0,1fr)!important;
    background:#062b31!important;
    border-right:1px solid rgba(255,255,255,.10)!important;
    border-bottom:0!important;
  }
  .ts80-legal-nav .ts80-nav-icon{
    width:32px!important;
    height:32px!important;
    background:#041f24!important;
    border-color:rgba(215,177,92,.45)!important;
    color:#d7b15c!important;
  }
  .ts80-legal-nav .ts80-nav-copy small{color:#819b97!important}
  .ts80-legal-nav .ts80-nav-copy b{
    color:#e0ece9!important;
    white-space:nowrap!important;
    font-size:11.5px!important;
  }
  .ts80-legal-nav>a:hover,
  .ts80-legal-nav>a:focus{
    background:#0b3a40!important;
    box-shadow:inset 0 -3px 0 #d7b15c!important;
  }
}


/* ============================================================
   V82 — LEGAL INSIDE LEFT MENU HARD POSITION FIX
   Exact structure: [ICON] [TEXT]
   Main/legal headings centered.
   ============================================================ */

/* Legal page main headings are always centered */
body.page-terms .ts74-hero-inner,
body.page-privacy .ts74-hero-inner,
body.page-disclaimer .ts74-hero-inner,
body.page-review-policy .ts74-hero-inner,
body.page-terms .ts74-center-head,
body.page-privacy .ts74-center-head,
body.page-disclaimer .ts74-center-head,
body.page-review-policy .ts74-center-head{
  text-align:center!important;
}
body.page-terms .ts74-hero h1,
body.page-privacy .ts74-hero h1,
body.page-disclaimer .ts74-hero h1,
body.page-review-policy .ts74-hero h1,
body.page-terms .ts74-center-head h2,
body.page-privacy .ts74-center-head h2,
body.page-disclaimer .ts74-center-head h2,
body.page-review-policy .ts74-center-head h2{
  width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}

/* Desktop inside-left sidebar */
.ts74-reading-shell{
  align-items:start!important;
}
.ts80-legal-nav{
  display:block!important;
  width:280px!important;
  min-width:280px!important;
  max-width:280px!important;
}

/* Menu heading centered */
.ts80-legal-nav .ts80-nav-title{
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  text-align:center!important;
}
.ts80-legal-nav .ts80-nav-title>i{
  flex:0 0 29px!important;
}
.ts80-legal-nav .ts80-nav-title>b{
  flex:0 0 auto!important;
  text-align:center!important;
}

/* IMPORTANT: each legal link is ICON LEFT + TEXT RIGHT */
.ts80-legal-nav>a{
  width:100%!important;
  min-height:58px!important;
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:11px!important;
  padding:9px 12px!important;
  text-align:left!important;
}
.ts80-legal-nav>a>.ts80-nav-icon{
  order:1!important;
  flex:0 0 36px!important;
  width:36px!important;
  min-width:36px!important;
  max-width:36px!important;
  height:36px!important;
  margin:0!important;
  display:grid!important;
  place-items:center!important;
  text-align:center!important;
}
.ts80-legal-nav>a>.ts80-nav-copy{
  order:2!important;
  flex:1 1 auto!important;
  min-width:0!important;
  width:auto!important;
  margin:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:3px!important;
  text-align:left!important;
}
.ts80-legal-nav>a>.ts80-nav-copy small,
.ts80-legal-nav>a>.ts80-nav-copy b{
  width:100%!important;
  margin:0!important;
  padding:0!important;
  text-align:left!important;
}
.ts80-legal-nav>a>.ts80-nav-copy small{
  font-size:9.5px!important;
}
.ts80-legal-nav>a>.ts80-nav-copy b{
  color:#173d44!important;
  font-size:13px!important;
  line-height:1.3!important;
  font-weight:600!important;
  white-space:normal!important;
}

@media(max-width:980px){
  /* Mobile/tablet: horizontal overflow menu, but EACH item remains icon-left + text-right */
  .ts80-legal-nav{
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:stretch!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    white-space:nowrap!important;
    scrollbar-width:none!important;
  }
  .ts80-legal-nav::-webkit-scrollbar{display:none!important}
  .ts80-legal-nav .ts80-nav-title{
    flex:0 0 150px!important;
    width:150px!important;
    min-width:150px!important;
    justify-content:center!important;
  }
  .ts80-legal-nav>a{
    flex:0 0 220px!important;
    width:220px!important;
    min-width:220px!important;
    max-width:220px!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:10px!important;
    text-align:left!important;
  }
  .ts80-legal-nav>a>.ts80-nav-icon{
    order:1!important;
    flex:0 0 34px!important;
    width:34px!important;
    min-width:34px!important;
    max-width:34px!important;
    height:34px!important;
  }
  .ts80-legal-nav>a>.ts80-nav-copy{
    order:2!important;
    flex:1 1 auto!important;
    align-items:flex-start!important;
    text-align:left!important;
  }
  .ts80-legal-nav>a>.ts80-nav-copy b{
    color:#e0ece9!important;
    font-size:11.5px!important;
    white-space:normal!important;
  }
}


/* ============================================================
   V83 — LEGAL RIGHT-SIDE CONTENT: ICON/NUMBER LEFT, TEXT RIGHT
   ============================================================ */

/* Main legal page heading remains centered */
body.page-terms .ts74-hero h1,
body.page-privacy .ts74-hero h1,
body.page-disclaimer .ts74-hero h1,
body.page-review-policy .ts74-hero h1,
body.page-terms .ts74-center-head h2,
body.page-privacy .ts74-center-head h2,
body.page-disclaimer .ts74-center-head h2,
body.page-review-policy .ts74-center-head h2{
  text-align:center!important;
}

/* Right-side article container */
.ts74-reading-card{
  padding:0!important;
  overflow:hidden!important;
  border:1px solid #d7e2e0!important;
  background:#fff!important;
  box-shadow:0 16px 42px rgba(4,31,36,.04)!important;
}

/* Each legal paragraph block:
   [ ICON + 01 ] | [ HEADING + PARAGRAPH ] */
.ts74-reading-card>.ts83-reading-section{
  display:grid!important;
  grid-template-columns:74px minmax(0,1fr)!important;
  gap:0!important;
  align-items:stretch!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-bottom:1px solid #e2eae8!important;
  background:#fff!important;
  text-align:left!important;
}
.ts74-reading-card>.ts83-reading-section:last-child{
  border-bottom:0!important;
}

/* Left icon/number column */
.ts83-content-mark{
  min-height:132px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  padding:16px 9px!important;
  border-right:1px solid #dce6e4!important;
  background:linear-gradient(180deg,#f2f7f6 0%,#eaf2f0 100%)!important;
}
.ts83-content-mark>i{
  width:38px!important;
  height:38px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid #d7b15c!important;
  background:#041f24!important;
  color:#d7b15c!important;
  font-size:15px!important;
  line-height:1!important;
  font-style:normal!important;
  font-weight:500!important;
}
.ts83-content-mark>small{
  display:block!important;
  color:#0b4a53!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:700!important;
  letter-spacing:.08em!important;
}

/* Right heading + paragraph column */
.ts83-content-copy{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  padding:24px 26px!important;
  text-align:left!important;
}
.ts83-content-copy>h2{
  margin:0 0 9px!important;
  padding:0!important;
  color:#102f35!important;
  text-align:left!important;
  font-size:21px!important;
  line-height:1.24!important;
  font-weight:600!important;
  letter-spacing:-.015em!important;
}
.ts83-content-copy>p{
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  color:#536f74!important;
  text-align:left!important;
  font-size:13px!important;
  line-height:1.72!important;
}

/* Subtle hover makes sections easier to scan without looking like buttons */
.ts74-reading-card>.ts83-reading-section:hover{
  background:#fbfdfd!important;
}
.ts74-reading-card>.ts83-reading-section:hover .ts83-content-mark{
  background:#e8f1ef!important;
}

/* Tablet */
@media(max-width:980px){
  .ts74-reading-card>.ts83-reading-section{
    grid-template-columns:66px minmax(0,1fr)!important;
  }
  .ts83-content-mark{
    min-height:118px!important;
    padding:14px 8px!important;
  }
  .ts83-content-copy{
    padding:20px 21px!important;
  }
  .ts83-content-copy>h2{
    font-size:19px!important;
  }
  .ts83-content-copy>p{
    font-size:12.5px!important;
  }
}

/* Mobile: still icon LEFT + text RIGHT; never stack above paragraph */
@media(max-width:700px){
  .ts74-reading-card>.ts83-reading-section{
    grid-template-columns:56px minmax(0,1fr)!important;
  }
  .ts83-content-mark{
    min-height:112px!important;
    padding:12px 6px!important;
    gap:6px!important;
  }
  .ts83-content-mark>i{
    width:32px!important;
    height:32px!important;
    font-size:13px!important;
  }
  .ts83-content-mark>small{
    font-size:9px!important;
  }
  .ts83-content-copy{
    padding:17px 14px!important;
  }
  .ts83-content-copy>h2{
    margin-bottom:7px!important;
    font-size:16px!important;
    line-height:1.28!important;
  }
  .ts83-content-copy>p{
    font-size:11.5px!important;
    line-height:1.64!important;
  }
}