.elementor-355 .elementor-element.elementor-element-df35887{--display:flex;--margin-top:4%;--margin-bottom:5%;--margin-left:0%;--margin-right:0%;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-355 .elementor-element.elementor-element-e3cefd5{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 2%) 0%;text-align:center;}.elementor-355 .elementor-element.elementor-element-e3cefd5 .elementor-heading-title{font-family:"Cinzel", Sans-serif;font-size:33px;font-weight:700;text-transform:uppercase;text-shadow:0px 0px 84px #000000;color:#D4AF37;}body.elementor-page-355:not(.elementor-motion-effects-element-type-background), body.elementor-page-355 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-355 .elementor-element.elementor-element-e3cefd5 .elementor-heading-title{font-size:21px;}}@media(min-width:768px){.elementor-355 .elementor-element.elementor-element-df35887{--content-width:80%;}}/* Start custom CSS for heading, class: .elementor-element-e3cefd5 *//* Luxury Gold Gradient & Subtle Glow Effect */
.elementor-355 .elementor-element.elementor-element-e3cefd5 .elementor-heading-title {
    /* 1. Metallic Gold Gradient Fill */
    background: linear-gradient(135deg, #FFF0CA 0%, #D4AF37 45%, #AA7C11 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    display: inline-block;
    
    /* 2. Soft Ambient Drop Shadow (Keeps text readable over image) */
    filter: drop-shadow(0px 4px 18px rgba(0, 0, 0, 0.75)) !important;
    
    /* 3. Luxury Typography Spacing */
    letter-spacing: 2px !important;
    line-height: 1.25 !important;
}

/* Tablet Styling */
@media (max-width: 1024px) {
    .elementor-355 .elementor-element.elementor-element-e3cefd5 .elementor-heading-title {
        letter-spacing: 1.5px !important;
    }
}

/* Mobile Styling */
@media (max-width: 767px) {
    .elementor-355 .elementor-element.elementor-element-e3cefd5 .elementor-heading-title {
        letter-spacing: 1px !important;
        line-height: 1.3 !important;
        filter: drop-shadow(0px 2px 10px rgba(0, 0, 0, 0.9)) !important;
    }
}/* End custom CSS */
/* Start custom CSS for woocommerce-my-account, class: .elementor-element-a706f26 *//* =========================================
   1. MAIN WRAPPER & TYPOGRAPHY
   ========================================= */
.elementor-355 .elementor-element.elementor-element-a706f26 {
  background-color: #000000 !important;
  font-family: 'Poppins', sans-serif !important;
  color: #e5e5e5 !important;
}

.elementor-355 .elementor-element.elementor-element-a706f26 h2, 
.elementor-355 .elementor-element.elementor-element-a706f26 h3 {
  font-family: 'Cinzel', serif !important;
  color: #ffffff !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  margin-bottom: 20px !important;
}

/* =========================================
   2. FIXED NAVIGATION TABS
   ========================================= */
.elementor-355 .elementor-element.elementor-element-a706f26 .woocommerce-MyAccount-navigation,
.elementor-355 .elementor-element.elementor-element-a706f26 .woocommerce-MyAccount-navigation ul {
  background: #0d0d0d !important;
  border: 1px solid rgba(212, 175, 55, 0.25) !important;
  border-radius: 4px !important;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
  overflow: hidden !important;
}

.elementor-355 .elementor-element.elementor-element-a706f26 .woocommerce-MyAccount-navigation li {
  background: #0d0d0d !important;
  border-bottom: 1px solid rgba(212, 175, 55, 0.12) !important;
  margin: 0 !important;
  padding: 0 !important;
}

.elementor-355 .elementor-element.elementor-element-a706f26 .woocommerce-MyAccount-navigation li:last-child {
  border-bottom: none !important;
}

.elementor-355 .elementor-element.elementor-element-a706f26 .woocommerce-MyAccount-navigation li a {
  display: block !important;
  background: #0d0d0d !important;
  color: #cccccc !important;
  padding: 16px 22px !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 0.88rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.5px !important;
  text-decoration: none !important;
  transition: all 0.3s ease !important;
}

.elementor-355 .elementor-element.elementor-element-a706f26 .woocommerce-MyAccount-navigation li.is-active a,
.elementor-355 .elementor-element.elementor-element-a706f26 .woocommerce-MyAccount-navigation li a:hover {
  background: #16120b !important;
  color: #d4af37 !important;
  border-left: 3px solid #d4af37 !important;
  padding-left: 19px !important;
}

/* =========================================
   3. FIXED NOTICE BOX & NON-OVERLAPPING ICON
   ========================================= */
.elementor-355 .elementor-element.elementor-element-a706f26 .woocommerce-info,
.elementor-355 .elementor-element.elementor-element-a706f26 .woocommerce-message,
.elementor-355 .elementor-element.elementor-element-a706f26 .woocommerce-error {
  position: relative !important;
  background-color: #0d0d0d !important;
  color: #e5e5e5 !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important;
  border-top: 3px solid #d4af37 !important;
  border-radius: 4px !important;
  /* Left padding creates dedicated room so icon never overlaps */
  padding: 22px 24px 22px 60px !important;
  font-family: 'Poppins', sans-serif !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.8) !important;
  line-height: 1.6 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  flex-wrap: wrap !important;
}

/* Position and isolate icon on the left */
.elementor-355 .elementor-element.elementor-element-a706f26 .woocommerce-info::before,
.elementor-355 .elementor-element.elementor-element-a706f26 .woocommerce-message::before {
  position: absolute !important;
  left: 22px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  color: #d4af37 !important;
  font-size: 1.25rem !important;
  line-height: 1 !important;
  margin: 0 !important;
  display: inline-block !important;
}

/* =========================================
   4. CONTENT AREA & FORM ELEMENTS
   ========================================= */
.elementor-355 .elementor-element.elementor-element-a706f26 .woocommerce-MyAccount-content {
  background: #0a0a0a !important;
  border: 1px solid rgba(212, 175, 55, 0.22) !important;
  border-radius: 4px !important;
  padding: 28px !important;
}

.elementor-355 .elementor-element.elementor-element-a706f26 .woocommerce-MyAccount-content p {
  color: #cccccc !important;
  font-size: 0.92rem !important;
  line-height: 1.7 !important;
}

.elementor-355 .elementor-element.elementor-element-a706f26 .woocommerce-MyAccount-content a {
  color: #d4af37 !important;
  text-decoration: none !important;
}

.elementor-355 .elementor-element.elementor-element-a706f26 .woocommerce-MyAccount-content a:hover {
  color: #fff2c6 !important;
  text-decoration: underline !important;
}

/* Inputs, Selects & Labels */
.elementor-355 .elementor-element.elementor-element-a706f26 input.input-text,
.elementor-355 .elementor-element.elementor-element-a706f26 select,
.elementor-355 .elementor-element.elementor-element-a706f26 textarea {
  background-color: #141414 !important;
  border: 1px solid rgba(212, 175, 55, 0.25) !important;
  color: #ffffff !important;
  border-radius: 2px !important;
  padding: 12px 16px !important;
  font-size: 0.88rem !important;
  outline: none !important;
  box-sizing: border-box !important;
}

.elementor-355 .elementor-element.elementor-element-a706f26 input.input-text:focus {
  border-color: #d4af37 !important;
  box-shadow: 0 0 10px rgba(212, 175, 55, 0.25) !important;
}

.elementor-355 .elementor-element.elementor-element-a706f26 label {
  color: #d4af37 !important;
  font-size: 0.8rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.8px !important;
  text-transform: uppercase !important;
  margin-bottom: 6px !important;
  display: block !important;
}

/* =========================================
   5. TABLES (ORDERS & DOWNLOADS)
   ========================================= */
.elementor-355 .elementor-element.elementor-element-a706f26 table.shop_table {
  background-color: #0d0d0d !important;
  border: 1px solid rgba(212, 175, 55, 0.2) !important;
  border-collapse: collapse !important;
  width: 100% !important;
}

.elementor-355 .elementor-element.elementor-element-a706f26 table.shop_table th {
  background: #141414 !important;
  color: #d4af37 !important;
  font-family: 'Cinzel', serif !important;
  font-weight: 600 !important;
  letter-spacing: 1px !important;
  padding: 14px 16px !important;
  border-bottom: 1px solid rgba(212, 175, 55, 0.25) !important;
}

.elementor-355 .elementor-element.elementor-element-a706f26 table.shop_table td {
  border-top: 1px solid rgba(212, 175, 55, 0.1) !important;
  padding: 14px 16px !important;
  color: #cccccc !important;
}

/* =========================================
   6. BUTTONS
   ========================================= */
.elementor-355 .elementor-element.elementor-element-a706f26 .button,
.elementor-355 .elementor-element.elementor-element-a706f26 .woocommerce-Button,
.elementor-355 .elementor-element.elementor-element-a706f26 .woocommerce-info a.button,
.elementor-355 .elementor-element.elementor-element-a706f26 .woocommerce-message a.button {
  background: linear-gradient(135deg, #b88628 0%, #d4af37 50%, #9e731b 100%) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 235, 175, 0.4) !important;
  border-radius: 2px !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 0.8rem !important;
  font-weight: 600 !important;
  letter-spacing: 1.8px !important;
  text-transform: uppercase !important;
  padding: 12px 24px !important;
  text-decoration: none !important;
  display: inline-block !important;
  transition: all 0.35s ease !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5) !important;
}

.elementor-355 .elementor-element.elementor-element-a706f26 .button:hover,
.elementor-355 .elementor-element.elementor-element-a706f26 .woocommerce-Button:hover,
.elementor-355 .elementor-element.elementor-element-a706f26 .woocommerce-info a.button:hover,
.elementor-355 .elementor-element.elementor-element-a706f26 .woocommerce-message a.button:hover {
  background: linear-gradient(135deg, #d4af37 0%, #f3d267 50%, #b88628 100%) !important;
  color: #000000 !important;
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(212, 175, 55, 0.35) !important;
}

@media (max-width: 768px) {
  .elementor-355 .elementor-element.elementor-element-a706f26 .woocommerce-MyAccount-content {
    padding: 18px !important;
    margin-top: 20px !important;
  }
}/* End custom CSS */