:root{
  --eglc-accent:#d8123a;
  --eglc-card-bg:#081321;
  --eglc-text:#ffffff;
  --eglc-muted:rgba(255,255,255,0.65);
  --eglc-radius:28px;
  --eglc-border:rgba(216,18,58,0.18);
  --eglc-shadow:0 30px 80px -55px rgba(0,0,0,0.85);
  --eglc-title:22px;
  --eglc-meta:13px;
  --eglc-btn-bg:linear-gradient(90deg, #bf1238 0%, #df143f 60%, #f01945 100%);
  --eglc-btn-text:#ffffff;
  --eglc-track:rgba(255,255,255,0.10);
  --eglc-fill:linear-gradient(90deg, #a50d2e 0%, #d8123a 55%, #f01945 100%);
  --eglc-pricepill-bg:rgba(0,0,0,0.55);
  --eglc-pricepill-text:#fff;
}

/* Elementor grid wrapper */
.eglc-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}

/* CARD */
.eglc-card{
  border-radius:var(--eglc-radius);
  border:1px solid var(--eglc-border);
  background:
    radial-gradient(120% 120% at 50% 0%, rgba(255,255,255,.06) 0%, rgba(255,255,255,.02) 35%, rgba(0,0,0,0) 100%),
    radial-gradient(circle at 85% 18%, rgba(216,18,58,.12), transparent 22%),
    var(--eglc-card-bg);
  box-shadow:var(--eglc-shadow);
  overflow:hidden;
  position:relative;
}
.eglc-link{display:block; text-decoration:none; color:var(--eglc-text);}

/* Media */
.eglc-media{padding:16px;}
.eglc-media-inner{
  position:relative;
  height:220px;
  width:100%;
  border-radius:22px;
  overflow:hidden;
  background:rgba(0,0,0,.30);
  border:1px solid rgba(255,255,255,.10);
}
.eglc-img-el{width:100%; height:100%; object-fit:cover; display:block; transition:transform .7s ease;}
.eglc-card:hover .eglc-img-el{transform:scale(1.04);}

.eglc-pills{
  position:absolute; left:14px; top:14px;
  display:flex; gap:8px; align-items:center; flex-wrap:wrap;
}
.eglc-pill{
  font-size:10px; font-weight:900; letter-spacing:.12em; text-transform:uppercase;
  padding:7px 12px;
  border-radius:999px;
  background:rgba(0,0,0,.60);
  border:1px solid rgba(216,18,58,.22);
  backdrop-filter:blur(10px);
  color:#fff;
}

.eglc-pricepill{
  position:absolute; left:14px; bottom:14px;
  font-size:12px; font-weight:900; letter-spacing:.02em; text-transform:uppercase;
  padding:7px 12px;
  border-radius:999px;
  background:var(--eglc-pricepill-bg);
  border:1px solid rgba(255,255,255,.14);
  color:var(--eglc-pricepill-text);
  backdrop-filter:blur(10px);
}
.eglc-vignette{
  pointer-events:none;
  position:absolute; inset:0;
  background:
    linear-gradient(to top, rgba(0,0,0,.40), transparent 55%, transparent),
    radial-gradient(circle at 80% 25%, rgba(216,18,58,.16), transparent 24%);
}

/* Body */
.eglc-body{padding:0 22px 22px;}
.eglc-title{
  margin:0 0 8px;
  font-size:var(--eglc-title);
  font-weight:900;
  line-height:1.15;
  letter-spacing:-.01em;
  color:var(--eglc-text);
}
.eglc-stats{
  font-size:var(--eglc-meta);
  color:rgba(255,255,255,.72);
}
.eglc-stats b{font-weight:800; color:rgba(255,255,255,.88);}
.eglc-accent{color:var(--eglc-accent)!important;}
.eglc-dot{opacity:.45; padding:0 6px;}
.eglc-sub{
    margin-top:6px;
    font-size:13px;
    color:#4CAF50;
    border:1px solid #4CAF50;
    padding:3px 8px;
    border-radius:6px;
    display:inline-block;
}
.eglc-sub{
  font-weight:800;
}

.eglc-sub--open{
  color:#39ff14 !important;
}

.eglc-sub--closed{
  color:#ff2d55 !important;
}


/* Footer */
.eglc-footer{
  margin-top:18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.eglc-chip{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:9px 14px;
  border-radius:999px;
  font-size:12px;
  font-weight:800;
  color:rgba(255,255,255,.65);
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
}
.eglc-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:12px 18px;
  border-radius:999px;
  background:var(--eglc-btn-bg);
  color:var(--eglc-btn-text);
  font-weight:900;
  font-size:14px;
  letter-spacing:-.01em;
  box-shadow:0 0 22px rgba(216,18,58,.25);
  transition:transform .2s ease, filter .2s ease;
}
.eglc-card:hover .eglc-btn{transform:scale(1.03); filter:brightness(1.02);}

/* Make Woo loop list items not show old content if still present in theme */
.woocommerce ul.products li.product .eglc-card,
.woocommerce-page ul.products li.product .eglc-card{
  width:100%;
}

/* Safety: hide default inner elements inside li when our card is injected */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .wd-add-btns,
.woocommerce ul.products li.product .product-element-top,
.woocommerce ul.products li.product .product-image-link{
  display:none !important;
}

/* ========== CART LAYOUT ========== */
.eg-cart-container{
  max-width:1200px;
  margin:0 auto;
  padding:60px 20px;
}

.eg-cart-title{
  font-size:42px;
  font-weight:900;
  text-transform:uppercase;
  margin-bottom:40px;
  color:#fff;
}
.eg-cart-title span{ color:#d8123a; }

.eg-cart-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:40px;
}
@media(min-width:1024px){
  .eg-cart-grid{ grid-template-columns:2fr 1fr; }
}

/* ========== ITEMS ========== */
.eg-cart-item{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:20px;
  padding:20px;
  border-radius:22px;
  background:#081321;
  border:1px solid rgba(255,255,255,.06);
}
@media(min-width:768px){
  .eg-cart-item{ flex-wrap:nowrap; }
}

.eg-cart-thumb{
  width:100px;
  height:100px;
  border-radius:18px;
  overflow:hidden;
  background:#111827;
  flex-shrink:0;
}

.eg-cart-info h3{
  font-size:18px;
  font-weight:700;
  color:#fff;
}
.eg-cart-info p{
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.1em;
  color:rgba(255,255,255,.4);
}

.eg-cart-qty{
  padding:6px 10px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(0,0,0,.35);
}
/* CART — custom qty bubble (.eg-cart-qty) fix */
.eg-cart-qty{
  color:#fff !important;
  background: rgba(255,255,255,.12) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
}

.eg-cart-qty *{
  color:#fff !important;
}

.eg-cart-price{
  font-size:20px;
  font-weight:900;
  color:#fff;
  min-width:110px;
  text-align:right;
}

.eg-cart-remove a{
  font-size:26px;
  color:rgba(255,255,255,.25);
  text-decoration:none;
}
.eg-cart-remove a:hover{ color:#ff4b4b; }

/* ========== ACTIONS ========== */
.eg-cart-actions{
  margin-top:25px;
}
.eg-cart-actions button{
  background:rgba(255,255,255,.06);
  color:rgba(255,255,255,.6);
  padding:12px 22px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.06);
  cursor:pointer;
}
.eg-cart-actions button:hover{
  color:#fff;
  border-color:rgba(216,18,58,.24);
}

/* ========== SUMMARY ========== */
.eg-cart-summary{
  background:#081321;
  border:1px solid rgba(216,18,58,.16);
  padding:30px;
  border-radius:24px;
  position:sticky;
  top:30px;
  box-shadow:0 0 40px rgba(216,18,58,.06);
}

.eg-cart-summary h2{
  font-size:20px;
  font-weight:900;
  text-transform:uppercase;
  margin-bottom:20px;
  color:#fff;
}
.eg-cart-summary h2 span{ color:#d8123a; }

.eg-summary-rows div{
  display:flex;
  justify-content:space-between;
  margin-bottom:10px;
  color:rgba(255,255,255,.6);
  font-size:14px;
}

.eg-summary-total{
  font-size:26px;
  font-weight:900;
  border-top:1px solid rgba(255,255,255,.06);
  padding-top:15px;
  color:#f01945;
}

/* ========== CHECKOUT BUTTON ========== */
.eg-checkout-btn{
  display:block;
  margin-top:20px;
  text-align:center;
  padding:18px;
  border-radius:20px;
  font-weight:900;
  text-transform:uppercase;
  background:linear-gradient(90deg, #bf1238 0%, #df143f 60%, #f01945 100%);
  color:#fff;
  text-decoration:none;
  box-shadow:0 0 20px rgba(216,18,58,.28);
}
.eg-checkout-btn:hover{
  transform:scale(1.03);
}

/* =========================================================
   EG CART — QTY visibility fix (black on black)
========================================================= */

/* Cart page qty wrapper (Woodmart + Woo) */
.woocommerce-cart .quantity,
.woocommerce-cart .wd-quantity,
.woocommerce-cart .wd-quantity .quantity {
  background: rgba(0,0,0,.35) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 14px !important;
  padding: 6px !important;
}

/* input */
.woocommerce-cart .quantity input.qty,
.woocommerce-cart .wd-quantity input.qty,
.woocommerce-cart input.qty {
  background: transparent !important;
  color: #fff !important;
  border: 0 !important;
  box-shadow: none !important;
  font-weight: 800 !important;
  min-width: 52px;
  text-align: center !important;
}

/* +/- buttons */
.woocommerce-cart .quantity .minus,
.woocommerce-cart .quantity .plus,
.woocommerce-cart .wd-quantity .minus,
.woocommerce-cart .wd-quantity .plus {
  background: rgba(255,255,255,.06) !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 12px !important;
  width: 44px !important;
  height: 40px !important;
  line-height: 38px !important;
  font-weight: 900 !important;
  cursor: pointer !important;
}
.woocommerce-cart .wd-quantity, 
.woocommerce-cart .wd-quantity * { color:#fff !important; }

.woocommerce-cart .quantity input.qty,
.woocommerce-cart .wd-quantity input.qty,
.woocommerce-cart .wd-quantity .qty,
.woocommerce-cart .qty {
  color: #fff !important;
}

.woocommerce-cart .quantity,
.woocommerce-cart .wd-quantity {
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
}

.woocommerce-cart .quantity .minus:hover,
.woocommerce-cart .quantity .plus:hover,
.woocommerce-cart .wd-quantity .minus:hover,
.woocommerce-cart .wd-quantity .plus:hover {
  border-color: rgba(216,18,58,.45) !important;
  box-shadow: 0 0 0 3px rgba(216,18,58,.12) !important;
}

.woocommerce-cart .quantity input.qty:focus,
.woocommerce-cart .wd-quantity input.qty:focus {
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(216,18,58,.18) !important;
}

.woocommerce-cart a.remove,
.woocommerce-cart .product-remove a {
  color: rgba(255,255,255,.45) !important;
  font-size: 22px !important;
}
.woocommerce-cart a.remove:hover,
.woocommerce-cart .product-remove a:hover {
  color: #ff4b4b !important;
}

.woocommerce-cart .wd-quantity,
.woocommerce-cart .wd-quantity * {
  color: #fff !important;
}

.eg-checkout-grid{
  display:grid;
  grid-template-columns: 1fr;
  gap: 20px;
}
@media (min-width: 1024px){
  .eg-checkout-grid{
    grid-template-columns: 1fr 1fr;
    gap: 28px;
  }
}

/* =========================
   CHECKOUT – contrast fix
========================= */
body.woocommerce-checkout .eg-card,
body.woocommerce-checkout .woocommerce-checkout .eg-card{
  color:#fff;
}

body.woocommerce-checkout h1,
body.woocommerce-checkout h2,
body.woocommerce-checkout h3,
body.woocommerce-checkout .woocommerce-billing-fields h3,
body.woocommerce-checkout #order_review_heading,
body.woocommerce-checkout #payment .wc_payment_methods,
body.woocommerce-checkout .wc-block-components-title{
  color:rgba(255,255,255,.92) !important;
}

body.woocommerce-checkout .woocommerce-billing-fields label,
body.woocommerce-checkout .woocommerce-additional-fields label,
body.woocommerce-checkout form.checkout label{
  color:rgba(255,255,255,.70) !important;
}

body.woocommerce-checkout .woocommerce-billing-fields .form-row .description,
body.woocommerce-checkout .woocommerce-checkout .woocommerce-info,
body.woocommerce-checkout .woocommerce-checkout .woocommerce-privacy-policy-text,
body.woocommerce-checkout #payment .about_paypal{
  color:rgba(255,255,255,.70) !important;
}

body.woocommerce-checkout .woocommerce-checkout input[type="text"],
body.woocommerce-checkout .woocommerce-checkout input[type="email"],
body.woocommerce-checkout .woocommerce-checkout input[type="tel"],
body.woocommerce-checkout .woocommerce-checkout input[type="password"],
body.woocommerce-checkout .woocommerce-checkout textarea,
body.woocommerce-checkout .woocommerce-checkout select,
body.woocommerce-checkout .select2-container--default .select2-selection--single{
  background:#081321 !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.14) !important;
  border-radius:16px !important;
}

body.woocommerce-checkout .woocommerce-checkout input::placeholder,
body.woocommerce-checkout .woocommerce-checkout textarea::placeholder{
  color:rgba(255,255,255,.45) !important;
}

body.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered{
  color:#fff !important;
}
body.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow b{
  border-color:rgba(255,255,255,.55) transparent transparent transparent !important;
}

body.woocommerce-checkout #order_review,
body.woocommerce-checkout #order_review table,
body.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table{
  color:#fff !important;
}

body.woocommerce-checkout #order_review table th,
body.woocommerce-checkout #order_review table thead th{
  color:rgba(255,255,255,.72) !important;
}

body.woocommerce-checkout #order_review table td,
body.woocommerce-checkout #order_review table tfoot td,
body.woocommerce-checkout #order_review table tfoot th{
  color:rgba(255,255,255,.88) !important;
}

body.woocommerce-checkout #order_review .product-name,
body.woocommerce-checkout #order_review .product-name a{
  color:#fff !important;
}

