/* ===================================================================
   EDM skin v2.0.0 — dark EDMWarriors look over megashop3.
   Loaded after the theme CSS; overrides colour variables + shells.
   =================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Sora:wght@600;700;800&family=Manrope:wght@400;500;600;700&display=swap');

:root{
  --primary-color:#8ce23f !important;
  --primary-color-hover:#a4f45e !important;
  --accent-color:#8ce23f !important;
  --accent-color-hover:#a4f45e !important;
  --link-color:#8ce23f !important;
  --link-color-hover:#a4f45e !important;
  --dark-color:#0b0d12 !important;
  --light-color:#151922 !important;
  --pale-color:#1b2130 !important;
  --footer-background-color:#0b0d12 !important;
  --footer-text-color:#98a2b3 !important;
  --add-to-cart-button-color:#8ce23f !important;
  --add-to-cart-button-color-hover:#a4f45e !important;
  --add-to-cart-button-text-color:#0a1600 !important;
  --add-to-cart-button-text-hover-color:#0a1600 !important;
  --header-bottom-bar-bg-color:#0f1218 !important;
  --header-bottom-bar-text-color:#f4f6f8 !important;
  --header-bottom-bar-btn-color:#8ce23f !important;
  --badge-new-color:#8ce23f !important; --badge-new-text-color:#0a1600 !important;
  --badge-bestseller-color:#ffcf5c !important; --badge-bestseller-text-color:#241a04 !important;
  --badge-discount-color:#ff5a5f !important; --badge-discount-text-color:#fff !important;
  --inputs-buttons-border-radius:12px !important;
  --font-family:'Manrope', system-ui, sans-serif !important;
  --price-with-compare-color:#ff5a5f !important;
}

/* ---- dark shell ---- */
html, body.page, .body, .index, .index__wrapper, .index__content,
.content, .container_content, .index__header, .index__footer{
  background-color:#0b0d12 !important; color:#f4f6f8;
}
.page, .index, .content{color:#f4f6f8}
h1,h2,h3,.title,.title_h1,.title_h2,.product__name,.category__name{font-family:'Sora',sans-serif !important;color:#f4f6f8}
a{color:inherit}
p,span,li,td,label,.text,.description{color:#c7cfda}

/* header / menu */
.header, .header-bottom-bar, .header-top-bar, .header__container,
.main-menu, .menu, .header-search{background-color:#0f1218 !important;border-color:#242b38 !important}
.header a,.menu a,.main-menu a{color:#e7ecf3}
.header a:hover,.menu a:hover{color:#8ce23f}

/* cards */
.product-thumb, .product-thumb-mini, .product-compact, .product-extend,
.card, .block, .banner, .category-mini, .review, .article{
  background-color:#151922 !important; border-color:#242b38 !important;
  border-radius:16px !important; color:#f4f6f8;
}
.product-thumb__name,.product-thumb a{color:#f4f6f8}
.product-thumb__name a:hover{color:#8ce23f}
.product-thumb__price,.price,.product__price{color:#f4f6f8 !important}

/* inputs / white surfaces */
input,select,textarea,.input,.textarea,.select,.jq-selectbox__select,
.container_content,.dropdown__menu,.menu-v,.form-decorator{
  background-color:#12151c !important; color:#f4f6f8 !important; border-color:#242b38 !important;
}
input::placeholder,textarea::placeholder{color:#5c6675}

/* buttons */
.button, .button_primary, .add-to-cart, .product-thumb__add-to-cart{
  border-radius:100px !important;
}
.button_primary, .add-to-cart{background-color:#8ce23f !important;color:#0a1600 !important;border:none !important}
.button_primary:hover, .add-to-cart:hover{background-color:#a4f45e !important}

/* footer */
.footer, .index__footer, .footer__container{background-color:#0b0d12 !important;color:#98a2b3}
.footer a{color:#98a2b3}.footer a:hover{color:#8ce23f}

/* dividers / borders */
.divider,hr,.separator{border-color:#242b38 !important;background:#242b38 !important}

/* ---- sticky audio player ---- */
.edm-player{position:fixed;left:0;right:0;bottom:0;z-index:9999;height:84px;background:rgba(15,18,24,.94);
  backdrop-filter:blur(16px);border-top:1px solid #242b38;transform:translateY(120%);transition:transform .3s;
  display:flex;align-items:center;gap:16px;padding:0 20px;font-family:'Manrope',sans-serif}
.edm-player.up{transform:none}
.edm-player .pcover{width:52px;height:52px;border-radius:9px;background:#182233 center/cover;flex:0 0 auto}
.edm-player .pinfo{min-width:140px;max-width:220px}
.edm-player .ptitle{font-family:'Sora';font-weight:700;font-size:14px;color:#f4f6f8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.edm-player .psub{font-size:12px;color:#98a2b3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.edm-player .pmain{width:44px;height:44px;border-radius:50%;border:none;cursor:pointer;background:#8ce23f;color:#0a1600;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.edm-player .pmain svg{width:20px;height:20px;fill:currentColor}
.edm-player .pwave{flex:1;height:40px;min-width:0}
.edm-player .ptime{font-family:monospace;font-size:11px;color:#98a2b3}
.edm-preview-btn{display:inline-flex;align-items:center;gap:8px;border:none;cursor:pointer;background:#8ce23f;color:#0a1600;
  font-family:'Manrope',sans-serif;font-weight:700;font-size:14px;padding:11px 20px;border-radius:100px;margin:10px 0}
.edm-preview-btn svg{width:16px;height:16px;fill:currentColor}
body.page{padding-bottom:84px}

/* ===== v2.1.0: tile preview, player cart, mobile ===== */
.edm-tile-play{position:absolute;left:8px;bottom:8px;z-index:5;width:40px;height:40px;border-radius:50%;
  border:none;cursor:pointer;background:#8ce23f;color:#0a1600;display:flex;align-items:center;justify-content:center;
  opacity:0;transform:translateY(6px);transition:.18s;box-shadow:0 8px 22px rgba(140,226,63,.4)}
.product-thumb:hover .edm-tile-play,.edm-tile-play.playing{opacity:1;transform:none}
.edm-tile-play svg{width:16px;height:16px;fill:currentColor}
.edm-tile-play.playing{background:#a4f45e}
/* on touch devices show it always (no hover) */
@media (hover:none){.edm-tile-play{opacity:1;transform:none}}

.edm-player .pcart{display:inline-flex;align-items:center;gap:8px;border:none;cursor:pointer;
  background:#8ce23f;color:#0a1600;font-family:'Manrope',sans-serif;font-weight:700;font-size:13px;
  padding:0 16px;height:44px;border-radius:100px;flex:0 0 auto;white-space:nowrap}
.edm-player .pcart:hover{background:#a4f45e}
.edm-player .pcart svg{width:17px;height:17px;fill:currentColor}
.edm-player .pcart.loading{opacity:.6;pointer-events:none}
.edm-player .pcart.added{background:#fff}

/* ---- mobile player ---- */
@media (max-width:768px){
  .edm-player{height:auto;flex-wrap:wrap;gap:10px;padding:10px 12px}
  .edm-player .pinfo{order:1;min-width:0;flex:1}
  .edm-player #edmPrev,.edm-player #edmNext{display:none}
  .edm-player .pcover{order:0}
  .edm-player #edmMain{order:2}
  .edm-player .pcart{order:3;height:40px;padding:0 12px}
  .edm-player .pcart span{display:none}
  .edm-player .pwave{order:5;flex:1 0 100%;height:28px}
  .edm-player .ptime{display:none}
  body.page{padding-bottom:118px}
}