/* Start custom CSS for shortcode, class: .elementor-element-606c037c *//* ============================================
   AURUM LUXURY LOGIN — Elementor Custom CSS
   White · Black · Gold
   ============================================ */

/* --- Color Variables --- */
:root {
  --gold:        #C9A84C;
  --gold-light:  #E8C97A;
  --gold-dark:   #8B6914;
  --black:       #0A0A0A;
  --black-soft:  #111111;
  --black-mid:   #1C1C1C;
  --white:       #FAFAF8;
  --white-muted: #E8E6E0;
}

/* --- Page / Body Background --- */
.elementor-page .elementor,
body.elementor-page {
  background-color: var(--black) !important;
  color: var(--white) !important;
}

/* --- Section that wraps the login form --- */
.login-section .elementor-container {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
}

/* --- The Login Card / Widget Box --- */
.login-card {
  background: var(--black-mid);
  border: 1px solid rgba(201, 168, 76, 0.2);
  padding: 52px 48px;
  position: relative;
  max-width: 420px;
  width: 100%;
  animation: loginFadeUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) both;
}

/* Gold corner bracket ornaments */
.login-card::before,
.login-card::after {
  content: '';
  position: absolute;
  width: 20px;
  height: 20px;
}

.login-card::before {
  top: -1px;
  left: -1px;
  border-top: 2px solid var(--gold);
  border-left: 2px solid var(--gold);
}

.login-card::after {
  bottom: -1px;
  right: -1px;
  border-bottom: 2px solid var(--gold);
  border-right: 2px solid var(--gold);
}

/* --- Entrance Animation --- */
@keyframes loginFadeUp {
  from { opacity: 0; transform: translateY(28px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* ============================================
   ELEMENTOR LOGIN WIDGET OVERRIDES
   ============================================ */

/* Form container */
.elementor-widget-login .elementor-form-fields-wrapper {
  gap: 20px;
}

/* Field labels */
.elementor-widget-login .elementor-field-label {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 9px !important;
  font-weight: 500 !important;
  letter-spacing: 3px !important;
  text-transform: uppercase !important;
  color: var(--gold) !important;
  margin-bottom: 8px !important;
}

/* Text inputs & password fields */
.elementor-widget-login input[type="text"],
.elementor-widget-login input[type="email"],
.elementor-widget-login input[type="password"] {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 13px !important;
  font-weight: 300 !important;
  letter-spacing: 1px !important;
  background: rgba(0, 0, 0, 0.4) !important;
  color: var(--white) !important;
  border: 1px solid rgba(201, 168, 76, 0.2) !important;
  border-bottom: 1px solid rgba(201, 168, 76, 0.5) !important;
  border-radius: 0 !important;
  padding: 14px 16px !important;
  width: 100% !important;
  outline: none !important;
  transition: border-color 0.3s ease, background 0.3s ease !important;
}

.elementor-widget-login input[type="text"]::placeholder,
.elementor-widget-login input[type="email"]::placeholder,
.elementor-widget-login input[type="password"]::placeholder {
  color: rgba(250, 250, 248, 0.2) !important;
  font-size: 12px !important;
  letter-spacing: 1px !important;
}

.elementor-widget-login input[type="text"]:focus,
.elementor-widget-login input[type="email"]:focus,
.elementor-widget-login input[type="password"]:focus {
  border-color: rgba(201, 168, 76, 0.6) !important;
  border-bottom-color: var(--gold) !important;
  background: rgba(201, 168, 76, 0.03) !important;
  box-shadow: none !important;
}

/* Submit / Login Button */
.elementor-widget-login .elementor-button,
.elementor-widget-login button[type="submit"],
.elementor-widget-login input[type="submit"] {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  letter-spacing: 4px !important;
  text-transform: uppercase !important;
  background: var(--gold) !important;
  color: var(--black) !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 16px 24px !important;
  width: 100% !important;
  cursor: pointer !important;
  position: relative !important;
  overflow: hidden !important;
  transition: background 0.3s ease !important;
}

/* Gold shimmer sweep on hover */
.elementor-widget-login .elementor-button::before,
.elementor-widget-login button[type="submit"]::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 60%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.25), transparent);
  transition: left 0.5s ease;
}

.elementor-widget-login .elementor-button:hover::before,
.elementor-widget-login button[type="submit"]:hover::before {
  left: 150%;
}

.elementor-widget-login .elementor-button:hover,
.elementor-widget-login button[type="submit"]:hover {
  background: var(--gold-light) !important;
}

.elementor-widget-login .elementor-button:active,
.elementor-widget-login button[type="submit"]:active {
  transform: scale(0.99) !important;
}

/* --- Remember Me Checkbox --- */
.elementor-widget-login .elementor-field-type-checkbox label,
.elementor-widget-login .elementor-remember-me label {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 10px !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  color: var(--white-muted) !important;
  opacity: 0.6 !important;
}

.elementor-widget-login input[type="checkbox"] {
  accent-color: var(--gold) !important;
  width: 14px !important;
  height: 14px !important;
}

/* --- Forgot Password & Register Links --- */
.elementor-widget-login .elementor-lost-password,
.elementor-widget-login a {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 10px !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  color: var(--gold) !important;
  opacity: 0.7 !important;
  text-decoration: none !important;
  transition: opacity 0.2s ease !important;
}

.elementor-widget-login a:hover {
  opacity: 1 !important;
  text-decoration: none !important;
}

/* --- Gold Divider (add an Elementor Divider widget, give it class: gold-divider) --- */
.gold-divider .elementor-divider-separator {
  border-top-color: var(--gold) !important;
  border-top-width: 1px !important;
  opacity: 0.4 !important;
}

/* --- Heading inside the login section --- */
.login-heading .elementor-heading-title {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 28px !important;
  font-weight: 300 !important;
  letter-spacing: 8px !important;
  text-transform: uppercase !important;
  color: var(--white) !important;
}

/* --- Subheading / tagline text widget --- */
.login-tagline .elementor-widget-container p {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 9px !important;
  letter-spacing: 4px !important;
  text-transform: uppercase !important;
  color: var(--gold) !important;
  opacity: 0.8 !important;
}

/* --- Error Messages --- */
.elementor-widget-login .elementor-message-danger,
.login-form-wrapper .woocommerce-error li {
  background: rgba(201, 68, 76, 0.1) !important;
  border-left: 2px solid #C9444C !important;
  color: #E8A0A4 !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 11px !important;
  letter-spacing: 1px !important;
  padding: 10px 14px !important;
  border-radius: 0 !important;
}

/* --- Mobile Responsive --- */
@media (max-width: 767px) {
  .login-card {
    padding: 36px 24px;
    margin: 20px;
  }

  .elementor-widget-login .elementor-button,
  .elementor-widget-login button[type="submit"] {
    font-size: 9px !important;
    letter-spacing: 3px !important;
  }
}/* End custom CSS */