/* Make that specific dropdown item green */
.menu-green > a {
  color: #00ff7f !important; /* bright green — change this to your preferred shade */
}

/* Optional: keep it green on hover too */
.menu-green > a:hover {
  color: #00ff7f !important;
}
/* Blue menu item text */
.menu-blue > a {
  color: #009dff !important; /* blue shade */
  font-weight: 600;
  transition: color 0.3s ease;
}

/* Optional: hover effect */
.menu-blue > a:hover {
  color: #5cc9ff !important; /* lighter blue on hover */
}




/* Premium LXDN+ View Cart animated border button */
body a.added_to_cart.wc-forward {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    margin-top: 12px !important;
    padding: 15px 20px !important;
    text-align: center !important;

    background: #000 !important;
    color: #fff !important;
    border-radius: 12px !important;
    border: 2px solid #c18f59 !important; /* thin gold border */

    font-size: 16px !important;
    font-weight: 600 !important;
    text-transform: none !important;   /* "View Cart" not uppercase */
    letter-spacing: 0.3px !important;
    overflow: hidden !important;

    transition: background .25s ease-in-out, color .25s;
}

/* Animated gold outline */
body a.added_to_cart.wc-forward::before {
    content: "";
    position: absolute;
    top: -2px;
    left: -2px;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    border-radius: 12px;
    background: linear-gradient(
        90deg,
        rgba(193,143,89,0.15),
        rgba(193,143,89,0.65),
        rgba(193,143,89,0.15)
    );
    z-index: 0;
    animation: lxdnBorderSweep 2.8s linear infinite;
    background-size: 300% 100%;
    pointer-events: none;
}

/* Inner content stays above animation */
body a.added_to_cart.wc-forward span,
body a.added_to_cart.wc-forward {
    position: relative;
    z-index: 2;
}

/* Animation keyframes */
@keyframes lxdnBorderSweep {
    0% { background-position: 0% 0%; }
    50% { background-position: 100% 0%; }
    100% { background-position: 0% 0%; }
}

/* Hover effect (darkens button but keeps gold edge) */
body a.added_to_cart.wc-forward:hover {
    background: #111 !important;
    color: #fff !important;
}


/* LXDN+ Animated Gold Button for My Account "Get Entered / Get More Entries" */
.luxe-card-btn {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    margin-top: 12px !important;
    padding: 14px 20px !important;
    text-align: center !important;

    background: #000 !important;
    color: #fff !important;
    border-radius: 12px !important;
    border: 2px solid #c18f59 !important; /* thin gold border */

    font-size: 16px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.3px !important;

    overflow: hidden !important;
}

/* Animated gold border sweep (same vibe as View Cart) */
.luxe-card-btn::before {
    content: "";
    position: absolute;
    top: -2px;
    left: -2px;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    border-radius: 12px;
    background: linear-gradient(
        90deg,
        rgba(193,143,89,0.15),
        rgba(193,143,89,0.70),
        rgba(193,143,89,0.15)
    );
    background-size: 300% 100%;
    animation: lxdnBorderSweep 2.8s linear infinite;
    pointer-events: none;
    z-index: 0;
}

/* Make sure the text sits above the glow */
.luxe-card-btn,
.luxe-card-btn span {
    position: relative;
    z-index: 2;
}

/* Hover state */
.luxe-card-btn:hover {
    background: #111 !important;
    color: #fff !important;
}

/* If keyframes don't already exist, this defines them.
   (If you already have lxdnBorderSweep for View Cart, it's fine to duplicate) */
@keyframes lxdnBorderSweep {
    0% { background-position: 0% 0%; }
    50% { background-position: 100% 0%; }
    100% { background-position: 0% 0%; }
}







/* LXDN+ Giveaway Package Progress Bar – Gold Framed Card */
.luxe-pack-progress {
    max-width: 460px;
    margin: 18px auto 24px auto;
    padding: 14px 18px;
    border-radius: 18px;

    background: radial-gradient(circle at top left, #1b1b1b 0%, #050505 55%, #000000 100%);
    border: 1px solid rgba(193,143,89,0.65);
    box-shadow:
        0 14px 30px rgba(0,0,0,0.75),
        0 0 0 1px rgba(0,0,0,0.7) inset;

    color: #fff;
    font-family: inherit;
}

/* Top row: label + count */
.luxe-pack-progress-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
    font-size: 15px;
}

