/* PLEVIX blog v71 */
.blog-shell{max-width:820px}
.blog-section-title{margin-top:34px}

/* Daňový kalendár */
.cal-box{margin:24px 0 6px;padding:20px;border:1px solid #dfe4ef;border-radius:18px;background:#f7f8fc}
.cal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:14px}
.cal-head h2{margin:2px 0 0;font-size:19px}
.cal-eyebrow{font:900 10px/1.2 inherit;letter-spacing:.08em;color:#4f46e5}
#calendarStamp{color:#7b8799;font-size:11px;white-space:nowrap}
.cal-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.cal-item{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:12px 14px;border:1px solid #e3e8f0;border-radius:14px;background:#fff}
.cal-item.soon{border-color:#c7d2fe}
.cal-item.urgent{border-color:#fca5a5;background:#fef2f2}
.cal-date{display:grid;place-items:center;min-width:52px;padding:7px 9px;border-radius:12px;background:#eef2ff;line-height:1.1}
.cal-date b{font-size:19px;color:#4f46e5}
.cal-date span{font-size:10px;text-transform:uppercase;color:#64748b}
.cal-item.urgent .cal-date{background:#fee2e2}
.cal-item.urgent .cal-date b{color:#b91c1c}
.cal-body b{display:block;font-size:14px;line-height:1.35}
.cal-body small{display:block;margin-top:3px;color:#64748b;font-size:12px;line-height:1.5}
.cal-when{white-space:nowrap;font-size:11px;font-weight:800;color:#64748b}
.cal-item.urgent .cal-when{color:#b91c1c}
.cal-note{margin:12px 0 0;color:#7b8799;font-size:11px;line-height:1.6}

/* Zoznam článkov */
.blog-list{display:flex;flex-direction:column;gap:14px}
.blog-card{padding:18px 20px;border:1px solid #e3e8f0;border-radius:16px;background:#fff}
.blog-card h2{margin:8px 0 6px;font-size:19px;line-height:1.3}
.blog-card h2 a{color:inherit;text-decoration:none}
.blog-card h2 a:hover{text-decoration:underline}
.blog-card p{margin:0;color:#46546b;font-size:14px;line-height:1.6}
.blog-cat{display:inline-block;padding:4px 9px;border-radius:999px;background:#eef2ff;color:#4f46e5;font:900 10px/1.2 inherit;letter-spacing:.05em;text-transform:uppercase}
.blog-meta{display:flex;gap:12px;flex-wrap:wrap;margin-top:10px;color:#7b8799;font-size:11px}
.blog-empty{color:#7b8799}

/* Detail článku */
.blog-article h1{margin:10px 0 4px;font-size:31px;line-height:1.18;letter-spacing:-.03em}
.blog-article h2{margin:26px 0 8px;font-size:19px}
.blog-article p{color:#46546b;line-height:1.75}
.blog-perex{font-size:16px;color:#334155!important;font-weight:600}
.blog-article ul{color:#46546b;line-height:1.75}
.blog-back{display:inline-block;margin-bottom:14px;color:#4f46e5;text-decoration:none;font-size:13px;font-weight:700}
.blog-back:hover{text-decoration:underline}
.blog-disclaimer{margin-top:28px;padding:13px 15px;border-left:4px solid #4f46e5;border-radius:8px;background:#eef2ff;font-size:12px;line-height:1.6}

@media(max-width:600px){
  .cal-item{grid-template-columns:auto 1fr;gap:10px}
  .cal-when{grid-column:2;justify-self:start}
  .blog-article h1{font-size:25px}
}
html[data-plevix-theme="dark"] .cal-box{background:rgba(15,23,42,.5);border-color:rgba(148,163,184,.24)}
html[data-plevix-theme="dark"] .cal-item{background:rgba(15,23,42,.6);border-color:rgba(148,163,184,.2)}
html[data-plevix-theme="dark"] .cal-body small,html[data-plevix-theme="dark"] .cal-note,html[data-plevix-theme="dark"] .blog-meta,html[data-plevix-theme="dark"] #calendarStamp{color:#94a3b8}
html[data-plevix-theme="dark"] .blog-card{background:rgba(15,23,42,.5);border-color:rgba(148,163,184,.2)}
html[data-plevix-theme="dark"] .blog-card p,html[data-plevix-theme="dark"] .blog-article p,html[data-plevix-theme="dark"] .blog-article ul{color:#cbd5e1}
html[data-plevix-theme="dark"] .blog-perex{color:#e2e8f0!important}

/* Doplnene v72: karty blogu nemali dost kontrastny text v tmavom rezime. */
html[data-plevix-theme="dark"] .blog-card{background:#111a2f;border-color:rgba(148,163,184,.22)}
html[data-plevix-theme="dark"] .blog-card h2,
html[data-plevix-theme="dark"] .blog-card h2 a{color:#e8edf7}
html[data-plevix-theme="dark"] .blog-card p{color:#aeb8cb}
html[data-plevix-theme="dark"] .blog-meta,
html[data-plevix-theme="dark"] .blog-meta time,
html[data-plevix-theme="dark"] .cal-note,
html[data-plevix-theme="dark"] #calendarStamp,
html[data-plevix-theme="dark"] .cal-head small{color:#9aa6ba}
html[data-plevix-theme="dark"] .cal-body b{color:#e8edf7}
html[data-plevix-theme="dark"] .cal-body small{color:#aeb8cb}

/* Blog nacitava iba legal.css, cookie-consent.css a blog.css - NIE
   site-experience-v64.css, kde su tmave varianty tried z legal.css.
   Preto ich tu musime doplnit, inak zostane obal stranky biely. */
html[data-plevix-theme="dark"] body{background:#080b13;color:#e8edf7}
html[data-plevix-theme="dark"] .legal-card,
html[data-plevix-theme="dark"] .blog-shell{background:#111622;border-color:#293247;color:#eef2ff;box-shadow:none}
html[data-plevix-theme="dark"] .legal-card h1,
html[data-plevix-theme="dark"] .legal-card h2,
html[data-plevix-theme="dark"] .legal-card h3{color:#e8edf7}
html[data-plevix-theme="dark"] .legal-card p,
html[data-plevix-theme="dark"] .legal-card li{color:#aeb8cb}
html[data-plevix-theme="dark"] .legal-footer{background:transparent;border-color:#293247}
html[data-plevix-theme="dark"] .legal-footer span,
html[data-plevix-theme="dark"] .legal-footer a{color:#9aa6ba}
html[data-plevix-theme="dark"] .legal-footer button{
  background:none!important;background-image:none!important;color:#c6cfdf!important;
}
html[data-plevix-theme="dark"] .legal-nav-links a,
html[data-plevix-theme="dark"] .legal-nav-links button{
  background:none!important;background-image:none!important;color:#c6cfdf!important;
}
html[data-plevix-theme="dark"] .cal-box{background:#0f1626;border-color:#293247}
html[data-plevix-theme="dark"] .cal-note,
html[data-plevix-theme="dark"] .cal-head small{color:#aeb8cb}

/* Znacka v hlavicke mala tmavu farbu na tmavom podklade (pomer 1,21). */
html[data-plevix-theme="dark"] .legal-brand,
html[data-plevix-theme="dark"] .legal-brand b{color:#e8edf7}
html[data-plevix-theme="dark"] .legal-brand small{color:#9aa6ba}
/* Fialova #4f46e5 je na tmavom pozadi prilis tmava (pomer 2,87). */
html[data-plevix-theme="dark"] .cal-eyebrow{color:#c4b5fd}
html[data-plevix-theme="dark"] .cal-note a,
html[data-plevix-theme="dark"] .blog-card a,
html[data-plevix-theme="dark"] .legal-card a{color:#c4b5fd}

/* Datumove udaje v kalendari boli prilis tlmene v oboch temach (3,4-4,3). */
.cal-when{color:#475569}
.cal-date span{color:#3f4a5f}
.blog-meta,.blog-meta time,.cal-head small,.cal-note{color:#5b6779}
html[data-plevix-theme="dark"] .cal-when{color:#aeb8cb}
html[data-plevix-theme="dark"] .cal-date span{color:#4c5568}
html[data-plevix-theme="dark"] .blog-meta,
html[data-plevix-theme="dark"] .blog-meta time{color:#9aa6ba}

/* Namerane 3,43 a 3,45 v svetlom rezime. */
html:not([data-plevix-theme="dark"]) .cal-head small,
html:not([data-plevix-theme="dark"]) .legal-footer span,
html:not([data-plevix-theme="dark"]) .legal-footer a{color:#5b6779!important}
html[data-plevix-theme="dark"] .cal-head small,
html[data-plevix-theme="dark"] .legal-footer span,
html[data-plevix-theme="dark"] .legal-footer a{color:#aeb8cb!important}
html[data-plevix-theme="dark"] .cal-head small,
html[data-plevix-theme="dark"] .legal-footer span,
html[data-plevix-theme="dark"] .legal-footer a{color:#9aa6ba}

/* ---------- samostatná stránka článku (v73) ---------- */
.blog-crumbs{margin:0 0 14px;color:#5b6779;font-size:11px}
.blog-crumbs a{color:#4f46e5;text-decoration:none}
.blog-crumbs a:hover{text-decoration:underline}
.blog-perex{margin:14px 0 20px;font-size:15px;line-height:1.7;color:#33415b;font-weight:500}
.blog-article h1{margin:8px 0 10px;font-size:28px;line-height:1.2;letter-spacing:-.02em}
.blog-article h2{margin:24px 0 8px;font-size:17px;line-height:1.3}
.blog-article p{margin:0 0 12px;font-size:14px;line-height:1.75}
.blog-article ul{margin:0 0 14px;padding-left:20px}
.blog-article li{margin:5px 0;font-size:14px;line-height:1.65}
.blog-next{margin-top:34px;padding-top:22px;border-top:1px solid #e3e8f0}
.blog-next h2{margin:0 0 14px;font-size:16px}
.blog-next .blog-card h3{margin:4px 0 6px;font-size:14px;line-height:1.35}
.blog-next .blog-card h3 a{color:inherit;text-decoration:none}
.blog-next .blog-card h3 a:hover{text-decoration:underline}
.blog-back{margin:18px 0 0}
.blog-back a{color:#4f46e5;font-weight:700;text-decoration:none}

html[data-plevix-theme="dark"] .blog-crumbs{color:#9aa6ba}
html[data-plevix-theme="dark"] .blog-crumbs a,
html[data-plevix-theme="dark"] .blog-back a{color:#c4b5fd}
html[data-plevix-theme="dark"] .blog-perex{color:#cbd5e1}
html[data-plevix-theme="dark"] .blog-article h1,
html[data-plevix-theme="dark"] .blog-article h2,
html[data-plevix-theme="dark"] .blog-next h2{color:#e8edf7}
html[data-plevix-theme="dark"] .blog-article p,
html[data-plevix-theme="dark"] .blog-article li{color:#aeb8cb}
html[data-plevix-theme="dark"] .blog-next{border-top-color:#293247}

/* Zoznam suvisiacich odkazov v clanku. */
.blog-links{margin:14px 0;padding:0;list-style:none}
.blog-links li{position:relative;padding:0 0 9px 22px;line-height:1.65}
.blog-links li:before{content:"→";position:absolute;left:0;top:0;color:#4f46e5;font-weight:900}
.blog-links a{color:#4338ca;font-weight:700;text-decoration:underline}
html[data-plevix-theme="dark"] .blog-links li:before{color:#a5b4fc}
html[data-plevix-theme="dark"] .blog-links a{color:#c7c2ff}

/* Štítok kategórie bol svetlá pilulka (#eef2ff) navrhnutá na biele pozadie.
   V tmavom režime svietil na každej karte článku. */
html[data-plevix-theme="dark"] .blog-cat{
  background:#1e1c3a;
  color:#b9b0ff;
}