/* ═══════════════════════════════════
   BLOG – dodatočné štýly
   Hlavné štýly sú v ../style.css
═══════════════════════════════════ */

/* BLOG HERO */
.blog-hero {
  padding: calc(var(--nav-h) + 3rem) var(--px) 3.5rem;
  background: var(--navy);
  position: relative; overflow: hidden;
}
.bh-bg { position: absolute; inset: 0; pointer-events: none; background: radial-gradient(ellipse 60% 70% at 30% 50%, rgba(37,99,235,.14) 0%, transparent 65%), radial-gradient(ellipse 40% 50% at 80% 30%, rgba(6,182,212,.08) 0%, transparent 55%); }
.bh-grid { position: absolute; inset: 0; pointer-events: none; opacity: .03; background-image: linear-gradient(rgba(255,255,255,.6) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.6) 1px, transparent 1px); background-size: 50px 50px; }
.blog-hero-inner { position: relative; z-index: 1; max-width: 700px; }
.bh-title { font-family: 'Syne', sans-serif; font-weight: 800; font-size: clamp(1.75rem, 5vw, 3rem); line-height: 1.1; letter-spacing: -.03em; margin-bottom: 1rem; margin-top: .5rem; }
.bh-title em { font-style: normal; color: var(--cyan); }
.bh-sub { font-size: clamp(.875rem, 2vw, 1rem); color: var(--gray); line-height: 1.75; max-width: 52ch; margin-bottom: 2rem; }
.bh-cats { display: flex; gap: .5rem; flex-wrap: wrap; }
.bcat { background: var(--navy-light); border: 1px solid rgba(255,255,255,.1); color: var(--gray); padding: .4rem .9rem; border-radius: 100px; font-size: .75rem; font-weight: 500; cursor: pointer; transition: all .2s; font-family: 'DM Sans', sans-serif; }
.bcat:hover { border-color: rgba(255,255,255,.25); color: var(--white); }
.bcat.active { background: rgba(37,99,235,.15); border-color: rgba(37,99,235,.4); color: var(--blue-lt); }

/* FEATURED ARTICLE */
.blog-featured { background: var(--navy); }
.featured-card { display: grid; grid-template-columns: 1fr; gap: 0; background: var(--navy-light); border-radius: 14px; overflow: hidden; border: 1px solid rgba(255,255,255,.07); text-decoration: none; color: var(--white); transition: border-color .25s, transform .25s; margin-top: 1.25rem; }
.featured-card:hover { border-color: rgba(37,99,235,.35); transform: translateY(-3px); }
.fc-img { height: clamp(180px, 28vw, 320px); display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; }
.fc-img-inner { font-size: clamp(3rem, 8vw, 5rem); position: relative; z-index: 1; }
.fc-1 { background: linear-gradient(135deg, #1e3a5f, #0a1a3a); }
.fc-body { padding: clamp(1.5rem, 4vw, 2.5rem); }
.fc-meta { display: flex; align-items: center; gap: .75rem; flex-wrap: wrap; margin-bottom: 1rem; }
.fc-cat { font-size: .68rem; font-weight: 600; text-transform: uppercase; letter-spacing: .1em; color: var(--cyan); background: rgba(6,182,212,.1); border: 1px solid rgba(6,182,212,.2); padding: .2rem .6rem; border-radius: 4px; }
.fc-date { font-size: .75rem; color: var(--gray); }
.fc-read { font-size: .75rem; color: var(--gray); }
.fc-title { font-family: 'Syne', sans-serif; font-weight: 800; font-size: clamp(1.1rem, 3vw, 1.6rem); line-height: 1.25; letter-spacing: -.02em; margin-bottom: .85rem; }
.fc-desc { font-size: clamp(.85rem, 2vw, .975rem); color: var(--gray); line-height: 1.75; margin-bottom: 1.25rem; max-width: 60ch; }
.fc-cta { font-size: .875rem; color: var(--blue-lt); font-weight: 600; }

/* ARTICLES GRID */
.articles-grid { display: grid; grid-template-columns: 1fr; gap: 1.25rem; margin-top: 1.5rem; margin-bottom: 3rem; }
.article-card { display: block; text-decoration: none; color: var(--white); background: var(--navy-light); border-radius: 12px; overflow: hidden; border: 1px solid rgba(255,255,255,.06); transition: transform .25s, border-color .25s; }
.article-card:hover { transform: translateY(-3px); border-color: rgba(37,99,235,.3); }
.article-card.hidden { display: none; }
.article-coming { opacity: .6; }
.ac-img { height: clamp(130px, 20vw, 180px); display: flex; align-items: center; justify-content: center; font-size: clamp(1.75rem, 5vw, 2.5rem); }
.ac-2 { background: linear-gradient(135deg, #1a2f1a, #0d200d); }
.ac-3 { background: linear-gradient(135deg, #2d1f3d, #1a0f2a); }
.ac-4 { background: linear-gradient(135deg, #1a1f3a, #0d1020); }
.ac-5 { background: linear-gradient(135deg, #2d1a0d, #1a0d05); }
.ac-6 { background: linear-gradient(135deg, #0d2d1a, #051a0d); }
.ac-body { padding: 1.35rem; }
.ac-meta { display: flex; gap: .6rem; align-items: center; margin-bottom: .65rem; flex-wrap: wrap; }
.ac-cat { font-size: .67rem; font-weight: 600; text-transform: uppercase; letter-spacing: .09em; color: var(--cyan); }
.ac-date { font-size: .7rem; color: var(--gray); }
.article-card h3 { font-family: 'Syne', sans-serif; font-weight: 700; font-size: clamp(.9rem, 2.5vw, 1rem); line-height: 1.4; margin-bottom: .5rem; }
.article-card p { font-size: clamp(.8rem, 1.8vw, .85rem); color: var(--gray); line-height: 1.65; }
.ac-read { font-size: .78rem; color: var(--blue-lt); margin-top: .85rem; font-weight: 500; }
.coming-soon-badge { color: var(--gray) !important; }

/* BLOG CTA */
.blog-cta-box { background: var(--navy); border-radius: 14px; border: 1px solid rgba(37,99,235,.2); overflow: hidden; }
.bcta-inner { padding: 2rem; display: flex; flex-direction: column; gap: 1.25rem; align-items: flex-start; }
.bcta-text h3 { font-family: 'Syne', sans-serif; font-weight: 700; font-size: clamp(1rem, 2.5vw, 1.2rem); margin-bottom: .4rem; }
.bcta-text p { font-size: clamp(.83rem, 2vw, .9rem); color: var(--gray); }

/* BREAKPOINTS */
@media (min-width: 640px) {
  .articles-grid { grid-template-columns: 1fr 1fr; }
}
@media (min-width: 768px) {
  .featured-card { grid-template-columns: 1fr 1fr; }
  .fc-img { height: auto; min-height: 280px; }
  .articles-grid { grid-template-columns: repeat(3, 1fr); }
  .bcta-inner { flex-direction: row; align-items: center; justify-content: space-between; }
}
@media (min-width: 1024px) {
  .featured-card { grid-template-columns: 1.1fr 1fr; }
}