/* ==========================================================================
   ECO WOOD PROMO MANAGER — LUXE STYLES
   ========================================================================== */

/* ---- Global wrappers / positioning ---- */
.ewpm-thumb-wrap { 
  position: relative; 
  display: inline-block; 
}
.woocommerce div.product div.images,
.woocommerce .woocommerce-product-gallery,
.ewpm-single-wrap { 
  position: relative; 
}

/* ---- Badge (on product image) ---- */
.ewpm-badge{
  position: absolute;
  top: 10px; 
  left: 10px;
  z-index: 30;
  display: inline-flex; 
  align-items: center; 
  gap: .5rem;
  padding: 8px 14px;
  border-radius: 14px;
  font-weight: 800; 
  font-size: 13px; 
  line-height: 1;
  white-space: nowrap;
  box-shadow: 0 8px 22px rgba(0,0,0,.18);
  user-select: none;
  -webkit-font-smoothing: antialiased;
}

/* ---- Banner (above content) ---- */
.ewpm-banner{
  width: 100%;
  margin: 12px auto 16px;
  max-width: 1240px;
  padding: 12px 20px;
  border-radius: 14px;
  font-weight: 750; 
  font-size: 15px;
  display: flex; 
  align-items: center; 
  justify-content: center; 
  gap: .75rem;
  text-align: center;
  box-shadow: 0 12px 30px rgba(0,0,0,.10);
}

/* ---- Countdown chip (shared) ---- */
.ewpm-chip{
  display: inline-flex; 
  align-items: center; 
  justify-content: center;
  min-width: 55px;
  padding: 4px 10px;
  font-weight: 700; 
  font-size: 11px; 
  line-height: 1;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.45);
  background: rgba(255,255,255,.18);
  color: inherit;
}

/* ==========================================================================
   COLOR THEMES — Eco Wood premium palette
   ========================================================================== */

/* 1) ECO WOOD MAGENTA (SALE) */
.ewpm-theme-red.ewpm-badge,
.ewpm-theme-red.ewpm-banner{
  color: #ffffff;
  background: linear-gradient(135deg, #c6126c 0%, #e45e77 100%);
  border: 2px solid rgba(255,255,255,.45);
  box-shadow: 
    0 8px 22px rgba(198,18,108,.45),
    inset 0 1px 0 rgba(255,255,255,.22);
}

/* hover */
.ewpm-theme-red.ewpm-badge:hover,
.ewpm-theme-red.ewpm-banner:hover{
  filter: brightness(1.1);
  box-shadow: 
    0 12px 28px rgba(198,18,108,.55),
    inset 0 1px 0 rgba(255,255,255,.28);
}

/* 2) ECO WOOD BLACK (Premium) */
.ewpm-theme-black.ewpm-badge,
.ewpm-theme-black.ewpm-banner{
  color: #fdfdfd;
  background: linear-gradient(135deg, #121212 0%, #2b2b2b 100%);
  border: 1px solid rgba(255,255,255,.08);
  box-shadow: 
    0 10px 26px rgba(0,0,0,.45),
    inset 0 1px 0 rgba(255,255,255,.08);
}
.ewpm-theme-black .ewpm-chip{
  background: rgba(255,255,255,.10);
  border-color: rgba(255,255,255,.18);
}

/* 3) ECO WOOD GOLD (subtle luxury) */
.ewpm-theme-gold.ewpm-badge,
.ewpm-theme-gold.ewpm-banner{
  color: #5d4300;
  background:
    radial-gradient(120% 160% at 20% 0%, #ffe7b2 0%, transparent 60%),
    linear-gradient(135deg, #f2d59b 0%, #dbb56d 100%);
  border: 1px solid #e9c67a;
  box-shadow:
    0 10px 24px rgba(255, 184, 72, .25),
    inset 0 1px 0 rgba(255,255,255,.25);
}
.ewpm-theme-gold .ewpm-chip{
  background: rgba(93,67,0,.08);
  border-color: rgba(93,67,0,.18);
}

/* 4) ECO WOOD GREEN (brand eco luxury) */
.ewpm-theme-green.ewpm-badge,
.ewpm-theme-green.ewpm-banner{
  color: #0d3b2e;
  background: linear-gradient(135deg, #c2e1c2 0%, #426c45 100%);
  border: 1px solid #91b497;
  box-shadow:
    0 10px 22px rgba(66,108,69,.25),
    inset 0 1px 0 rgba(255,255,255,.4);
}
.ewpm-theme-green .ewpm-chip{
  background: rgba(13,59,46,.06);
  border-color: rgba(13,59,46,.16);
}

/* 5) GLASS (universal luxury glass blur) */
.ewpm-theme-glass.ewpm-badge,
.ewpm-theme-glass.ewpm-banner{
  color: #fff;
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.35);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow:
    0 12px 28px rgba(0,0,0,.30),
    inset 0 1px 0 rgba(255,255,255,.25);
}
.ewpm-theme-glass .ewpm-chip{
  background: rgba(255,255,255,.22);
  border-color: rgba(255,255,255,.38);
}

/* ==========================================================================
   RESPONSIVE
   ========================================================================== */
@media (max-width: 768px){
  .ewpm-badge{ font-size: 12px; padding: 7px 10px; top: 8px; left: 8px; }
  .ewpm-banner{ font-size: 14px; padding: 10px 14px; margin: 10px auto; }
}
@media (max-width: 480px){
  .ewpm-badge{ font-size: 11px; padding: 6px 9px; border-radius: 12px; }
  .ewpm-banner{ font-size: 13px; padding: 9px 12px; border-radius: 12px; }
}





.ewpm-banner {
  position: relative;
  z-index: 10;
}
.site-header,
.elementor-location-header {
  z-index: 1000 !important;
  position: relative;
}