/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Mar 25 2026 | 11:22:29 */
/* ==========================================================
   PREDAMKUPIM / LISTIVO - CLEAN REBUILD
   upravené: zjednotené, bez kolízií, bez duplicitných blokov
   ========================================================== */

:root{
  --pk-primary: #5B5EF7;
  --pk-primary-dark: #3D36F5;
  --pk-primary-soft: rgba(91,94,247,.12);
  --pk-bg: #ffffff;
  --pk-bg-soft: #f8fafc;
  --pk-bg-muted: #f3f4f6;
  --pk-text: #0f172a;
  --pk-text-2: #334155;
  --pk-text-3: #64748b;
  --pk-border: #e2e8f0;
  --pk-border-strong: #dbe4ee;
  --pk-dark: #0f172a;
  --pk-dark-2: #1e293b;
  --pk-dark-3: #334155;
  --pk-white: #ffffff;
  --pk-radius-sm: 10px;
  --pk-radius-md: 14px;
  --pk-radius-lg: 18px;
  --pk-radius-xl: 22px;
  --pk-shadow-sm: 0 6px 18px rgba(15,23,42,.06);
  --pk-shadow-md: 0 12px 34px rgba(15,23,42,.08);
  --pk-shadow-lg: 0 20px 50px rgba(15,23,42,.12);
  --pk-shadow-indigo: 0 18px 42px rgba(91,94,247,.18);
  --pk-transition: .25s ease;
}

/* ==========================================================
   CTA BOX + BUTTON
   ========================================================== */

.cta-box{
  position: relative;
  display: block;
  margin: 32px 0 !important;
  padding: 22px !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  background:
    radial-gradient(1200px 200px at 15% 0%, rgba(230,81,0,.18), transparent 60%),
    linear-gradient(135deg, #0f141a 0%, #121a22 60%, #0f141a 100%) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  box-shadow: 0 16px 40px rgba(0,0,0,.28) !important;
}

.cta-box::before{
  content:"";
  position:absolute;
  inset:-60% -40% auto auto;
  width:220px;
  height:220px;
  transform: rotate(25deg);
  background: radial-gradient(circle, rgba(255,255,255,.12), rgba(255,255,255,0) 60%);
  pointer-events:none;
}

.cta-box h2{
  margin:0 0 8px !important;
  color:#fff !important;
  font-size:22px !important;
  line-height:1.25 !important;
  font-weight:800 !important;
}

.cta-box p{
  margin:0 0 14px !important;
  color:rgba(255,255,255,.85) !important;
  font-size:16px !important;
  line-height:1.55 !important;
}

.cta-box .btn,
.cta-box a.btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  margin-top: 6px !important;
  padding:12px 18px !important;
  border-radius:999px !important;
  background: linear-gradient(135deg, #ff6b00, #e65100) !important;
  color:#0f141a !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  font-weight:800 !important;
  text-decoration:none !important;
  box-shadow: 0 10px 24px rgba(230,81,0,.35) !important;
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease !important;
}

.cta-box .btn:visited,
.cta-box a.btn:visited{
  color:#0f141a !important;
}

.cta-box .btn:hover,
.cta-box a.btn:hover{
  transform: translateY(-2px);
  box-shadow: 0 14px 30px rgba(230,81,0,.45) !important;
  filter: brightness(1.03);
}

.cta-box .btn:focus,
.cta-box a.btn:focus{
  outline: 2px solid rgba(255,107,0,.55);
  outline-offset: 3px;
}

/* ==========================================================
   ARTICLE CONTENT / FAQ / FIGURES
   ========================================================== */

.entry-content h2{
  scroll-margin-top: 90px;
  margin-top: 30px;
  margin-bottom: 14px;
}

.entry-content h3{
  margin: 16px 0 6px !important;
  font-size: 18px !important;
  line-height: 1.35 !important;
  font-weight: 800 !important;
  color: #121a22 !important;
}

.entry-content h3 + p{
  margin-top:0 !important;
  margin-bottom:14px !important;
  color:#2b3440 !important;
  line-height:1.7 !important;
}

.single-post .entry-content h3,
.single .entry-content h3{
  padding-top:12px;
  border-top:1px solid rgba(0,0,0,.08);
}

.entry-content figure{
  display:block !important;
  margin:22px 0 !important;
}

.entry-content figure img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  border-radius:14px !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.16) !important;
}

