.elementor-1864 .elementor-element.elementor-element-8b1a3ec{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-1864 .elementor-element.elementor-element-8b1a3ec:not(.elementor-motion-effects-element-type-background), .elementor-1864 .elementor-element.elementor-element-8b1a3ec > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#111111;}/* Start custom CSS for html, class: .elementor-element-88b1b8e *//* ============================================================
   ELECTRIC BORDER – finální verze
   Vlož do: Elementor → Nastavení → Vlastní CSS
   ============================================================ */

/* Obal celé sekce */
.eb-section {
  display: flex;
  gap: 55px;
  justify-content: center;
  align-items: center;
  padding: 90px 50px;
  background: #0d0d0d;        /* Téměř černá */
  flex-wrap: wrap;
}

/* ── Mobil – karty pod sebou ── */
@media (max-width: 600px) {
  .eb-section {
    flex-direction: column;
    gap: 40px;
    padding: 50px 20px;
  }
  .eb-card {
    width: 85vw !important;
    max-width: 300px !important;
  }
}

/* ── Tablet – 2 karty na řádek ── */
@media (min-width: 601px) and (max-width: 1024px) {
  .eb-card {
    width: calc(50% - 40px) !important;
    max-width: 240px !important;
  }
}

/* ── Nadpis sekce nahoře ── */
.eb-heading {
  width: 100%;
  text-align: center;
  font-size: 20px;            /* PC */
  font-weight: 300;           /* Tenká váha písma */
  color: #ffffff;
  letter-spacing: 1.5px;
  margin: 0 0 10px;           /* Mezera pod nadpisem */
  line-height: 1.5;
}

@media (min-width: 601px) and (max-width: 1024px) {
  .eb-heading {
    font-size: 18px;          /* Tablet */
  }
}

@media (max-width: 600px) {
  .eb-heading {
    font-size: 16px;          /* Mobil na výšku */
    padding: 0 16px;          /* Ochrana od krajů obrazovky */
  }
}

/* ── Copyright text dole ── */
.eb-footer {
  width: 100%;
  text-align: center;
  font-size: 12px;            /* Stejné na všech zařízeních */
  font-weight: 300;
  color: #ffffff;
  margin: 10px 0 0;           /* Mezera nad copyrightem */
  letter-spacing: 0.5px;
}

/* ── Základní styl každé karty ── */
.eb-card {
  position: relative;
  width: 210px;
  height: 240px;
  border-radius: 14px;
  background: transparent;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  padding: 28px 22px 26px;
  overflow: hidden;
  cursor: pointer;
  transition: transform 0.3s ease;
}

/* Karta se lehce zvedne při hoveru */
.eb-card:hover {
  transform: translateY(-7px);
}

/* ── CSS vlastnost pro animaci rotujícího prstenu ── */
@property --eb-angle {
  syntax: '<angle>';
  initial-value: 0deg;
  inherits: false;
}

/* ── Rotující světelný prsten – zpomaleno na 8s ── */
.eb-card::before {
  content: '';
  position: absolute;
  inset: -3px;
  border-radius: 16px;
  background: conic-gradient(
    from var(--eb-angle),
    transparent 0%,
    var(--eb-color) 12%,
    transparent 25%
  );
  animation: eb-spin 8s linear infinite;
  z-index: 0;
}

/* ── Pozadí karty – shodné s widgetem, hover tint přes proměnnou ── */
.eb-card::after {
  content: '';
  position: absolute;
  inset: 2px;
  border-radius: 12px;
  background: var(--eb-hover-bg, #0d0d0d); /* Výchozí = barva widgetu */
  transition: background 0.5s ease;        /* Plynulý přechod při hoveru */
  z-index: 1;
}

/* Animace rotace prstenu */
@keyframes eb-spin {
  to { --eb-angle: 360deg; }
}

/* ══════════════════════════════════════════
   BARVY KARET
   ══════════════════════════════════════════ */
.eb-white  { --eb-color: #f8fafc; box-shadow: 0 0 35px 6px rgba(248,250,252,0.18); } /* Čistá bílá */
.eb-blue   { --eb-color: #3b82f6; box-shadow: 0 0 35px 6px rgba(59,130,246,0.25); }  /* Kobaltová */
.eb-teal   { --eb-color: #0d9488; box-shadow: 0 0 35px 6px rgba(13,148,136,0.25); }  /* Petrolejová */
.eb-ice    { --eb-color: #bae6fd; box-shadow: 0 0 35px 6px rgba(186,230,253,0.20); } /* Ledově bílá */
.eb-rose   { --eb-color: #e11d48; box-shadow: 0 0 35px 6px rgba(225,29,72,0.28); }   /* Karmínová */
.eb-cyan   { --eb-color: #00f5ff; box-shadow: 0 0 35px 6px rgba(0,245,255,0.25); }   /* Tyrkysová */
.eb-amber  { --eb-color: #ffaa00; box-shadow: 0 0 35px 6px rgba(255,170,0,0.25); }   /* Oranžová */
.eb-violet { --eb-color: #a855f7; box-shadow: 0 0 35px 6px rgba(168,85,247,0.25); }  /* Fialová */
.eb-pink   { --eb-color: #f472b6; box-shadow: 0 0 35px 6px rgba(244,114,182,0.25); } /* Růžová */
.eb-coral  { --eb-color: #fb923c; box-shadow: 0 0 35px 6px rgba(251,146,60,0.25); }  /* Korálová */
.eb-silver { --eb-color: #cbd5e1; box-shadow: 0 0 35px 6px rgba(203,213,225,0.22); } /* Stříbrná */
.eb-gold   { --eb-color: #eab308; box-shadow: 0 0 35px 6px rgba(234,179,8,0.25); }   /* Zlatá */

/* ── Vnitřní obsah karty ── */
.eb-inner {
  position: relative;
  z-index: 2;
  text-align: center;
  color: #fff;
  width: 100%;
}

/* ── H2 nadpis karty – glow v barvě karty, bez rámu ── */
.eb-karta-nadpis {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: var(--eb-color);
  text-shadow:
    0 0 8px var(--eb-color),
    0 0 22px var(--eb-color);
  margin: 0 0 50px;
}

/* Hlavní název karty */
.eb-title {
  font-size: 19px;
  font-weight: 700;
  margin: 0 0 10px;
  color: #fff;
}

/* Popisný text */
.eb-desc {
  font-size: 12px;
  color: #999;
  line-height: 1.6;
  margin: 0 0 18px;
}

/* ── Tlačítko s odkazem ── */
.eb-btn {
  display: inline-block;
  padding: 8px 20px;
  border-radius: 20px;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  text-decoration: none;
  border: 1px solid var(--eb-color);
  color: var(--eb-color);
  background: transparent;
  transition: background 0.2s, color 0.2s;
}

.eb-btn:hover {
  background: var(--eb-color);
  color: #000;
}

/* ── Záře v protilehlých rozích ── */
.eb-roh-glow {
  position: absolute;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  background: radial-gradient(circle, var(--eb-color) 0%, transparent 70%);
  opacity: 0.15;
  z-index: 2;
  pointer-events: none;
  animation: eb-roh-puls 5s ease-in-out infinite;
}

.eb-roh-lt { top: -25px; left: -25px; }
.eb-roh-rb { bottom: -25px; right: -25px; animation-delay: 2.5s; }

@keyframes eb-roh-puls {
  0%, 100% { opacity: 0.10; transform: scale(1); }
  50%       { opacity: 0.28; transform: scale(1.2); }
}

/* ── Svítící spodní linka ── */
.eb-line {
  position: absolute;
  bottom: 0;
  left: 10%;
  right: 10%;
  height: 2px;
  background: var(--eb-color);
  box-shadow: 0 0 8px var(--eb-color), 0 0 20px var(--eb-color);
  z-index: 3;
  animation: eb-pulse 5s ease-in-out infinite;
}

@keyframes eb-pulse {
  0%, 100% { opacity: 0.4; transform: scaleX(0.75); }
  50%       { opacity: 1;   transform: scaleX(1); }
}/* End custom CSS */