.luxe-pack-label {
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.09em;
}

.luxe-pack-count {
    font-weight: 600;
    font-size: 14px;
    opacity: 0.95;
}

/* Bar track */
.luxe-pack-progress-bar {
    position: relative;
    width: 100%;
    height: 16px;
    border-radius: 999px;
    background: linear-gradient(90deg, #1a1a1a, #262626);
    overflow: hidden;
    margin-bottom: 6px;
    box-shadow:
        inset 0 1px 3px rgba(255,255,255,0.08),
        inset 0 -2px 4px rgba(0,0,0,0.8);
}

/* Gold fill */
.luxe-pack-progress-fill {
    height: 100%;
    width: 0;
    border-radius: 999px;
    background: linear-gradient(90deg,#3b2b15 0%,#c18f59 50%,#f6d39a 80%,#3b2b15 100%);
    animation: lxdnPackGlow 2.8s linear infinite;
    box-shadow: 0 0 14px rgba(193,143,89,0.9);
    transition: width 0.6s ease-out;
}

/* Bottom text */
.luxe-pack-progress-bottom {
    margin-top: 4px;
    font-size: 13px;
    opacity: 0.9;
}

/* SOLD OUT visual */
.luxe-pack-soldout {
    opacity: 0.95;
}

.luxe-pack-soldout .luxe-pack-progress-fill {
    width: 100% !important;
    background: linear-gradient(90deg,#4a0000 0%,#ff3b3b 50%,#ff9f9f 80%,#4a0000 100%);
    box-shadow: 0 0 14px rgba(255,59,59,0.9);
}

.luxe-pack-soldout .luxe-pack-count {
    color: #ffb3b3;
    font-weight: 700;
}

/* Gold movement animation */
@keyframes lxdnPackGlow {
    0% { background-position: 0% 0%; }
    50% { background-position: 110% 0%; }
    100% { background-position: 0% 0%; }
}



/*******************************************
 LXDN+ LUXURY CART / CHECKOUT COLOUR SYSTEM
********************************************/

/*=============================
  PRIMARY BUTTON – GOLD SHIMMER
==============================*/
.woocommerce .checkout-button.button.alt,
.woocommerce a.checkout-button.button.alt {
    background-color: #C5A15E !important; /* Gold */
    color: #ffffff !important;
    border-radius: 8px !important;
    border: none !important;
    text-transform: none !important;
    font-weight: 700 !important;
    position: relative;
    overflow: hidden !important; /* Needed for shimmer */
}

/* --- GOLD SHIMMER SWEEP WITH SMOOTH FADE-IN --- */
.woocommerce .checkout-button.button.alt::after,
.woocommerce a.checkout-button.button.alt::after {
    content: "";
    position: absolute;
    top: 0;
    left: -150%;
    width: 300%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.05) 30%,
        rgba(255,255,255,0.6) 50%,
        rgba(255,255,255,0.05) 70%,
        rgba(255,255,255,0) 100%
    );
    animation: lxdn-shimmer-btn 5.4s ease-in-out infinite;
    animation-delay: 1.2s; /* smooth delayed start */
    opacity: 0; /* fade-in */
    pointer-events: none;
}

@keyframes lxdn-shimmer-btn {
    0% {
        transform: translateX(0);
        opacity: 0;
    }
    10% {
        opacity: 1; /* shimmer fades in smoothly */
    }
    50% {
        opacity: 1;
        transform: translateX(50%);
    }
    90% {
        opacity: 1;
    }
    100% {
        opacity: 0; /* fade out */
        transform: translateX(50%);
    }
}


/* Hover state (classy darker gold) */
.woocommerce .checkout-button.button.alt:hover,
.woocommerce a.checkout-button.button.alt:hover {
    background-color: #a88646 !important;
}


/******************************
 SECONDARY BUTTONS – BLACK
 (Apply coupon, Update cart)
*******************************/
.woocommerce button.button,
.woocommerce a.button,
.woocommerce input.button {
    background-color: #111111 !important; /* Black */
    color: #ffffff !important;
    border-radius: 6px !important;
    border: none !important;
    font-weight: 600 !important;
}

.woocommerce button.button:hover,
.woocommerce a.button:hover,
.woocommerce input.button:hover {
    background-color: #000000 !important;
}


/******************************
 CART TOTALS – CLEAN & LUXURY
*******************************/
.woocommerce-cart .cart_totals {
    background: #ffffff !important;
    border: 1px solid #e1e1e1 !important;
    padding: 20px !important;
    border-radius: 10px !important;
}

.woocommerce-cart .cart_totals h2 {
    color: #111111 !important;
    font-weight: 700 !important;
}

.woocommerce-cart .cart_totals th,
.woocommerce-cart .cart_totals td {
    color: #111111 !important;
}


/******************************
 PRODUCT ROW IMPROVEMENTS
*******************************/
.woocommerce-cart .product-name a {
    color: #111111 !important;
    font-weight: 600 !important;
}

.woocommerce-cart .product-remove a {
    color: #C5A15E !important; /* gold X remove button */
}

.woocommerce-cart .product-remove a:hover {
    color: #a88646 !important;
}


/******************************
 QUANTITY INPUT BOX STYLE
*******************************/
.woocommerce-cart .quantity .qty {
    border: 1px solid #cfcfcf !important;
    border-radius: 6px !important;
    padding: 5px 10px !important;
    font-size: 16px !important;
    color: #111111 !important;
}


/******************************
 NOTICES (success / error)
*******************************/
.woocommerce-message {
    border-top-color: #C5A15E !important; /* gold success bar */
}

.woocommerce-error {
    border-top-color: #B00020 !important; /* clean red for errors */
}

/********************************
 REMOVE WOO PURPLE COMPLETELY
*********************************/
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
    background-color: #C5A15E !important; /* override all alt buttons */
    color: #ffffff !important;
}



