/* WooCommerce My Account Page Styles - Golden Clouds Theme */

.entry-header {
  margin: 20px 0;
}
/* My Account Page Container */
.woocommerce-account {
  background: var(--color-background);
  min-height: 60vh;
}

.woocommerce-account .woocommerce {
  max-width: var(--container-width);
  margin: 0 auto;
}

/* My Account Navigation & Content Layout */
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-MyAccount-navigation {
  background: var(--color-background-light);
  border-radius: 15px;
  padding: var(--spacing-lg);
  margin-bottom: var(--spacing-lg);
  box-shadow: 0 4px 15px rgba(0,0,0,0.5);
}

.woocommerce-account .woocommerce-MyAccount-navigation ul,
.woocommerce-MyAccount-navigation ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li,
.woocommerce-MyAccount-navigation ul li {
  padding: 5px 0;
  border-bottom: 1px solid var(--color-border);
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li:last-child,
.woocommerce-MyAccount-navigation ul li:last-child {
  border-bottom: none;
  margin-bottom: 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a,
.woocommerce-MyAccount-navigation ul li a {
  display: block;
  padding: var(--spacing-sm) var(--spacing-md);
  color: var(--color-text);
  text-decoration: none;
  font-weight: 500;
  border-radius: 8px;
  transition: all 0.3s ease;
  position: relative;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover,
.woocommerce-MyAccount-navigation ul li a:hover {
  background: rgba(0,160,176,0.1);
  color: white;
  transform: translateX(5px);
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-MyAccount-navigation ul li.is-active a {
  background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));
  color: white;
  font-weight: 600;
  box-shadow: 0 4px 15px rgba(0,160,176,0.3);
}

/* My Account Content */
.woocommerce-account .woocommerce-MyAccount-content,
.woocommerce-MyAccount-content {
  background: var(--color-background-light);
  border-radius: 15px;
  padding: var(--spacing-lg);
  box-shadow: 0 4px 15px rgba(0,0,0,0.5);
}

.woocommerce-account .woocommerce-MyAccount-content h2,
.woocommerce-MyAccount-content h2,
.woocommerce-account .woocommerce-MyAccount-content h3,
.woocommerce-MyAccount-content h3 {
  color: var(--color-text);
  margin-bottom: var(--spacing-md);
  font-weight: 700;
  padding-bottom: var(--spacing-sm);
  border-bottom: 2px solid var(--color-border);
}

.woocommerce-account .woocommerce-MyAccount-content p,
.woocommerce-MyAccount-content p {
  color: var(--color-text);
  line-height: 1.8;
  margin-bottom: var(--spacing-sm);
}

/* Dashboard Welcome Message */
.woocommerce-account .woocommerce-MyAccount-content > p:first-child,
.woocommerce-MyAccount-content > p:first-child {
  background: rgba(0,160,176,0.1);
  padding: var(--spacing-md);
  border-radius: 10px;
  border-left: 4px solid var(--color-primary);
  margin-bottom: var(--spacing-lg);
}

.woocommerce-account .woocommerce-MyAccount-content > p:first-child strong,
.woocommerce-MyAccount-content > p:first-child strong {
  color: var(--color-primary);
}

/* Orders Table */
.woocommerce-account table.my_account_orders,
.woocommerce-orders-table,
table.my_account_orders,
table.woocommerce-orders-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 2px 10px rgba(0,0,0,0.3);
  margin-bottom: var(--spacing-lg);
}

.woocommerce-account table.my_account_orders thead,
.woocommerce-orders-table thead,
table.my_account_orders thead,
table.woocommerce-orders-table thead {
  background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));
}

.woocommerce-account table.my_account_orders th,
.woocommerce-orders-table th,
table.my_account_orders th,
table.woocommerce-orders-table th {
  color: white;
  padding: var(--spacing-sm) var(--spacing-md);
  text-align: left;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 0.875rem;
  letter-spacing: 0.5px;
}

.woocommerce-account table.my_account_orders td,
.woocommerce-orders-table td,
table.my_account_orders td,
table.woocommerce-orders-table td {
  padding: var(--spacing-sm) var(--spacing-md);
  border-bottom: 1px solid var(--color-border);
  color: var(--color-text);
  background: var(--color-background);
}

.woocommerce-account table.my_account_orders tr:last-child td,
.woocommerce-orders-table tr:last-child td,
table.my_account_orders tr:last-child td,
table.woocommerce-orders-table tr:last-child td {
  border-bottom: none;
}

.woocommerce-account table.my_account_orders tr:hover td,
.woocommerce-orders-table tr:hover td,
table.my_account_orders tr:hover td,
table.woocommerce-orders-table tr:hover td {
  background: rgba(0,160,176,0.05);
}