body.woocommerce-checkout #order_review a.remove{
  color:rgba(255,255,255,.45) !important;
}
body.woocommerce-checkout #order_review a.remove:hover{
  color:#ff4d4d !important;
}

body.woocommerce-checkout #payment,
body.woocommerce-checkout #payment *{
  color:rgba(255,255,255,.90);
}

body.woocommerce-checkout #payment ul.wc_payment_methods li label{
  color:rgba(255,255,255,.78) !important;
}

body.woocommerce-checkout #payment ul.wc_payment_methods li{
  border-bottom:1px solid rgba(255,255,255,.08) !important;
}

body.woocommerce-checkout #payment .payment_box,
body.woocommerce-checkout #payment .payment_box.payment_method_stripe{
  background:rgba(255,255,255,.04) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  border-radius:18px !important;
}

body.woocommerce-checkout #payment input[type="checkbox"] + label,
body.woocommerce-checkout .woocommerce-checkout input[type="checkbox"] + label{
  color:rgba(255,255,255,.75) !important;
}

body.woocommerce-checkout #place_order{
  color:#fff !important;
  font-weight:900 !important;
  letter-spacing:.06em !important;
  background:linear-gradient(90deg, #bf1238 0%, #df143f 60%, #f01945 100%) !important;
  border:none !important;
  box-shadow:0 10px 30px rgba(216,18,58,.22) !important;
}