/*******************************************
 LXDN+ – BLOCK CHECKOUT "PLACE ORDER" BUTTON
********************************************/

/* Main button styling for WooCommerce Blocks checkout */
.wc-block-components-checkout-place-order-button,
.wc-block-components-checkout-place-order-button.wp-element-button {
    background: linear-gradient(90deg, #d9b66a, #c5a15e) !important; /* gold gradient */
    color: #ffffff !important;
    border-radius: 8px !important;
    border: none !important;
    font-weight: 700 !important;
    text-transform: none !important;
    padding: 14px 20px !important;
    width: 100% !important;              /* full width */
    position: relative !important;
    overflow: hidden !important;         /* shimmer stays inside */
}

/* Make sure the text inside stays white */
.wc-block-components-checkout-place-order-button .wc-block-components-button__text {
    color: #ffffff !important;
}

/* Smooth shimmer overlay */
.wc-block-components-checkout-place-order-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -150%;
    width: 300%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.10) 30%,
        rgba(255,255,255,0.75) 50%,
        rgba(255,255,255,0.10) 70%,
        rgba(255,255,255,0) 100%
    );
    animation: lxdn-placeorder-shimmer 3.8s ease-in-out infinite;
    animation-delay: 1.2s;  /* don’t hit instantly */
    pointer-events: none;
    opacity: 0;
}