/* Order Status Badges */
.woocommerce-account .woocommerce-orders-table__cell-order-status,
.woocommerce-orders-table__cell-order-status,
.woocommerce-account mark,
.woocommerce-MyAccount-content mark {
  display: inline-block;
  padding: 0.25rem 0.75rem;
  border-radius: 20px;
  font-size: 0.875rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  background: var(--color-background-light);
  color: var(--color-text);
  border: none;
}

.woocommerce-account mark.order-status,
mark.order-status {
  background: var(--color-primary);
  color: white;
}

.woocommerce-account mark.status-completed,
mark.status-completed {
  background: #28a745;
  color: white;
}

.woocommerce-account mark.status-processing,
mark.status-processing {
  background: var(--color-primary);
  color: white;
}

.woocommerce-account mark.status-on-hold,
mark.status-on-hold {
  background: #ffc107;
  color: #1a1a1a;
}

.woocommerce-account mark.status-pending,
mark.status-pending {
  background: #6c757d;
  color: white;
}

.woocommerce-account mark.status-cancelled,
mark.status-cancelled,
.woocommerce-account mark.status-failed,
mark.status-failed {
  background: var(--color-accent);
  color: white;
}

/* Action Buttons in Tables */
.woocommerce-account table.my_account_orders .button,
.woocommerce-orders-table .button,
table.my_account_orders .button,
table.woocommerce-orders-table .button {
  background: var(--color-primary);
  color: white;
  border: none;
  padding: 0.5rem 1rem;
  border-radius: 8px;
  font-weight: 600;
  font-size: 0.875rem;
  transition: all 0.3s ease;
  text-decoration: none;
  display: inline-block;
}

.woocommerce-account table.my_account_orders .button:hover,
.woocommerce-orders-table .button:hover,
table.my_account_orders .button:hover,
table.woocommerce-orders-table .button:hover {
  background: var(--color-secondary);
  transform: translateY(-2px);
  box-shadow: 0 4px 10px rgba(0,160,176,0.3);
}

/* Addresses */
.woocommerce-account .woocommerce-Addresses,
.woocommerce-Addresses {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: var(--spacing-lg);
  margin-top: var(--spacing-lg);
}

.woocommerce-account .woocommerce-Address,
.woocommerce-Address {
  background: var(--color-background);
  padding: var(--spacing-md);
  border-radius: 10px;
  border: 2px solid var(--color-border);
  transition: all 0.3s ease;
}

.woocommerce-account .woocommerce-Address:hover,
.woocommerce-Address:hover {
  border-color: var(--color-primary);
  box-shadow: 0 4px 15px rgba(0,160,176,0.2);
}

.woocommerce-account .woocommerce-Address-title h3,
.woocommerce-Address-title h3 {
  color: var(--color-primary);
  margin-bottom: var(--spacing-sm);
  font-size: 1.25rem;
  border-bottom: none;
  padding-bottom: 0;
}

.woocommerce-account .woocommerce-Address address,
.woocommerce-Address address {
  color: var(--color-text);
  line-height: 1.8;
  font-style: normal;
  margin-bottom: var(--spacing-md);
}

.woocommerce-account .woocommerce-Address .edit,
.woocommerce-Address .edit {
  background: var(--color-primary);
  color: white;
  padding: 0.5rem 1.5rem;
  border-radius: 8px;
  text-decoration: none;
  display: inline-block;
  font-weight: 600;
  transition: all 0.3s ease;
}

.woocommerce-account .woocommerce-Address .edit:hover,
.woocommerce-Address .edit:hover {
  background: var(--color-secondary);
  transform: translateY(-2px);
  box-shadow: 0 4px 10px rgba(0,160,176,0.3);
}

/* Account Details Form */
.woocommerce-account .woocommerce-EditAccountForm,
.woocommerce-EditAccountForm {
  margin-top: var(--spacing-md);
}

.woocommerce-account .woocommerce-EditAccountForm fieldset,
.woocommerce-EditAccountForm fieldset {
  background: var(--color-background);
  padding: var(--spacing-md);
  border-radius: 10px;
  border: 2px solid var(--color-border);
  margin-bottom: var(--spacing-md);
}

.woocommerce-account .woocommerce-EditAccountForm legend,
.woocommerce-EditAccountForm legend {
  color: white;
  font-weight: 700;
  font-size: 1.125rem;
  padding: 0 var(--spacing-sm);
  margin-bottom: var(--spacing-sm);
}

.woocommerce-account .form-row,
.woocommerce-form-row,
.form-row {
  margin-bottom: var(--spacing-md);
}

.woocommerce-account .form-row label,
.woocommerce-form-row label,
.form-row label {
  display: block;
  color: var(--color-text);
  font-weight: 600;
  margin-bottom: var(--spacing-xs);
}