/* =========================================================
   EG THANK YOU (Order Received)
========================================================= */

body.woocommerce-order-received #content,
body.woocommerce-order-received .site-content,
body.woocommerce-order-received .content-area,
body.woocommerce-order-received main,
body.woocommerce-order-received .main-page-wrapper,
body.woocommerce-order-received .container,
body.woocommerce-order-received .wd-page-content,
body.woocommerce-order-received .wd-content-layout{
  background:transparent !important;
}

body.woocommerce-order-received .woocommerce-order{
  max-width:1200px;
  margin:0 auto;
  padding:60px 20px;
}

body.woocommerce-order-received .woocommerce-order *{
  color:#fff !important;
}
body.woocommerce-order-received .woocommerce-notice,
body.woocommerce-order-received .woocommerce-thankyou-order-received{
  font-size:38px !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  letter-spacing:-.03em !important;
  margin: 0 0 24px !important;
}
body.woocommerce-order-received .woocommerce-notice::after,
body.woocommerce-order-received .woocommerce-thankyou-order-received::after{
  content:"";
  display:block;
  width:90px;
  height:6px;
  border-radius:999px;
  margin:14px auto 0;
  background: #d8123a;
  box-shadow: 0 0 18px rgba(216,18,58,.35);
}

body.woocommerce-order-received ul.order_details{
  list-style:none !important;
  padding:22px !important;
  margin:22px auto 26px !important;
  max-width:900px;
  border-radius:22px !important;
  background:#081321 !important;
  border:1px solid rgba(255,255,255,.06) !important;
  display:flex !important;
  flex-wrap:wrap !important;
  gap:12px 18px !important;
  justify-content:space-between !important;
}
body.woocommerce-order-received ul.order_details li{
  margin:0 !important;
  padding:12px 14px !important;
  border-radius:16px !important;
  background:rgba(0,0,0,.35) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  color:rgba(255,255,255,.70) !important;
  text-transform:uppercase !important;
  letter-spacing:.12em !important;
  font-weight:800 !important;
  font-size:12px !important;
}
body.woocommerce-order-received ul.order_details li strong{
  display:block !important;
  margin-top:6px !important;
  color:#fff !important;
  font-size:16px !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  font-weight:900 !important;
}

