/* =============================================================================
   03. MY ACCOUNT – WIDER LOGGED-IN LAYOUT
   ============================================================================= */

/* When logged in, show full-width account layout (not the narrow centered login panel) */
.logged-in .dark-account-page {
  align-items: flex-start !important;
  background: var(--c-bg) !important;
  background-image: none !important;
  padding: 56px var(--px-lg, 48px) 80px !important;
  min-height: auto !important;
  overflow: visible !important;
}

.logged-in .dark-account-container {
  max-width: var(--max-w, 1440px) !important;
  width: 100% !important;
  background: transparent !important;
  border-radius: 0 !important;
}

/* Remove centered glass panel constraints for logged-in dashboard */
.logged-in .account-panel {
  background: var(--c-bg) !important;
  backdrop-filter: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  overflow: visible !important;
}

/* Hide the brand header (logo + "The Obsidian Atelier") when logged in */
.logged-in .account-brand-header { display: none !important; }

/* WooCommerce My Account layout – full width */
.logged-in .woocommerce-account .woocommerce {
  display: flex !important;
  gap: 40px !important;
  align-items: flex-start !important;
  width: 100% !important;
  background: transparent !important;
  border-radius: 0 !important;
}

/* Nav column – fixed width */
.logged-in .woocommerce-account .woocommerce-MyAccount-navigation {
  width: 260px !important;
  flex-shrink: 0 !important;
  position: sticky !important;
  top: calc(var(--bar-h, 40px) + var(--header-h, 80px) + 20px) !important;
  background: var(--c-bg-low) !important;
  border-color: rgba(242, 202, 80, 0.2) !important;
  border-radius: 0 !important;
}

/* Content column – fills remaining space */
.logged-in .woocommerce-account .woocommerce-MyAccount-content {
  flex: 1 !important;
  min-width: 0 !important;
  width: auto !important;
  background: var(--c-bg-low) !important;
  border-color: rgba(242, 202, 80, 0.16) !important;
  border-radius: 0 !important;
  color: var(--c-text) !important;
  box-shadow: none !important;
}

body.logged-in.woocommerce-account,
body.logged-in.woocommerce-account #page,
body.logged-in.woocommerce-account .site,
body.logged-in.woocommerce-account .site-content,
body.logged-in.woocommerce-account .ast-container,
body.logged-in.woocommerce-account .entry-content,
body.logged-in.woocommerce-account .entry-content > *,
body.logged-in.woocommerce-account .dark-page,
.logged-in .dark-account-page::before,
.logged-in .dark-account-page::after,
.logged-in .account-panel::before,
.logged-in .account-panel::after {
  background-color: var(--c-bg) !important;
  background-image: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Tablet responsive */
@media (max-width: 1023px) {
  .logged-in .dark-account-page { padding: 40px var(--px-md, 32px) 60px !important; }
  .logged-in .woocommerce-account .woocommerce { flex-direction: column !important; gap: 24px !important; }
  .logged-in .woocommerce-account .woocommerce-MyAccount-navigation { width: 100% !important; position: static !important; }
}

/* Mobile */
@media (max-width: 767px) {
  .logged-in .dark-account-page { padding: 32px var(--px-sm, 20px) 48px !important; }
}