/*
 * ================================================================
 *  Aanra Theme — account.css
 *  Page-specific styles, conditionally enqueued only on this page.
 *  Split out of the former monolithic components.css.
 * ================================================================
 */

/* ================================================================
   MY ACCOUNT PAGE
   ================================================================ */
.aanra-account {
  background: var(--brand-white);
  min-height: 80vh;
  margin-top: var(--header-offset-desktop);
}
@media (max-width: 767px) {
  .aanra-account { margin-top: var(--header-offset-mobile); }
}

.aanra-account__inner {
  display: grid;
  grid-template-columns: 1fr;
  max-width: 1200px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .aanra-account__inner {
    grid-template-columns: 240px 1fr;
    min-height: calc(100vh - var(--header-offset-desktop));
  }
}

/* Sidebar */
.aanra-account__sidebar {
  background: rgba(var(--brand-ivory-rgb), 0.5);
  border-right: 0.5px solid var(--brand-gold-border);
  padding: 28px 0;
}

.aanra-account__user {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 0 20px 20px;
  border-bottom: 0.5px solid var(--brand-gold-border);
  margin-bottom: 8px;
}

.aanra-account__avatar {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: var(--brand-accent);
  color: var(--brand-ivory);
  font-family: var(--font-display);
  font-style: italic;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.aanra-account__name {
  font-family: var(--font-display);
  font-size: 15px;
  color: var(--brand-dark);
  margin-bottom: 2px;
}

.aanra-account__email {
  font-family: var(--font-body);
  font-size: 11px;
  color: var(--brand-subtext);
}

/* Nav */
.aanra-account__nav {
  display: flex;
  flex-direction: column;
}

.aanra-account__nav-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 11px 20px;
  font-family: var(--font-body);
  font-size: 15px;
  color: #666;
  text-decoration: none;
  border-left: 2px solid transparent;
  transition: color 0.15s, background 0.15s;
}
.aanra-account__nav-item svg {
  stroke: currentColor;
  flex-shrink: 0;
}
.aanra-account__nav-item:hover {
  color: var(--brand-dark);
  background: rgba(229,195,122,0.06);
}
.aanra-account__nav-item.is-active {
  color: var(--brand-dark);
  background: rgba(229,195,122,0.08);
  border-left-color: var(--brand-gold);
  font-weight: 500;
}
.aanra-account__nav-item.is-logout {
  color: var(--brand-subtext);
  margin-top: 8px;
  border-top: 0.5px solid rgba(58,30,23,0.06);
  padding-top: 16px;
}
.aanra-account__nav-item.is-logout:hover { color: #A32D2D; background: none; }

/* Content area */
.aanra-account__content {
  padding: 32px 24px;
}
@media (min-width: 768px) {
  .aanra-account__content { padding: 40px 48px; }
}

.aanra-account__section-title {
  font-family: var(--font-display) !important;
  font-style: italic !important;
  font-size: 22px !important;
  font-weight: 400 !important;
  color: var(--brand-dark) !important;
  margin-bottom: 4px !important;
}

.aanra-account__section-sub {
  font-family: var(--font-body);
  font-size: 13px;
  color: var(--brand-subtext);
  margin-bottom: 24px;
}
.aanra-account__section-sub a {
  color: var(--brand-dark);
  text-decoration: underline;
}

.aanra-account__empty {
  text-align: center;
  padding: 48px 20px;
  font-family: var(--font-body);
  font-size: 17px;
  color: var(--brand-subtext);
}
.aanra-account__empty a { margin-top: 20px; display: inline-block; }

/* Order cards */
.aanra-order-card {
  border: 0.5px solid rgba(58,30,23,0.12);
  margin-bottom: 16px;
}

.aanra-order-card__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  background: rgba(var(--brand-ivory-rgb), 0.5);
  border-bottom: 0.5px solid rgba(58,30,23,0.08);
}

