/* ============================================================================
   EnergyDock — Premium Icon System (v77.14.11)
   Warstwa „premium" nad jednolitym zestawem ikon: subtelny, spójny glow,
   płynne mikro-interakcje (hover/active), dostępny focus-ring, tap-targety
   i ruch strzałek „dalej". Rozmiary/hierarchia: inline (ed-icons-base-css).
   Wszystko addytywne — nie zmienia layoutu, respektuje prefers-reduced-motion.
   ============================================================================ */
:root{
  --ed-cyan:#16C7F3;
  --ed-icon-ease:cubic-bezier(.22,.61,.36,1);
  --ed-icon-glow:drop-shadow(0 2px 9px rgba(22,199,243,.20));
  --ed-icon-glow-hi:drop-shadow(0 7px 18px rgba(22,199,243,.36));
}

/* Glify zestawu (PNG w <svg><image> lub <img>) — jednolity, subtelny glow + płynność. */
.ed-ico-svg image,
.ed-ico{ filter:var(--ed-icon-glow); }
.ed-ico-svg,
.ed-ico-svg image,
.ed-ico{ transition:filter .3s var(--ed-icon-ease), transform .3s var(--ed-icon-ease), opacity .2s ease; }
.ed-ico-svg{ overflow:visible; }.ed-object-chip:hover .ed-preset-icon,.ed-segment-router-card:hover .ed-segment-router-icon,.ed-calculator-overview-card:hover .ed-calculator-overview-icon,.ed-home-hub-card:hover .ed-home-hub-icon{
  transform:translateY(-2px) scale(1.04);
}.ed-object-chip:hover .ed-preset-icon .ed-ico-svg image,.ed-segment-router-card:hover .ed-segment-router-icon .ed-ico-svg image,.ed-calculator-overview-card:hover .ed-calculator-overview-icon .ed-ico-svg image,.ed-home-hub-card:hover .ed-home-hub-icon .ed-ico-svg image{
  filter:var(--ed-icon-glow-hi);
}

/* Stan wybrany (diagnoza / GO) — wyraźniejsza, „żywa" ikona. */
.ed-object-chip.is-active .ed-preset-icon{ transform:scale(1.06); }
.ed-object-chip.is-active .ed-preset-icon .ed-ico-svg image,
.ed-go-v2-device.is-active .ed-go-v2-icon .ed-ico-svg image,
.ed-go-v2-device.is-active .ed-go-v2-icon img{ filter:var(--ed-icon-glow-hi); }/* Focus-visible — premium,dostępny pierścień (klawiatura). */
.ed-object-chip:focus-visible,.ed-segment-router-card:focus-visible,.ed-calculator-overview-card:focus-visible,.ed-go-v2-device:focus-visible,.ed-footer-social--icons a:focus-visible,.ed-mobile-toggle:focus-visible,.ed-mobile-close:focus-visible,.ed-contact-direct-item:focus-visible{
  outline:2px solid var(--ed-cyan);
  outline-offset:3px;
  border-radius:16px;
}

/* Tap-targety funkcyjnych ikon (a11y / mobile). */
.ed-mobile-toggle,
.ed-mobile-close{ min-width:44px; min-height:44px; }.ed-segment-router-cta [aria-hidden],.ed-calculator-overview-cta [aria-hidden]{
  display:inline-block;
  transition:transform .26s var(--ed-icon-ease);
}.ed-segment-router-card:hover .ed-segment-router-cta [aria-hidden],.ed-calculator-overview-card:hover .ed-calculator-overview-cta [aria-hidden]{
  transform:translateX(4px);
}

/* Social — premium hover (ikony marek). */
.ed-footer-social--icons a{ transition:color .2s ease, transform .2s var(--ed-icon-ease); }
.ed-footer-social--icons a:hover{ transform:translateY(-1px); }
.ed-footer-social--icons a:hover .ed-social-ico{ filter:var(--ed-icon-glow-hi); }

/* Kontakt: e-mail/telefon — spójny tap-target i ruch. */
.ed-contact-direct-item{ display:inline-flex; align-items:center; gap:9px; min-height:44px; }
.ed-contact-direct-item:hover .ed-ico{ filter:var(--ed-icon-glow-hi); transform:translateY(-1px); }

/* Szanuj preferencję ograniczonego ruchu. */
@media (prefers-reduced-motion: reduce){
  .ed-ico-svg,
  .ed-ico-svg image,
  .ed-ico,
  .ed-scenario-icon-img,
  .ed-preset-icon,
  .ed-segment-router-icon,
  .ed-calculator-overview-icon,
  .ed-home-hub-icon,
  .ed-scenario-arrow,
  .ed-segment-router-cta [aria-hidden],
  .ed-calculator-overview-cta [aria-hidden],
  .ed-footer-social--icons a{ transition:none !important; transform:none !important; }
}/* ============================================================================
   v77.14.12 — hero benefit icons (większe + premium),opisy na desktop bez
   przycięcia,ikony kategorii aktualności.
   ============================================================================ */

