/* Glamd Room customer account styles
   Split from the global override layer in v16.8 so customer dashboard styling only loads on customer pages. */

/* v15.1 customer dashboard polish */
.customer-dashboard-focus-grid {
  align-items: stretch !important;
}
.customer-dashboard-focus-grid .customer-highlight-card {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  min-height: 100% !important;
}
.customer-next-date {
  color: #5a1430 !important;
  font-weight: 700 !important;
}
.customer-next-mini-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
}
.customer-next-mini-grid div {
  border: 1px solid rgba(88, 16, 36, 0.10) !important;
  border-radius: 16px !important;
  background: #fffaf7 !important;
  padding: 10px !important;
}
.customer-next-mini-grid small,
.customer-appointment-head small {
  display: block !important;
  color: #8a7780 !important;
  font-family: "Montserrat", sans-serif !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: .10em !important;
  text-transform: uppercase !important;
  margin-bottom: 4px !important;
}
.customer-next-mini-grid b {
  color: #5a1430 !important;
  font-size: 13px !important;
}
.customer-focus-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin-top: auto !important;
}
.customer-focus-actions a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 42px !important;
  border-radius: 999px !important;
  padding: 10px 14px !important;
  border: 1px solid rgba(88, 16, 36, 0.16) !important;
  color: #5a1430 !important;
  font-family: "Montserrat", sans-serif !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}
.customer-focus-actions a.primary,
.customer-balance-snapshot-card.has-balance .customer-focus-actions a {
  background: linear-gradient(135deg, #5a1430, #8f3857) !important;
  color: #fff !important;
  border-color: transparent !important;
}
.customer-loyalty-progress-bar {
  width: 100% !important;
  height: 12px !important;
  overflow: hidden !important;
  border-radius: 999px !important;
  background: rgba(88, 16, 36, 0.10) !important;
}
.customer-loyalty-progress-bar span {
  display: block !important;
  height: 100% !important;
  border-radius: inherit !important;
  background: linear-gradient(90deg, #b99b55, #ead88d) !important;
}
.customer-loyalty-progress-bar-large {
  height: 14px !important;
  margin-bottom: 16px !important;
}
.customer-appointment-card.is-upcoming {
  border-color: rgba(185, 155, 85, 0.36) !important;
  box-shadow: 0 18px 48px rgba(185, 155, 85, 0.10) !important;
}
.customer-appointment-card.is-past {
  opacity: .92 !important;
}
@media (max-width: 680px) {
  .customer-next-mini-grid {
    grid-template-columns: 1fr !important;
  }
  .customer-focus-actions a {
    width: 100% !important;
  }
}


/* v15.2 customer dashboard admin/test cleanup */
.customer-dashboard-focus-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.customer-app-hero h1 {
  text-transform: none !important;
}
@media (max-width: 780px) {
  .customer-dashboard-focus-grid {
    grid-template-columns: 1fr !important;
  }
}

/* v16.4 customer account polish */
.customer-account-main{
  padding-top:34px;
}
.customer-account-real-body .customer-account-hero{
  display:none !important;
}
.customer-app-hero{
  margin-top:0 !important;
}
.customer-dashboard-empty-focus{
  margin:22px 0;
  padding:24px;
  border:1px solid rgba(201,161,86,.24);
  border-radius:28px;
  background:linear-gradient(135deg,#fffaf6 0%,#fff3e6 100%);
  color:#581024;
  box-shadow:0 18px 45px rgba(88,16,36,.08);
}
.customer-dashboard-empty-focus span{
  display:block;
  margin-bottom:8px;
  color:#b99b55;
  font-family:"Montserrat",sans-serif;
  font-size:11px;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.customer-dashboard-empty-focus h2{
  margin:0 0 8px;
  color:#581024;
  font-family:"Cormorant Garamond",serif;
  font-size:clamp(34px,8vw,54px);
  line-height:1;
}
.customer-dashboard-empty-focus p{
  margin:0 0 18px;
  color:#6f6065;
  line-height:1.65;
}
.customer-account-stat strong{
  font-weight:600 !important;
}
.customer-account-stat span,
.customer-section-label,
.customer-app-hero small{
  font-weight:600 !important;
  letter-spacing:.12em !important;
}
@media(max-width:760px){
  .customer-account-main{padding-top:24px;}
  .customer-dashboard-empty-focus{padding:20px;border-radius:24px;}
}