.entry-content figure figcaption{
  margin-top:8px !important;
  font-size:13px !important;
  color: rgba(18,26,34,.70) !important;
}

/* ==========================================================
   ABOUT SECTION
   zjednotená iba LIGHT verzia
   ========================================================== */

.pk-about-section{
  padding: 60px 0;
  background: #ffffff;
  font-family: 'Inter', sans-serif;
  color: #333;
}

.pk-about-container{
  max-width:1100px;
  margin:0 auto;
  padding:0 20px;
}

.pk-about-header{
  text-align:center;
  max-width:800px;
  margin:0 auto 50px;
}

.pk-subtitle{
  display:inline-block;
  margin-bottom:10px;
  padding:5px 12px;
  border-radius:999px;
  background:#f0f2ff;
  color:var(--pk-primary);
  font-size:13px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:1px;
}

.pk-about-header h1{
  margin:0 0 20px;
  font-size:38px;
  font-weight:800;
  line-height:1.2;
  color:#111 !important;
}

.pk-about-grid{
  display:grid;
  grid-template-columns: 1.2fr .8fr;
  gap:50px;
  align-items:start;
}

.pk-about-content h2{
  margin:0 0 20px;
  font-size:26px;
  font-weight:700;
  color:#111 !important;
}

.pk-about-content p{
  margin:0 0 20px;
  font-size:16px;
  line-height:1.7;
  color:#444 !important;
}

.pk-about-list{
  list-style:none;
  padding:0;
  margin:30px 0;
}

.pk-about-list li{
  display:flex;
  align-items:flex-start;
  margin-bottom:15px;
  font-size:16px;
  color:#333 !important;
}

.pk-about-list li strong{
  color:#111;
  margin-right:5px;
}

.pk-about-tip{
  display:flex;
  gap:15px;
  margin-top:30px;
  padding:20px;
  border-left:4px solid var(--pk-primary);
  border-radius:8px;
  background:#f8f9fa;
}

.pk-tip-icon{
  font-size:24px;
  line-height:1;
}

.pk-tip-text{
  font-size:15px;
  line-height:1.5;
  color:#333;
}

.pk-tip-text a{
  color:var(--pk-primary);
  font-weight:700;
  text-decoration:underline;
}

.pk-about-visual{
  display:flex;
  flex-direction:column;
  gap:20px;
}

.pk-stat-card{
  padding:25px;
  border-radius:16px;
  background:#fff;
  border:1px solid #eee;
  box-shadow: 0 5px 15px rgba(0,0,0,.05);
  transition: transform var(--pk-transition), border-color var(--pk-transition), box-shadow var(--pk-transition);
}

.pk-stat-card:hover{
  transform: translateY(-5px);
  border-color: var(--pk-primary);
  box-shadow: var(--pk-shadow-md);
}

.pk-stat-number{
  margin-bottom:5px;
  font-size:36px;
  line-height:1;
  font-weight:800;
  color:var(--pk-primary);
}

.pk-stat-label{
  margin-bottom:5px;
  font-size:18px;
  font-weight:700;
  color:#111;
}

.pk-stat-card p{
  margin:0;
  font-size:14px;
  color:#666;
}

.highlight-card{
  padding:35px 25px;
  text-align:center;
  border:none;
  background:#2c2c54 !important;
  color:#fff !important;
}

.highlight-card h3{
  margin:0 0 10px;
  font-size:22px;
  color:#fff !important;
}

.highlight-card p{
  margin:0 0 20px;
  color:#ccc !important;
}

.pk-stat-icon{
  font-size:40px;
  margin-bottom:15px;
}

.pk-btn-primary{
  display:inline-block;
  padding:12px 24px;
  border-radius:999px;
  background:var(--pk-primary);
  color:#fff !important;
  text-decoration:none;
  font-weight:700;
  transition: transform .25s ease, background .25s ease, box-shadow .25s ease;
}

.pk-btn-primary:hover{
  transform: translateY(-2px);
  background:#4a4de0;
  box-shadow: var(--pk-shadow-indigo);
}

.pk-about-footer{
  margin-top:50px;
  padding-top:30px;
  text-align:center;
  border-top:1px solid #eee;
}

.pk-about-footer p{
  max-width:700px;
  margin:0 auto;
  font-size:16px;
  font-weight:500;
  color:#555;
}