.woocommerce-account .form-row .required,
.woocommerce-form-row .required,
.form-row .required {
  color: var(--color-accent);
}

.woocommerce-account .form-row input[type="text"],
.woocommerce-account .form-row input[type="email"],
.woocommerce-account .form-row input[type="password"],
.woocommerce-account .form-row input[type="tel"],
.woocommerce-account .form-row textarea,
.woocommerce-account .form-row select,
.woocommerce-form-row input[type="text"],
.woocommerce-form-row input[type="email"],
.woocommerce-form-row input[type="password"],
.woocommerce-form-row input[type="tel"],
.woocommerce-form-row textarea,
.woocommerce-form-row select,
.form-row input[type="text"],
.form-row input[type="email"],
.form-row input[type="password"],
.form-row input[type="tel"],
.form-row textarea,
.form-row select {
  width: 100%;
  padding: 0.75rem 1rem;
  border: 2px solid var(--color-border);
  border-radius: 8px;
  background: var(--color-background);
  color: var(--color-text);
  font-size: 1rem;
  transition: all 0.3s ease;
}

.woocommerce-account .form-row input:focus,
.woocommerce-account .form-row textarea:focus,
.woocommerce-account .form-row select:focus,
.woocommerce-form-row input:focus,
.woocommerce-form-row textarea:focus,
.woocommerce-form-row select:focus,
.form-row input:focus,
.form-row textarea:focus,
.form-row select:focus {
  border-color: var(--color-primary);
  outline: none;
  box-shadow: 0 0 0 3px rgba(0,160,176,0.1);
}

/* Submit Buttons */
.woocommerce-account .woocommerce-Button,
.woocommerce-account button[type="submit"],
.woocommerce-Button,
button[type="submit"].woocommerce-Button {
  background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));
  color: white;
  border: none;
  padding: 1rem 2rem;
  border-radius: 50px;
  font-weight: 600;
  font-size: 1rem;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 4px 15px rgba(0,160,176,0.3);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.woocommerce-account .woocommerce-Button:hover,
.woocommerce-account button[type="submit"]:hover,
.woocommerce-Button:hover,
button[type="submit"].woocommerce-Button:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0,160,176,0.4);
}

/* Downloads */
.woocommerce-account .woocommerce-MyAccount-downloads,
.woocommerce-MyAccount-downloads {
  margin-top: var(--spacing-lg);
}

.woocommerce-account table.my_account_downloads,
table.my_account_downloads {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 2px 10px rgba(0,0,0,0.3);
}

.woocommerce-account table.my_account_downloads thead,
table.my_account_downloads thead {
  background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));
}

.woocommerce-account table.my_account_downloads th,
table.my_account_downloads th {
  color: white;
  padding: var(--spacing-sm) var(--spacing-md);
  text-align: left;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 0.875rem;
}

.woocommerce-account table.my_account_downloads td,
table.my_account_downloads td {
  padding: var(--spacing-sm) var(--spacing-md);
  border-bottom: 1px solid var(--color-border);
  color: var(--color-text);
  background: var(--color-background);
}

.woocommerce-account table.my_account_downloads .download-file a,
table.my_account_downloads .download-file a {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color 0.3s ease;
}

.woocommerce-account table.my_account_downloads .download-file a:hover,
table.my_account_downloads .download-file a:hover {
  color: var(--color-secondary);
}

/* Payment Methods */
.woocommerce-account .woocommerce-PaymentMethods,
.woocommerce-PaymentMethods {
  margin-top: var(--spacing-lg);
}

.woocommerce-account table.woocommerce-PaymentMethods,
table.woocommerce-PaymentMethods {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 2px 10px rgba(0,0,0,0.3);
}

.woocommerce-account table.woocommerce-PaymentMethods thead,
table.woocommerce-PaymentMethods thead {
  background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));
}

.woocommerce-account table.woocommerce-PaymentMethods th,
table.woocommerce-PaymentMethods th {
  color: white;
  padding: var(--spacing-sm) var(--spacing-md);
  text-align: left;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 0.875rem;
}

.woocommerce-account table.woocommerce-PaymentMethods td,
table.woocommerce-PaymentMethods td {
  padding: var(--spacing-sm) var(--spacing-md);
  border-bottom: 1px solid var(--color-border);
  color: var(--color-text);
  background: var(--color-background);
}

/* Responsive Layout for Desktop */
@media (min-width: 769px) {
  .woocommerce-account .woocommerce {
    /* display: grid; 
    grid-template-columns: 280px 1fr;
    gap: var(--spacing-xl);
    align-items: start;*/
  }
  
  .woocommerce-account .woocommerce-MyAccount-navigation {
    position: sticky;
    top: 100px;
    margin-bottom: 0;
  }
}