@keyframes lxdn-placeorder-shimmer {
    0% {
        transform: translateX(0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    50% {
        transform: translateX(50%);
        opacity: 1;
    }
    100% {
        transform: translateX(50%);
        opacity: 0;
    }
}

/* Hover – slightly darker gold */
.wc-block-components-checkout-place-order-button:hover,
.wc-block-components-checkout-place-order-button.wp-element-button:hover {
    background: linear-gradient(90deg, #b48f4b, #a17a3c) !important;
}

/* Make Place Order text bigger */
.wc-block-components-checkout-place-order-button .wc-block-components-button__text {
    font-size: 18px !important;
    font-weight: 700 !important;
}





/* LXDN+ — static luxury promo bar */
.lxdn-promo-bar {
    width: 100%;
    background: #111111;                     /* deep black */
    border-top: 1px solid #c5a15e;        /* thin gold lines */
    border-bottom: 1px solid #c5a15e;
    padding: 6px 0;                       /* low height strip */
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    font-family: inherit;
    text-transform: uppercase;
}

/* Main "200× ENTRIES" text — make it stronger */
.lxdn-promo-main {
    color: #f5e1a8;
    letter-spacing: 0.14em;
    font-size: 19px;      /* was 11px */
    font-weight: 700;
}

/* Divider dot */
.lxdn-promo-separator {
    color: #c5a15e;
    font-size: 13px;
}

/* "now live" text — slightly smaller but readable */
.lxdn-promo-sub {
    color: #dddddd;
    letter-spacing: 0.12em;
    font-size: 18px;      /* was 10px */
    font-weight: 500;
}

/* Mobile tuning */
@media (max-width: 768px) {
    .lxdn-promo-main {
        font-size: 15px;
        letter-spacing: 0.12em;
    }

    .lxdn-promo-sub {
        font-size: 12px;
        letter-spacing: 0.10em;
    }
}


.wc-block-checkout .wc-block-components-product-metadata__description {
    display: none !important;
}






/* Gold border + subtle gold glow for the phone input */
.wc-block-checkout .wc-block-components-address-form__phone input {
    border: 2px solid #d4af37 !important;  /* main gold */
    border-radius: 6px !important;

    /* subtle gold glow */
    box-shadow: 0 0 6px rgba(212, 175, 55, 0.35) !important;
}

/* Keep glow on focus (when clicked) */
.wc-block-checkout .wc-block-components-address-form__phone input:focus {
    border-color: #d4af37 !important;
    box-shadow: 0 0 8px rgba(212, 175, 55, 0.45) !important;
}






/* 1) RESET the page title "MY ACCOUNT" so it doesn't glow */
.woocommerce-account .entry-title,
.woocommerce-account h1 {
  text-shadow: none !important;
  background: none !important;
  -webkit-text-fill-color: currentColor !important;
}

/* 2) Style ONLY the "Login" and "Register" headings (Woo's form headings) */
.woocommerce-account .woocommerce h2 {
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-weight: 600;
  color: #ffffff !important;
  text-shadow:
    0 0 6px rgba(212,175,55,0.55),
    0 0 14px rgba(212,175,55,0.35);
  background: none !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* 3) Make ALL field labels black (Username/Email/Password/etc) */
.woocommerce-account .woocommerce form label {
  color: #000000 !important;
  text-shadow: none !important;
  background: none !important;
  -webkit-text-fill-color: #000000 !important;
}

/* 4) Make input text black too (what you type) */
.woocommerce-account .woocommerce form input[type="text"],
.woocommerce-account .woocommerce form input[type="email"],
.woocommerce-account .woocommerce form input[type="password"] {
  color: #000000 !important;
}

/* 5) Optional: placeholders black/gray (if your theme changes them) */
.woocommerce-account .woocommerce form input::placeholder {
  color: rgba(0,0,0,0.55) !important;
}


/* LXDN gold sweeping text — ONLY the login notice */
.lxdn-gold-sweep {
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-weight: 500;
  text-align: center;
  margin-bottom: 30px;

  background: linear-gradient(
    110deg,
    #7a5c14 20%,
    #f5e08a 40%,
    #d4af37 60%,
    #7a5c14 80%
  );
  background-size: 200% auto;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

  animation: lxdnGoldSweep 3.5s linear infinite;
}

@keyframes lxdnGoldSweep {
  to {
    background-position: 200% center;
  }
}


/* REMOVE gold glow from Login & Register only */
.woocommerce-account .woocommerce h2 {
  text-shadow: none !important;
}




/* Active My Account menu item – refined emphasis */
.woocommerce-MyAccount-navigation-link.is-active a {
  font-weight: 600;
  color: #B08D2F !important;
  background-color: #f3f3f3;
  position: relative;
  padding-left: 18px;
}

/* Gold accent bar */
.woocommerce-MyAccount-navigation-link.is-active a::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 4px;
  background-color: #B08D2F;
}






/* LXDN+ — Luxury stat chip for Entries */
.lxdn-entries-shimmer{
  display: inline-block;
  padding: 4px 10px;
  border-radius: 999px;

  font-weight: 900;
  letter-spacing: .04em;
  text-transform: uppercase;

  color: #c9a74f; /* refined gold */

  /* soft contrast background */
  background: rgba(201,167,79,0.10);

  /* crisp separation from white */
  border: 1px solid rgba(201,167,79,0.35);

  /* zero glow, zero blur */
  text-shadow: none;

  -webkit-font-smoothing: antialiased;
}


/* LXDN+ — Qty hint positioning (cart) */
.woocommerce-cart-form .quantity{
  position: relative;
  display: inline-flex;
  flex-direction: column;
  align-items: flex-end;
  padding-bottom: 18px;
}

.woocommerce-cart-form .quantity .lxdn-qty-hint{
  position: absolute;
  right: 0;
  bottom: 0;

  font-size: 12.5px;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;

  color: #c9a85a;
  opacity: .95;
}

/* Update Cart GOLD attention state */
button[name="update_cart"].lxdn-update-gold{
  background: linear-gradient(135deg, #c9a85a, #e7c77b) !important;
  color: #000 !important;
  border-color: #c9a85a !important;
  animation: lxdnGoldPulse 1.6s ease-in-out infinite;
}

@keyframes lxdnGoldPulse{
  0%   { box-shadow: 0 0 0 0 rgba(201,168,90,.45); }
  70%  { box-shadow: 0 0 0 6px rgba(201,168,90,0); }
  100% { box-shadow: 0 0 0 0 rgba(201,168,90,0); }
}




.flash-red {
  animation: flashRed 1.5s infinite;
}

@keyframes flashRed {
  0%, 100% {
    color: #ffffff;
    text-shadow: 0 0 0px rgba(255,0,0,0);
  }
  50% {
    color: #ff1a1a;
    text-shadow: 0 0 25px rgba(255,0,0,1);
  }
}

.countdown-glow .elementor-countdown-digits {
  color: #fff;
  text-shadow:
    0 0 8px #ff0000,
    0 0 16px #ff0000,
    0 0 32px #ff0000,
    0 0 60px rgba(255,0,0,0.9);
}


/* My Account - Subscription detail boxes/tables */
.woocommerce-account .shop_table,
.woocommerce-account .woocommerce-table,
.woocommerce-account table.shop_table,
.woocommerce-account .subscription_details,
.woocommerce-account .subscription_totals,
.woocommerce-account .related_orders,
.woocommerce-account .woocommerce-orders-table,
.woocommerce-account .woocommerce-table--order-details,
.woocommerce-account .woocommerce-table--order-downloads,
.woocommerce-account .woocommerce-MyAccount-content table {
  background: #fff !important;
  color: #111 !important;
  border-radius: 14px;
  overflow: hidden;
}

/* Make text inside readable */
.woocommerce-account .shop_table th,
.woocommerce-account .shop_table td,
.woocommerce-account .woocommerce-table th,
.woocommerce-account .woocommerce-table td,
.woocommerce-account .subscription_details td,
.woocommerce-account .subscription_details th,
.woocommerce-account .woocommerce-MyAccount-content table th,
.woocommerce-account .woocommerce-MyAccount-content table td {
  color: #111 !important;
}

/* Optional: headings above the white boxes stay white on dark bg */
.woocommerce-account .woocommerce-MyAccount-content h2,
.woocommerce-account .woocommerce-MyAccount-content h3 {
  color: #fff;
}

/* Optional: spacing so the white box breathes */
.woocommerce-account .woocommerce-MyAccount-content .shop_table,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-table,
.woocommerce-account .woocommerce-MyAccount-content table {
  margin-bottom: 24px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.18);
}