/* Trzy ikony korzyści w HERO — większy glif + premium kontener (gradient,ramka{
  width:60px; height:60px;
  display:inline-flex; align-items:center; justify-content:center;
  border-radius:17px;
  background:linear-gradient(150deg, rgba(22,199,243,.18), rgba(22,199,243,.04));
  border:1px solid rgba(22,199,243,.30);
  box-shadow:0 12px 30px rgba(22,199,243,.20), inset 0 1px 0 rgba(255,255,255,.07);
}
.ed-hero-point{ transition:transform .3s var(--ed-icon-ease); }
@media(max-width:640px){ }

/* Ikony kategorii Aktualności (news-*) — spójny rozmiar i premium. */
.ed-blog-category-box-icon{ display:inline-flex; align-items:center; justify-content:center; }
.ed-blog-category-box-icon .ed-ico,
.ed-blog-category-box-icon img,
.ed-blog-category-box-icon svg{ width:56px; height:56px; filter:var(--ed-icon-glow); }
/* v77.16.45: ikony kategorii (Aktualności + Baza wiedzy) większe — wypełniają kafel 70×64
   (wcześniej 40px sztucznie zmniejszało bazowe 66px). object-fit:contain z bazy zachowuje proporcje. */
.ed-blog-category-box:hover .ed-blog-category-box-icon .ed-ico,
.ed-blog-category-box:hover .ed-blog-category-box-icon img{ filter:var(--ed-icon-glow-hi); transform:translateY(-1px) scale(1.04); transition:filter .3s var(--ed-icon-ease), transform .3s var(--ed-icon-ease); }

/* Desktop: opisy/zajawki artykułów widoczne w całości (bez line-clamp). */
@media(min-width:768px){
  .ed-article-card .ed-article-copy p,
  .ed-blog-featured-copy p,
  .ed-article-latest-card p,
  .ed-home-latest-card p,
  .ed-home-latest-card .ed-article-excerpt,
  .ed-article-excerpt,
  .ed-single-hero p,
  .ed-single-excerpt,
  .ed-post-excerpt{
    -webkit-line-clamp:unset !important;
    line-clamp:unset !important;
    -webkit-box-orient:initial !important;
    display:block !important;
    overflow:visible !important;
    max-height:none !important;
    text-overflow:clip !important;
  }
}

/* ============================================================================
   v77.15.2 (Pakiet 1 / A5) — kotwica HOME na skali wyniku diagnozy (GO · HOME · PRO).
   ============================================================================ */
.ed-capacity-bar{ position:relative; }
.ed-capacity-anchor-home{
  position:absolute; top:50%; left:54%; transform:translate(-50%,-50%);
  font-size:9.5px; font-weight:800; letter-spacing:.14em; line-height:1;
  color:#cfe6f3; padding:2px 6px; border-radius:999px; white-space:nowrap; pointer-events:none;
  background:rgba(7,16,27,.62); border:1px solid rgba(22,199,243,.34);
  box-shadow:0 2px 8px rgba(0,0,0,.3);
}
.ed-capacity-anchor-home::before{
  content:""; position:absolute; left:50%; top:-7px; transform:translateX(-50%);
  width:1px; height:6px; background:rgba(22,199,243,.5);
}

/* ============================================================================
   v77.15.3 (Pakiet 1 / E) — dyskretny link „Jak to liczymy?" przy wynikach kalkulatorów.
   ============================================================================ */
.ed-methodology-link{
  display:inline-block; margin-top:10px;
  font-size:12.5px; font-weight:600; letter-spacing:.01em;
  color:#8fa8b0; text-decoration:none;
  border-bottom:1px dotted rgba(143,168,176,.5);
  transition:color .2s var(--ed-icon-ease), border-color .2s var(--ed-icon-ease);
}
.ed-methodology-link::before{ content:"ⓘ "; color:var(--ed-cyan,#16C7F3); font-weight:700; }
.ed-methodology-link:hover,
.ed-methodology-link:focus-visible{ color:var(--ed-cyan,#16C7F3); border-bottom-color:var(--ed-cyan,#16C7F3); }

/* ============================================================================
   v77.16.44 — Ikony w boxach .ed-icon-wrap większe (wypełniają kontener).
   Dotyczy sekcji: „Od wiedzy do właściwego wariantu" (3 kroki + 4 przewagi),
   kroki dotacji (1–4), przewagi „Inteligentne sterowanie / Skalowalna
   architektura / Dobór pod profil zużycia / Bezpieczeństwo i serwis", strona
   PRO oraz nagłówek diagnozy. Box zostaje 54px; glif rośnie 24px → 36px
   (spójnie z proporcją ikon hero 38/60). Ten plik ładuje się po style.min.css,
   więc nadpisuje rozmiar bez !important. */
.ed-icon-wrap svg{ width:36px; height:36px; }
.ed-icon-wrap.small svg{ width:28px; height:28px; }