/* Mobile Responsive */
@media (max-width: 768px) {
  .woocommerce-account {
    padding: var(--spacing-md) 0;
  }
  
  .woocommerce-account .woocommerce-MyAccount-navigation,
  .woocommerce-MyAccount-navigation {
    margin-bottom: var(--spacing-md);
  }
  
  .woocommerce-account .woocommerce-MyAccount-content,
  .woocommerce-MyAccount-content {
    padding: var(--spacing-md);
  }
  
  .woocommerce-account table.my_account_orders,
  .woocommerce-orders-table,
  table.my_account_orders,
  table.woocommerce-orders-table {
    font-size: 0.875rem;
  }
  
  .woocommerce-account table.my_account_orders th,
  .woocommerce-orders-table th,
  table.my_account_orders th,
  table.woocommerce-orders-table th,
  .woocommerce-account table.my_account_orders td,
  .woocommerce-orders-table td,
  table.my_account_orders td,
  table.woocommerce-orders-table td {
    padding: var(--spacing-xs) var(--spacing-sm);
  }
  
  .woocommerce-account .woocommerce-Addresses,
  .woocommerce-Addresses {
    grid-template-columns: 1fr;
  }
}

/* Login/Register Forms on My Account */
.woocommerce-account .woocommerce-form-login,
.woocommerce-account .woocommerce-form-register,
.woocommerce-form-login,
.woocommerce-form-register {
  background: var(--color-background-light);
  padding: var(--spacing-lg);
  border-radius: 15px;
  box-shadow: 0 4px 15px rgba(0,0,0,0.5);
  margin-bottom: var(--spacing-lg);
}

.woocommerce-account .woocommerce-form-login h2,
.woocommerce-account .woocommerce-form-register h2,
.woocommerce-form-login h2,
.woocommerce-form-register h2 {
  color: var(--color-text);
  margin-bottom: var(--spacing-md);
  font-weight: 700;
}

.woocommerce-account .woocommerce-form-login .woocommerce-form-login__rememberme,
.woocommerce-form-login .woocommerce-form-login__rememberme {
  display: flex;
  align-items: center;
  gap: var(--spacing-xs);
  margin-bottom: var(--spacing-md);
}

.woocommerce-account .woocommerce-form-login .woocommerce-form-login__rememberme input[type="checkbox"],
.woocommerce-form-login .woocommerce-form-login__rememberme input[type="checkbox"] {
  width: auto;
  accent-color: var(--color-primary);
}

.woocommerce-account .lost_password a,
.lost_password a {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color 0.3s ease;
}

.woocommerce-account .lost_password a:hover,
.lost_password a:hover {
  color: var(--color-secondary);
}

/* Two Column Layout for Login/Register */
@media (min-width: 769px) {
  .woocommerce-account .col2-set,
  .col2-set {
    display: flex;
  }
}

/* Empty State Messages */
.woocommerce-account .woocommerce-Message--info,
.woocommerce-Message--info {
  background: rgba(0,160,176,0.1);
  border-left: 4px solid var(--color-primary);
  padding: var(--spacing-md);
  border-radius: 8px;
  color: var(--color-text);
  margin-bottom: var(--spacing-lg);
}

/* Animations */
.woocommerce-account .woocommerce-MyAccount-navigation ul li,
.woocommerce-MyAccount-navigation ul li {
  animation: slideUp 0.3s ease forwards;
  opacity: 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li:nth-child(1),
.woocommerce-MyAccount-navigation ul li:nth-child(1) { animation-delay: 0.1s; }
.woocommerce-account .woocommerce-MyAccount-navigation ul li:nth-child(2),
.woocommerce-MyAccount-navigation ul li:nth-child(2) { animation-delay: 0.2s; }
.woocommerce-account .woocommerce-MyAccount-navigation ul li:nth-child(3),
.woocommerce-MyAccount-navigation ul li:nth-child(3) { animation-delay: 0.3s; }
.woocommerce-account .woocommerce-MyAccount-navigation ul li:nth-child(4),
.woocommerce-MyAccount-navigation ul li:nth-child(4) { animation-delay: 0.4s; }
.woocommerce-account .woocommerce-MyAccount-navigation ul li:nth-child(5),
.woocommerce-MyAccount-navigation ul li:nth-child(5) { animation-delay: 0.5s; }
.woocommerce-account .woocommerce-MyAccount-navigation ul li:nth-child(6),
.woocommerce-MyAccount-navigation ul li:nth-child(6) { animation-delay: 0.6s; }

@keyframes slideUp {
  from {
    transform: translateY(20px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

.woocommerce-Address-title.title {
    display: flex;
    flex-direction: column;
}

.woocommerce-Address address {
    margin-top: 1rem;
}