body.woocommerce-order-received .woocommerce-order-details,
body.woocommerce-order-received .woocommerce-customer-details{
  max-width:1200px;
  margin:0 auto;
}
body.woocommerce-order-received .woocommerce-order-details__title,
body.woocommerce-order-received .woocommerce-column__title{
  color:#fff !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  letter-spacing:.06em !important;
  margin: 18px 0 12px !important;
}

body.woocommerce-order-received table.shop_table,
body.woocommerce-order-received table.shop_table th,
body.woocommerce-order-received table.shop_table td{
  background:transparent !important;
  color:#fff !important;
  border-color: rgba(255,255,255,.08) !important;
}
body.woocommerce-order-received table.shop_table{
  border-radius:22px !important;
  overflow:hidden !important;
  background:#081321 !important;
  border:1px solid rgba(255,255,255,.06) !important;
}
body.woocommerce-order-received table.shop_table thead th{
  color:rgba(255,255,255,.70) !important;
  text-transform:uppercase !important;
  letter-spacing:.12em !important;
  font-weight:900 !important;
  font-size:12px !important;
  background:rgba(255,255,255,.04) !important;
}
body.woocommerce-order-received table.shop_table tfoot th,
body.woocommerce-order-received table.shop_table tfoot td{
  font-weight:900 !important;
}
body.woocommerce-order-received table.shop_table tfoot tr:last-child td{
  color: #f01945 !important;
  font-size:22px !important;
}

