/* =========================================================
   Tompol — Ultimate Shop Section (PRO MAX) — DARK BOOST
   Plik: assets/css/section-shop-dark.css
   Nakładka na section-shop.css: silniejszy kontrast, głębsze „glass”.
   
   W functions.php:
   
   wp_enqueue_style('tompol-section-shop-dark', get_stylesheet_directory_uri().'/assets/css/section-shop-dark.css', ['tompol-section-shop'], '1.0');

   ========================================================= */

/* === Mocniejsze zmienne === */
:root{
  --glass-bg: rgba(10,10,14,.72);
  --glass-bord: rgba(255,255,255,.18);
  --overlay: rgba(4,6,10,.78);
  --accent: #7dffb7;   /* jaśniejszy akcent */
  --accent2: #6ed2ff;  /* jaśniejszy akcent 2 */
  --danger: #ff7f7f;
}

/* Tło wideo — ciemniejsza mgiełka */
.video-overlay{ background: linear-gradient(180deg, rgba(0,0,0,.78), rgba(0,0,0,.72)); }

/* Glass — głębszy blur i delikatna poświata */
.glass{
  background: linear-gradient(160deg, rgba(22,24,28,.78), rgba(10,12,16,.64));
  border:1px solid var(--glass-bord);
  box-shadow: 0 18px 36px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.06);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

/* Badge / chipy — ciemniejsze, bardziej „szklane” */
.badge{
  background: radial-gradient(140% 120% at 20% 10%, rgba(255,255,255,.10), rgba(255,255,255,.04) 48% );
  border-color: rgba(255,255,255,.2);
}

/* Header — większy kontrast linków */
.header .nav a{
  opacity:.98;
  text-shadow: 0 0 6px rgba(0,0,0,.35);
}
.header .nav a:hover{
  opacity:1;
  filter: drop-shadow(0 0 6px rgba(255,255,255,.18));
}

/* Ticker — czytelniejsze tagi */
.ticker{
  border-color: rgba(255,255,255,.16);
}
.ticker .tag{
  background: rgba(255,255,255,.10);
  border-color: rgba(255,255,255,.22);
}

/* Przyciski — glow na hover */
.btn{
  background: rgba(12,14,18,.78);
  border-color: rgba(255,255,255,.18);
}
.btn:hover{
  transform: translateY(-2px);
  box-shadow: 0 8px 18px rgba(0,0,0,.4), 0 0 0 1px rgba(255,255,255,.04) inset, 0 0 8px rgba(125,255,183,.22);
}
.btn.ghost{
  background: rgba(255,255,255,.10);
}

/* Karty produktów — mocniejsza rama i cień */
#shopResults .product{
  background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.03));
  border-color: rgba(255,255,255,.20);
  box-shadow: 0 12px 26px rgba(0,0,0,.38);
}
#shopResults .product:hover{
  box-shadow: 0 18px 36px rgba(0,0,0,.46), 0 0 0 1px rgba(255,255,255,.06) inset;
}

/* Mini-meta i tytuły — ciut jaśniejsze */
.products .woocommerce-loop-product__title{ color:#fff; }
.products .price{ color: #e9fff4; text-shadow: 0 0 10px rgba(125,255,183,.15); }

/* Widok listy — separatory i kolumny */
.products.is-list .product{
  grid-template-columns: 260px 1fr auto;
  border-color: rgba(255,255,255,.22);
}
.products.is-list .product .inside{ border-left:1px dashed rgba(255,255,255,.14); }

/* Quick View — modal z obwódką i glow */
#shopQuickView.modal{
  background: radial-gradient(60% 100% at 50% 50%, rgba(0,0,0,.72), rgba(0,0,0,.84));
}
#shopQuickView .modal-inner{
  box-shadow: 0 24px 48px rgba(0,0,0,.55), 0 0 0 1px rgba(255,255,255,.06) inset;
}
.qv-media .woocommerce-product-gallery{
  border-color: rgba(255,255,255,.22);
  background: rgba(255,255,255,.05);
}
.qv-summary .price{
  color:#bfffe2;
}

/* Filtry — wejścia ciemniejsze; fokusy z niebieskim połyskiem */
#shopFilters input[type="search"],
#shopFilters input[type="number"],
#shopFilters select{
  background: rgba(255,255,255,.08);
  border-color: rgba(255,255,255,.22);
  color:#fff;
}
#shopFilters input:focus,
#shopFilters select:focus{
  outline:2px solid var(--accent2);
  outline-offset:2px;
  box-shadow: 0 0 0 2px rgba(110,210,255,.18);
}

/* Chipy atrybutów — wyraźniejsze stany */
.attr-group .chips .chip{
  background: rgba(255,255,255,.08);
  border-color: rgba(255,255,255,.22);
}
.attr-group .chips input:checked + .chip{
  background: linear-gradient(180deg, rgba(125,255,183,.28), rgba(125,255,183,.18));
  border-color: rgba(125,255,183,.65);
  box-shadow: 0 0 10px rgba(125,255,183,.25);
}

/* Load more / Infinite */
.loadmore-wrap{
  border-top:1px dashed rgba(255,255,255,.18);
  padding-top:14px;
}
#shopLoadMore:hover{
  box-shadow: 0 10px 20px rgba(0,0,0,.45), 0 0 10px rgba(110,210,255,.28);
}

/* Stany ładowania — ciemniejszy woal + puls */
#shopResults.is-loading::after{
  background: rgba(0,0,0,.28);
}
#shopResults.is-loading::before{
  color:#dfffee;
  text-shadow: 0 0 12px rgba(125,255,183,.25);
}

/* Focus/A11y — mocniejsza obwódka */
.products a.button:focus,
#shopLoadMore:focus,
#shopQvClose:focus{
  outline:2px solid var(--accent2);
  outline-offset:2px;
  box-shadow: 0 0 0 2px rgba(110,210,255,.22);
}

/* RWD dopieszczenia dark */
@media (max-width:980px){
  .products.is-list .product{ grid-template-columns: 1fr; }
  .products.is-list .product .inside{ border-left:0; border-top:1px dashed rgba(255,255,255,.14); }
}

/* Micro-glow dla .dot w badge */
.dot{
  box-shadow: 0 0 16px var(--accent);
}

/* Delikatna poświata dla .badge */
.badge{
  box-shadow: 0 6px 18px rgba(0,0,0,.28), inset 0 0 0 1px rgba(255,255,255,.04);
}