/* ======================================================================
   PupVibes 8.9.80 — Mon compte matching supplied Figma screenshot
   ====================================================================== */

body#my-account{
  background:#fff9ed!important;
}

body#my-account .columns-container.container{
  width:100%!important;
  max-width:1120px!important;
  margin:0 auto!important;
  padding:0 28px!important;
}

body#my-account .pv-customer-shell{
  width:100%!important;
  margin:0 auto!important;
  padding:30px 0 70px!important;
}

body#my-account .pv-customer-shell--logged{
  display:grid!important;
  grid-template-columns:220px minmax(0,1fr)!important;
  gap:26px!important;
  align-items:start!important;
}

/* profile/side */
body#my-account .pv-customer-profile{
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr)!important;
  gap:12px!important;
  align-items:center!important;
  margin:0 0 16px!important;
}

body#my-account .pv-customer-avatar{
  width:46px!important;
  height:46px!important;
  border-radius:50%!important;
  background:#ffe39a!important;
  color:#a14c0b!important;
  display:grid!important;
  place-items:center!important;
  font-size:21px!important;
}

body#my-account .pv-customer-profile__copy strong{
  color:#b3540d!important;
  font:600 13px/1.2 'DM Sans',sans-serif!important;
}

body#my-account .pv-customer-profile__copy small{
  color:#8c7767!important;
  font:400 10px/1.25 'DM Sans',sans-serif!important;
}

body#my-account .pv-account-sidebar-nav{
  padding:0!important;
  background:transparent!important;
  border:0!important;
}

body#my-account .pv-account-sidebar-nav .account-menu__nav{
  display:flex!important;
  flex-direction:column!important;
  gap:4px!important;
}

body#my-account .pv-account-sidebar-nav .account-menu__link{
  min-height:44px!important;
  padding:0 14px!important;
  border-radius:7px!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  color:#b3540d!important;
  background:transparent!important;
  border:0!important;
  text-decoration:none!important;
  font:500 11px/1.2 'DM Sans',sans-serif!important;
}

body#my-account .pv-account-sidebar-nav .account-menu__link:hover{
  background:#fff0cf!important;
}

body#my-account .pv-account-sidebar-nav #history_link{
  background:#ff8100!important;
  color:#241608!important;
}

body#my-account .pv-account-sidebar-nav .account-menu__icon{
  font-size:17px!important;
}

body#my-account .pv-account-sidebar-nav .account-menu__link--signout{
  margin-top:8px!important;
  color:#ed6c5f!important;
}

/* heading */
body#my-account .pv-customer-header{
  margin:0!important;
}

body#my-account .pv-customer-header .page-title-section{
  margin:0!important;
  color:#a34b0b!important;
  font:700 30px/1.05 'DM Sans',sans-serif!important;
  letter-spacing:-.35px!important;
}

body#my-account .pv-customer-header .page-title-section em{
  color:#ff7900!important;
  font-style:italic!important;
}

body#my-account .pv-account-intro{
  margin:8px 0 18px!important;
  color:#2b2118!important;
  font:400 11px/1.35 'DM Sans',sans-serif!important;
}

/* KPI row */
body#my-account .pv-account-kpis--8980{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:16px!important;
  margin:0 0 18px!important;
}

body#my-account .pv-account-kpis--8980 .pv-account-kpi{
  position:relative!important;
  min-height:102px!important;
  padding:18px 20px!important;
  border:1px solid #ded8d0!important;
  border-radius:18px!important;
  background:#fff!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:7px!important;
  color:#241608!important;
  text-decoration:none!important;
  overflow:hidden!important;
}

body#my-account .pv-account-kpi__value{
  color:#b3540d!important;
  font:700 25px/1 'DM Sans',sans-serif!important;
}

body#my-account .pv-account-kpis--8980 .pv-account-kpi > span:not(.pv-account-kpi__pawprint):not(.pv-account-kpi__walletmark){
  color:#241608!important;
  font:400 10.5px/1.2 'DM Sans',sans-serif!important;
}

body#my-account .pv-account-kpi__pawprint,
body#my-account .pv-account-kpi__walletmark{
  position:absolute!important;
  right:-2px!important;
  bottom:-8px!important;
  color:#ff8100!important;
  font-size:52px!important;
  line-height:1!important;
  transform:rotate(-16deg)!important;
}

body#my-account .pv-account-kpi__walletmark{
  right:10px!important;
  bottom:6px!important;
  font:700 43px/1 'DM Sans',sans-serif!important;
  transform:rotate(18deg)!important;
}

/* Orders preview */
body#my-account .pv-account-orders-preview{
  border:1px solid #ded8d0!important;
  border-radius:17px!important;
  background:#fff!important;
  overflow:hidden!important;
}

body#my-account .pv-account-orders-preview__head{
  min-height:44px!important;
  padding:0 16px!important;
  background:#ffe39a!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
}

body#my-account .pv-account-orders-preview__head strong{
  color:#6e3b16!important;
  font:600 11px/1.2 'DM Sans',sans-serif!important;
}

body#my-account .pv-account-orders-preview__head a{
  color:#a14c0b!important;
  font:500 10.5px/1.2 'DM Sans',sans-serif!important;
  text-decoration:none!important;
}

body#my-account .pv-account-orders-preview__empty{
  min-height:150px!important;
  padding:24px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:24px!important;
}

body#my-account .pv-account-orders-preview__empty strong{
  display:block!important;
  margin-bottom:6px!important;
  color:#2b2118!important;
  font:600 14px/1.2 'DM Sans',sans-serif!important;
}

body#my-account .pv-account-orders-preview__empty p{
  max-width:500px!important;
  margin:0!important;
  color:#776f69!important;
  font:400 11px/1.4 'DM Sans',sans-serif!important;
}

body#my-account .pv-account-orders-preview__button{
  min-width:160px!important;
  height:42px!important;
  border:0!important;
  border-radius:7px!important;
  background:#ff8100!important;
  color:#241608!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font:500 11px/1 'DM Sans',sans-serif!important;
}

/* clean old action grid on dashboard */
body#my-account .pv-account-actions{
  display:none!important;
}

@media (max-width:900px){
  body#my-account .pv-customer-shell--logged{
    grid-template-columns:1fr!important;
  }

  body#my-account .pv-customer-sidebar{
    display:grid!important;
    grid-template-columns:220px minmax(0,1fr)!important;
    gap:18px!important;
  }

  body#my-account .pv-account-sidebar-nav .account-menu__nav{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media (max-width:620px){
  body#my-account .columns-container.container{
    padding:0 14px!important;
  }

  body#my-account .pv-customer-sidebar{
    display:block!important;
  }

  body#my-account .pv-account-sidebar-nav .account-menu__nav{
    grid-template-columns:1fr!important;
  }

  body#my-account .pv-account-kpis--8980{
    grid-template-columns:1fr!important;
  }

  body#my-account .pv-account-orders-preview__empty{
    flex-direction:column!important;
    align-items:flex-start!important;
  }

  body#my-account .pv-account-orders-preview__button{
    width:100%!important;
  }
}