body.woocommerce-order-received .woocommerce-order .woocommerce-thankyou-order-details + p a,
body.woocommerce-order-received .woocommerce-order a.button,
body.woocommerce-order-received .woocommerce-order a.wc-forward,
body.woocommerce-order-received .woocommerce-order .button{
  display:inline-block !important;
  margin-top:18px !important;
  padding:18px 22px !important;
  border-radius:20px !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  letter-spacing:.08em !important;
  background: linear-gradient(90deg, #bf1238 0%, #df143f 60%, #f01945 100%) !important;
  color:#fff !important;
  text-decoration:none !important;
  box-shadow:0 0 20px rgba(216,18,58,.30) !important;
  border:0 !important;
}
body.woocommerce-order-received .woocommerce-order a.button:hover,
body.woocommerce-order-received .woocommerce-order a.wc-forward:hover,
body.woocommerce-order-received .woocommerce-order .button:hover{
  transform:scale(1.03);
}

body.woocommerce-order-received .woocommerce-order a:not(.button):not(.wc-forward){
  color: rgba(255,255,255,.85) !important;
  text-decoration:none !important;
  border-bottom:1px solid rgba(255,255,255,.18);
}
body.woocommerce-order-received .woocommerce-order a:not(.button):not(.wc-forward):hover{
  color: #f01945 !important;
  border-bottom-color: rgba(216,18,58,.55);
}

body.woocommerce-order-received #content,
body.woocommerce-order-received .site-content,
body.woocommerce-order-received .content-area,
body.woocommerce-order-received main,
body.woocommerce-order-received .main-page-wrapper,
body.woocommerce-order-received .container,
body.woocommerce-order-received .wd-page-content,
body.woocommerce-order-received .wd-content-layout {
  background: #08111d !important;
}

@media (max-width: 640px){
  body.woocommerce-order-received .woocommerce-order{
    padding:40px 16px;
  }
  body.woocommerce-order-received .woocommerce-notice,
  body.woocommerce-order-received .woocommerce-thankyou-order-received{
    font-size:28px !important;
  }
  body.woocommerce-order-received ul.order_details{
    padding:16px !important;
  }
}

/* ================================
   THANK YOU – FIX WHITE ON WHITE
================================ */

body.woocommerce-order-received .woocommerce-order,
body.woocommerce-order-received .woocommerce-thankyou-order-details,
body.woocommerce-order-received .woocommerce-order-details,
body.woocommerce-order-received .woocommerce-customer-details,
body.woocommerce-order-received .woocommerce-order-overview {
  background: #081321 !important;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 22px;
  padding: 24px;
  margin-bottom: 30px;
  color: #fff !important;
}

body.woocommerce-order-received .woocommerce-order-details h2,
body.woocommerce-order-received .woocommerce-customer-details h2 {
  color: #fff !important;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .05em;
}

body.woocommerce-order-received table.shop_table th,
body.woocommerce-order-received table.shop_table td {
  color: #fff !important;
  border-color: rgba(255,255,255,.08) !important;
}

body.woocommerce-order-received table.shop_table thead th {
  color: rgba(255,255,255,.65) !important;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: .1em;
}

body.woocommerce-order-received table.shop_table tfoot th,
body.woocommerce-order-received table.shop_table tfoot td {
  color: #fff !important;
  font-weight: 800;
}

body.woocommerce-order-received .woocommerce-order a {
  color: #f01945 !important;
}
/* ===== PROGRESS BAR + MOVING % MARKER ===== */

.eglc-progress{
    position: relative;
    margin-top: 14px;
}

.eglc-progress-track{
    position: relative;
    width: 100%;
    height: 10px;
    background: var(--eglc-track, rgba(255,255,255,0.10));
    border-radius: 999px;
    overflow: visible !important;
}

.eglc-progress-bar{
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background: var(--eglc-fill, linear-gradient(90deg, #a50d2e 0%, #d8123a 55%, #f01945 100%));
    border-radius: 999px;
    min-width: 0;
}

.eglc-progress-percent-marker{
    position: absolute;
    top: -2px;
    transform: translateX(-50%);
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
    color: #fff;
    white-space: nowrap;
    pointer-events: none;
    z-index: 20;
    text-shadow: 0 1px 2px rgba(0,0,0,.55);
}

/* la 0% să nu iasă în afara barei */
.eglc-progress-track .eglc-progress-percent-marker[style*="left:0%"]{
    left: 14px !important;
    transform: translateX(0);
}

/* la 100% să nu fie tăiat */
.eglc-progress-track .eglc-progress-percent-marker[style*="left:100%"]{
    left: calc(100% - 14px) !important;
    transform: translateX(-100%);
}

.eglc-progress-row{
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin-top: 10px;
}

.eglc-progress-row.muted{
    opacity: .75;
}

.eglc-chip-price{
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.eglc-card--entries .eglc-body{
  padding: 0 22px 22px;
}

.eglc-card--entries .eglc-footer{
  margin-top: 16px;
  justify-content: center;
}

.eglc-card--entries .eglc-btn{
  width: 100%;
  text-align: center;
  justify-content: center;
}
/* =========================================
   Woo Lottery / Alertable popup restyle
   păstrează mesajul nativ, schimbă doar aspectul
========================================= */

.alertable-overlay{
  background: rgba(0,0,0,.78) !important;
  backdrop-filter: blur(6px) !important;
  -webkit-backdrop-filter: blur(6px) !important;
  z-index: 99998 !important;
}

form.alertable{
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: min(92vw, 560px) !important;
  max-width: 560px !important;
  background: #05070b !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 0 !important;
  padding: 34px 28px 26px !important;
  box-shadow: 0 30px 80px rgba(0,0,0,.55) !important;
  z-index: 99999 !important;
  font-family: inherit !important;
}

/* mesaj */
form.alertable .alertable-message{
  display: block !important;
  margin: 0 0 28px !important;
  padding: 0 !important;
  background: transparent !important;
  color: #ff4f7d !important;
  font-size: clamp(24px, 3vw, 34px) !important;
  line-height: 1.22 !important;
  font-weight: 800 !important;
  text-align: center !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* wrapper butoane */
form.alertable .alertable-buttons{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 24px !important;
  flex-wrap: wrap !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

/* butoane generale */
form.alertable .alertable-buttons button,
form.alertable .alertable-buttons input,
form.alertable .alertable-ok,
form.alertable .alertable-cancel{
  appearance: none !important;
  -webkit-appearance: none !important;
  min-width: 190px !important;
  min-height: 56px !important;
  padding: 16px 24px !important;
  border-radius: 0 !important;
  border: 0 !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: .01em !important;
  cursor: pointer !important;
  box-shadow: none !important;
  transition: .2s ease !important;
}

/* dacă există un singur buton OK */
form.alertable .alertable-ok,
form.alertable .alertable-buttons button:only-child,
form.alertable .alertable-buttons input:only-child{
  background: #ff1455 !important;
  color: #ffffff !important;
}

/* primul buton - gri */
form.alertable .alertable-cancel,
form.alertable .alertable-buttons button:first-child,
form.alertable .alertable-buttons input:first-child{
  background: #e9e9e9 !important;
  color: #333333 !important;
}

/* ultimul buton - roz */
form.alertable .alertable-ok,
form.alertable .alertable-buttons button:last-child,
form.alertable .alertable-buttons input:last-child{
  background: #ff1455 !important;
  color: #ffffff !important;
}

form.alertable .alertable-cancel:hover,
form.alertable .alertable-buttons button:first-child:hover,
form.alertable .alertable-buttons input:first-child:hover{
  background: #dcdcdc !important;
}

form.alertable .alertable-ok:hover,
form.alertable .alertable-buttons button:last-child:hover,
form.alertable .alertable-buttons input:last-child:hover{
  background: #e0124b !important;
}

/* focus */
form.alertable .alertable-buttons button:focus,
form.alertable .alertable-buttons input:focus,
form.alertable .alertable-ok:focus,
form.alertable .alertable-cancel:focus{
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(255,20,85,.18) !important;
}

/* X close dacă pluginul o injectează */
form.alertable .alertable-close,
form.alertable .alertable-x,
form.alertable [data-alertable-close]{
  position: absolute !important;
  top: 10px !important;
  right: 14px !important;
  width: 34px !important;
  height: 34px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
  border: 0 !important;
  color: #ffffff !important;
  font-size: 34px !important;
  line-height: 1 !important;
  cursor: pointer !important;
  opacity: .9 !important;
}

form.alertable .alertable-close:hover,
form.alertable .alertable-x:hover,
form.alertable [data-alertable-close]:hover{
  opacity: 1 !important;
}

/* responsive */
@media (max-width: 640px){
  form.alertable{
    width: min(94vw, 560px) !important;
    padding: 28px 18px 22px !important;
  }

  form.alertable .alertable-message{
    font-size: 22px !important;
    margin-bottom: 22px !important;
  }

  form.alertable .alertable-buttons{
    gap: 14px !important;
  }

  form.alertable .alertable-buttons button,
  form.alertable .alertable-buttons input,
  form.alertable .alertable-ok,
  form.alertable .alertable-cancel{
    min-width: 100% !important;
  }
}