/** Shopify CDN: Minification failed

Line 10:0 Unexpected "{"
Line 10:1 Expected identifier but found "%"
Line 10:42 Expected identifier but found "%"
Line 11:0 Unexpected "<"
Line 175:0 Unexpected "<"

**/
{% comment %}XIDU Account Page Dark Theme{% endcomment %}
<style>
/* Customer Login */
.customer.login,
.customer.register,
.customer.account {
  background: #0F0A1E !important;
  color: #F4F0E8 !important;
  min-height: 80vh;
  padding: 40px 20px;
}

.customer.login h1,
.customer.register h1,
.customer.account h1 {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  color: #F4F0E8 !important;
  font-size: 2rem !important;
  font-weight: 700 !important;
  text-align: center !important;
  margin-bottom: 28px !important;
}

/* Form fields */
.customer form input[type="email"],
.customer form input[type="password"],
.customer form input[type="text"],
.customer form input[type="tel"],
.customer input[type="email"],
.customer input[type="password"],
.customer input[type="text"],
.customer input[type="tel"] {
  background: #131024 !important;
  border: 1px solid rgba(196, 154, 74, 0.15) !important;
  border-radius: 10px !important;
  color: #F4F0E8 !important;
  padding: 12px 16px !important;
  transition: all 300ms ease !important;
}

.customer form input:focus,
.customer input:focus {
  border-color: #C49A4A !important;
  box-shadow: 0 0 0 3px rgba(196, 154, 74, 0.1) !important;
  outline: none !important;
}

.customer form input::placeholder,
.customer input::placeholder {
  color: #6B6557 !important;
}

/* Labels */
.customer form label,
.customer label {
  color: #9B96A8 !important;
  font-size: 0.85rem !important;
}

/* Submit buttons */
.customer form button[type="submit"],
.customer .button,
.customer button {
  background: linear-gradient(135deg, #C49A4A, #E0C98F) !important;
  color: #0F0A1E !important;
  border: none !important;
  border-radius: 10px !important;
  font-weight: 600 !important;
  padding: 12px 32px !important;
  transition: all 300ms ease !important;
  cursor: pointer !important;
}

.customer form button[type="submit"]:hover,
.customer .button:hover,
.customer button:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(196, 154, 74, 0.25) !important;
}

/* Links */
.customer a {
  color: #C49A4A !important;
  text-decoration: none !important;
  transition: color 300ms ease !important;
}

.customer a:hover {
  color: #E0C98F !important;
  text-decoration: underline !important;
}

/* Account layout */
.customer.account .customer__content {
  background: #131024 !important;
  border: 1px solid rgba(196, 154, 74, 0.1) !important;
  border-radius: 14px !important;
  padding: 24px !important;
}

/* Order history table */
.customer table {
  width: 100% !important;
  border-collapse: collapse !important;
  color: #F4F0E8 !important;
}

.customer table th {
  text-align: left !important;
  padding: 12px !important;
  border-bottom: 1px solid rgba(196, 154, 74, 0.15) !important;
  color: #9B96A8 !important;
  font-size: 0.8rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
}

.customer table td {
  padding: 12px !important;
  border-bottom: 1px solid rgba(196, 154, 74, 0.05) !important;
  color: #C4BFB5 !important;
}

.customer table tr:hover td {
  background: rgba(196, 154, 74, 0.03) !important;
}

/* Recover password */
.customer.recover h1 {
  color: #C49A4A !important;
}

/* Account icons */
.customer svg,
.customer .icon {
  color: #C49A4A !important;
}

/* Divider */
.customer hr {
  border: none !important;
  border-top: 1px solid rgba(196, 154, 74, 0.1) !important;
  margin: 24px 0 !important;
}

/* Responsive */
@media (max-width: 768px) {
  .customer.login,
  .customer.register,
  .customer.account {
    padding: 24px 16px;
  }
  .customer.login h1,
  .customer.register h1,
  .customer.account h1 {
    font-size: 1.5rem !important;
  }
  .customer table {
    font-size: 0.8rem;
  }
  .customer table th,
  .customer table td {
    padding: 8px !important;
  }
}
</style>