.aanra-order-card__num {
  font-family: var(--font-body);
  font-size: 15px;
  font-weight: 500;
  color: var(--brand-dark);
  margin-bottom: 2px;
}

.aanra-order-card__date {
  font-family: var(--font-body);
  font-size: 11px;
  color: var(--brand-subtext);
}

.aanra-order-card__status {
  font-family: var(--font-body);
  font-size: 10px;
  padding: 3px 10px;
  letter-spacing: 0.8px;
  text-transform: uppercase;
}
.aanra-order-status--processing { background: #FAEEDA; color: var(--brand-accent); }
.aanra-order-status--completed  { background: #EAF3DE; color: #3B6D11; }
.aanra-order-status--on-hold    { background: #E6F1FB; color: #185FA5; }
.aanra-order-status--cancelled  { background: #FCEBEB; color: #A32D2D; }
.aanra-order-status--pending    { background: #F1EFE8; color: #5F5E5A; }

/* Tracking bar */
.aanra-order-card__tracking {
  padding: 14px 16px;
  border-bottom: 0.5px solid rgba(58,30,23,0.06);
}

.aanra-tracking {
  display: flex;
  align-items: flex-start;
  position: relative;
  gap: 0;
}
.aanra-tracking::before {
  content: '';
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  height: 1px;
  background: rgba(58,30,23,0.1);
  z-index: 0;
}

.aanra-tracking__step {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  position: relative;
  z-index: 1;
}

.aanra-tracking__dot {
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: rgba(58,30,23,0.15);
  border: 1.5px solid rgba(58,30,23,0.15);
}
.aanra-tracking__step.is-done .aanra-tracking__dot {
  background: var(--brand-gold);
  border-color: var(--brand-gold);
}

.aanra-tracking__label {
  font-family: var(--font-body);
  font-size: 10px;
  color: var(--brand-subtext);
  text-align: center;
  letter-spacing: 0.3px;
}
.aanra-tracking__step.is-done .aanra-tracking__label {
  color: var(--brand-dark);
  font-weight: 500;
}

/* Order items preview */
.aanra-order-card__items {
  padding: 12px 16px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.aanra-order-card__item {
  display: flex;
  gap: 12px;
  align-items: center;
}
.aanra-order-card__item img {
  width: 52px;
  height: 68px;
  object-fit: cover;
  background: var(--brand-ivory);
  flex-shrink: 0;
}

.aanra-order-card__item-name {
  font-family: var(--font-display);
  font-size: 15px;
  color: var(--brand-dark);
  margin-bottom: 3px;
}

.aanra-order-card__item-detail {
  font-family: var(--font-body);
  font-size: 11px;
  color: var(--brand-subtext);
}

.aanra-order-card__more {
  font-family: var(--font-body);
  font-size: 11px;
  color: var(--brand-subtext);
  padding-left: 4px;
}

.aanra-order-card__footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  border-top: 0.5px solid rgba(58,30,23,0.06);
  background: rgba(var(--brand-ivory-rgb), 0.5);
}

.aanra-order-card__total {
  font-family: var(--font-body);
  font-size: 15px;
  font-weight: 500;
  color: var(--brand-dark);
}

.aanra-order-card__actions {
  display: flex;
  gap: 8px;
}

/* Account buttons */
.aanra-account__btn {
  font-family: var(--font-body);
  font-size: 10px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  padding: 8px 16px;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  border: none;
  transition: opacity 0.2s;
}
.aanra-account__btn--primary {
  background: var(--brand-accent) !important;
  background-color: var(--brand-accent) !important;
  color: var(--brand-ivory) !important;
}
.aanra-account__btn--primary:hover,
.aanra-account__btn--primary:focus,
.aanra-account__btn--primary:active {
  opacity: 0.85;
  color: var(--brand-ivory) !important;
  background: var(--brand-accent) !important;
  background-color: var(--brand-accent) !important;
  box-shadow: none !important;
}
.aanra-account__btn--outline {
  background: none !important;
  background-color: transparent !important;
  border: 0.5px solid rgba(58,30,23,0.2) !important;
  color: var(--brand-dark) !important;
}
.aanra-account__btn--outline:hover {
  background: rgba(58,30,23,0.04) !important;
}

/* Account forms */
.aanra-account__form {
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 560px;
}

.aanra-account__form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
@media (max-width: 480px) {
  .aanra-account__form-row { grid-template-columns: 1fr; }
}

.aanra-account__field {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.aanra-account__field label {
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 11px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: rgba(58,30,23,0.85);
}
.aanra-account__field label span { color: var(--brand-price); }
.aanra-account__field input {
  height: 42px;
  border: 0.5px solid rgba(58,30,23,0.2);
  padding: 0 12px;
  font-family: var(--font-body);
  font-size: 15px;
  color: var(--brand-dark);
  background: var(--brand-white);
  outline: none;
  border-radius: 0;
}
.aanra-account__field input:focus { border-color: var(--brand-gold); }

.aanra-account__section-divider {
  font-family: var(--font-body);
  font-size: 11px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--brand-dark);
  padding: 8px 0;
  border-top: 0.5px solid rgba(58,30,23,0.1);
  border-bottom: 0.5px solid rgba(58,30,23,0.1);
  margin: 4px 0;
}
.aanra-account__section-divider span {
  font-size: 10px;
  letter-spacing: 0;
  text-transform: none;
  color: var(--brand-subtext);
  margin-left: 8px;
}

.aanra-account__remember {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: var(--font-body);
  font-size: 13px;
  color: var(--brand-subtext);
}
.aanra-account__forgot {
  color: var(--brand-dark);
  font-size: 13px;
  text-decoration: underline;
}

.aanra-account__back a {
  font-family: var(--font-body);
  font-size: 15px;
  color: var(--brand-subtext);
  text-decoration: none;
  margin-bottom: 20px;
  display: inline-block;
}
.aanra-account__back a:hover { color: var(--brand-dark); }

/* Login page */
.aanra-account--login {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  min-height: auto;
}

.aanra-account__login-wrap {
  max-width: 800px;
  margin: 0 auto;
  padding: 40px 20px;
  width: 100%;
}

.aanra-account__login-header {
  text-align: center;
  margin-bottom: 32px;
}

.aanra-account__login-title {
  font-family: var(--font-display) !important;
  font-style: italic !important;
  font-size: 32px !important;
  font-weight: 400 !important;
  color: var(--brand-dark) !important;
  margin-bottom: 8px !important;
}

.aanra-account__login-sub {
  font-family: var(--font-body);
  font-size: 15px;
  color: var(--brand-subtext);
}

.aanra-account__login-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 32px;
}
@media (min-width: 600px) {
  .aanra-account__login-grid {
    grid-template-columns: 1fr 1fr;
    gap: 48px;
  }
}

.aanra-account__login-col {
  border: 0.5px solid rgba(58,30,23,0.12);
  padding: 28px 24px;
}

.aanra-account__col-title,
.aanra-account__subtitle {
  font-family: var(--font-display) !important;
  font-style: italic !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  color: var(--brand-dark) !important;
  margin-bottom: 20px !important;
}

/* Suppress Kadence on my account */
body.woocommerce-account #primary,
body.woocommerce-account .content-area,
body.woocommerce-account #main,
body.woocommerce-account .entry-content {
  padding-top: 0 !important;
  margin-top: 0 !important;
  background: var(--brand-white) !important;
}

/* Filter category count */
.aanra-filter-count {
  font-size: 10px;
  color: var(--brand-subtext);
  font-weight: 400;
}

/* Email signup messages */
.aanra-email-signup__msg {
  font-family: var(--font-body);
  font-size: 13px;
  margin-top: 8px;
  text-align: center;
}
.aanra-email-signup__msg--ok  { color: #3B6D11; }
.aanra-email-signup__msg--err { color: #A32D2D; }

/* MailOptin embed override - strip its default wrapper styles */
.aanra-email-signup__mailoptin .mo-optin-form-wrapper {
  background: none !important;
  padding: 0 !important;
  box-shadow: none !important;
  border: none !important;
}

/* ============================================================
   LOGIN PAGE REDESIGN — Underline style matching contact page
   ============================================================ */

/* Remove box border from login/register columns */
.aanra-account__login-col,
.aanra-account__register {
  border: none !important;
  padding: 0 !important;
}

/* Underline inputs — override box style */
.aanra-account__field input,
.aanra-account__field input[type="email"],
.aanra-account__field input[type="password"],
.aanra-account__field input[type="text"] {
  height: auto !important;
  border: none !important;
  border-bottom: 1px solid rgba(58,30,23,0.2) !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 10px 0 !important;
  font-size: 16px !important;
  box-shadow: none !important;
}

.aanra-account__field input:focus {
  border-bottom-color: var(--brand-gold) !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Register form email input same style */
.aanra-account__register input[type="email"],
.aanra-account__form #reg_email {
  width: 100% !important;
  height: auto !important;
  border: none !important;
  border-bottom: 1px solid rgba(58,30,23,0.2) !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 10px 0 !important;
  font-size: 16px !important;
  font-family: var(--font-body) !important;
  color: var(--brand-dark) !important;
  box-shadow: none !important;
  outline: none !important;
  box-sizing: border-box !important;
}

.aanra-account__register input[type="email"]:focus,
.aanra-account__form #reg_email:focus {
  border-bottom-color: var(--brand-gold) !important;
}

/* Privacy policy text in register form */
.aanra-account__register .woocommerce-privacy-policy-text,
.aanra-account__register p:not(.aanra-account__field) {
  font-family: var(--font-body);
  font-size: 11px;
  color: rgba(58,30,23,0.45);
  line-height: 1.6;
  margin: 12px 0 0;
}

/* Remember me + forgot password row */
.aanra-account__remember {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 16px 0;
}

.aanra-account__remember label {
  font-family: var(--font-body) !important;
  font-size: 12px !important;
  color: rgba(58,30,23,0.75) !important;
  display: flex;
  align-items: center;
  gap: 6px;
  text-transform: none !important;
  letter-spacing: 0 !important;
  cursor: pointer;
}

.aanra-account__remember input[type="checkbox"] {
  width: 14px !important;
  height: 14px !important;
  border: 1px solid rgba(58,30,23,0.3) !important;
  border-bottom: 1px solid rgba(58,30,23,0.3) !important;
  accent-color: var(--brand-gold);
  padding: 0 !important;
  flex-shrink: 0;
}

.aanra-account__forgot {
  font-family: var(--font-body);
  font-size: 12px;
  color: rgba(58,30,23,0.75);
  text-decoration: none;
  border-bottom: 1px solid rgba(58,30,23,0.3);
}

.aanra-account__forgot:hover {
  color: var(--brand-gold);
  border-bottom-color: var(--brand-gold);
}

/* Divider between sign in and create account on mobile */
@media (max-width: 599px) {
  .aanra-account__login-grid {
    gap: 40px !important;
  }

  .aanra-account__register {
    padding-top: 32px !important;
    border-top: 1px solid rgba(58,30,23,0.1) !important;
  }
}

/* Create Account — same background as Sign In (per Anand, July 2026) */
.aanra-account__register {
  background: transparent !important;
  padding: 28px 24px !important;
  border: none !important;
  border-top: none !important;
}

@media (min-width: 600px) {
  .aanra-account__register {
    padding: 28px 32px !important;
  }
}

.aanra-account__subtitle {
  margin-bottom: 16px !important;
}

/* Small label above the section */
.aanra-account__register::before {
  content: "NEW HERE?";
  display: block;
  font-family: var(--font-body);
  font-size: 9px;
  letter-spacing: 2.5px;
  color: rgba(58,30,23,0.35);
  margin-bottom: 12px;
}

/* Fix: contact page text contrast */
.aanra-contact__label {
  color: #3A1E17 !important;
  opacity: 0.8 !important;
}

.aanra-contact__input,
.aanra-contact__select,
.aanra-contact__textarea {
  color: #3A1E17 !important;
}

.aanra-contact__input::placeholder,
.aanra-contact__select::placeholder,
.aanra-contact__textarea::placeholder {
  color: rgba(58, 30, 23, 0.4) !important;
}

.aanra-contact__info-note {
  color: rgba(58, 30, 23, 0.7) !important;
}

.aanra-contact__form-label {
  color: rgba(58, 30, 23, 0.5) !important;
}

/* Fix: contact form input boxes — remove white background, increase text contrast */
.aanra-contact__input,
.aanra-contact__select,
.aanra-contact__textarea {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  border-bottom: 1px solid rgba(58, 30, 23, 0.3) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #3A1E17 !important;
  padding: 10px 0 !important;
}

.aanra-contact__input::placeholder,
.aanra-contact__textarea::placeholder {
  color: rgba(58, 30, 23, 0.35) !important;
}

.aanra-contact__label {
  color: #3A1E17 !important;
  font-size: 13px !important;
  opacity: 1 !important;
}

/* Fix: contact page — remove white box from inputs, fix all text contrast */
.aanra-contact {
  color: #3A1E17 !important;
}

.aanra-contact__heading {
  color: #3A1E17 !important;
}

.aanra-contact__sub {
  color: #3A1E17 !important;
  opacity: 0.7 !important;
}

.aanra-contact__form-label {
  color: #3A1E17 !important;
  opacity: 0.6 !important;
}

.aanra-contact__label {
  color: #3A1E17 !important;
  opacity: 1 !important;
}

.aanra-contact__input,
.aanra-contact__select,
.aanra-contact__textarea {
  background: transparent !important;
  background-color: transparent !important;
  color: #3A1E17 !important;
  -webkit-text-fill-color: #3A1E17 !important;
  border: none !important;
  border-bottom: 1px solid rgba(58,30,23,0.3) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: none !important;
}

.aanra-contact__input::placeholder,
.aanra-contact__textarea::placeholder {
  color: rgba(58,30,23,0.35) !important;
  -webkit-text-fill-color: rgba(58,30,23,0.35) !important;
}

.aanra-contact__info-label {
  color: rgba(58,30,23,0.85) !important;
  font-weight: 600 !important;
}

.aanra-contact__info-value {
  color: #946E1F !important;
}

.aanra-contact__info-note {
  color: rgba(58,30,23,0.65) !important;
}

/* Fix: contact page — Kadence override, force all text dark */
.aanra-contact *,
.aanra-contact p,
.aanra-contact label,
.aanra-contact input,
.aanra-contact select,
.aanra-contact textarea,
.aanra-contact span,
.aanra-contact h1,
.aanra-contact h2,
.aanra-contact h3 {
  color: #3A1E17 !important;
  -webkit-text-fill-color: #3A1E17 !important;
}

.aanra-contact input::placeholder,
.aanra-contact textarea::placeholder {
  color: rgba(58,30,23,0.4) !important;
  -webkit-text-fill-color: rgba(58,30,23,0.4) !important;
}

.aanra-contact input,
.aanra-contact select,
.aanra-contact textarea {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  border-bottom: 1px solid rgba(58,30,23,0.25) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.aanra-contact__info-value,
.aanra-contact__whatsapp-btn {
  color: #946E1F !important;
  -webkit-text-fill-color: #946E1F !important;
}

.aanra-contact__whatsapp-btn svg {
  fill: #25D366 !important;
  color: #25D366 !important;
}