/* WIA Internet – Blog. Barvy a písmo podle internet.wia.cz, stavba podle Novinek na wia.cz.
   Vše je pod .wiab, aby se to nehádalo se styly internet.wia.cz. */
.wiab{
  --g:#457C1F; --g-deep:#35601A; --ink:#202F4A; --txt:#4D5460; --grey:#F4F4F4; --line:#E3E6EA;
  --r:20px; --sh:0 5px 15px rgba(32,47,74,.05); --sh-h:0 12px 30px rgba(32,47,74,.12);
  color:var(--txt); font-family:FiraSansRegular,"Fira Sans",Arial,sans-serif; font-size:17px; line-height:1.6;
}
.wiab *,.wiab *::before,.wiab *::after{box-sizing:border-box}
.wiab-in{max-width:1200px; margin:0 auto; padding:0 20px}
.wiab-in-clanek{max-width:860px}
.wiab h1,.wiab h2,.wiab h3{font-family:FiraSansBold,"Fira Sans",Arial,sans-serif; font-weight:normal; color:var(--ink); margin:0}
.wiab a{color:var(--g)}

/* Hero */
.wiab-hero{background:var(--grey); padding:44px 0 40px}
.wiab-hero h1{font-size:clamp(28px,4vw,42px); line-height:1.18; margin:0 0 12px}
.wiab-hero-clanek h1{max-width:28ch}
.wiab-lead{font-family:FiraSansLight,"Fira Sans",Arial,sans-serif; font-size:20px; line-height:1.55; margin:0; max-width:62ch}
.wiab-crumbs{font-size:14px; margin-bottom:16px; color:#7A818C}
.wiab-crumbs a{color:#7A818C; text-decoration:underline; text-underline-offset:3px}
.wiab-crumbs a:hover{color:var(--g)}
.wiab-crumbs span{margin:0 8px}
.wiab-hero-meta{display:flex; flex-wrap:wrap; align-items:center; gap:12px; font-size:15px; color:#7A818C}
.wiab-edit{font-size:14px}

/* Sekce */
.wiab-section{padding:44px 0 64px; background:#fff}
.wiab-section-grey{background:var(--grey); padding-top:48px}
.wiab-h2{font-size:28px; margin:0 0 24px!important}
.wiab-empty{color:#7A818C}

/* Rubriky */
.wiab-chips{display:flex; flex-wrap:wrap; gap:10px; margin:0 0 28px}
.wiab-chips a{display:inline-block; padding:8px 18px; border-radius:30px; border:1px solid var(--line); background:#fff; color:var(--ink); text-decoration:none; font-size:15px; line-height:1.3; transition:.15s}
.wiab-chips a:hover{border-color:var(--g); color:var(--g)}
.wiab-chips a.is-on{background:var(--g); border-color:var(--g); color:#fff}

/* Karty */
.wiab-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:28px}
.wiab-card{background:#fff; border-radius:var(--r); box-shadow:var(--sh); overflow:hidden; display:flex; flex-direction:column; transition:box-shadow .2s, transform .2s; border:1px solid #EEF0F2}
.wiab-card:hover{box-shadow:var(--sh-h); transform:translateY(-2px)}
.wiab-card-img{display:block; aspect-ratio:16/9; background:var(--grey); overflow:hidden}
.wiab-card-img img{width:100%; height:100%; object-fit:cover; display:block}
.wiab-card-noimg{display:block; width:100%; height:100%; background:linear-gradient(135deg,#E8F0E1,#F4F4F4)}
.wiab-card-body{padding:22px 24px 24px; display:flex; flex-direction:column; flex:1}
.wiab-card-meta{display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin-bottom:12px}
.wiab-tag{display:inline-block; background:var(--g); color:#fff; font-family:FiraSansMedium,"Fira Sans",Arial,sans-serif; font-size:12px; letter-spacing:.5px; text-transform:uppercase; border-radius:20px; padding:3px 12px; line-height:1.5}
.wiab-date{font-size:14px; color:#7A818C}
.wiab-card h3{font-size:20px; line-height:1.3; margin:0 0 10px}
.wiab-card h3 a{color:var(--ink); text-decoration:none}
.wiab-card h3 a:hover{color:var(--g)}
.wiab-card p{font-size:15.5px; line-height:1.55; margin:0 0 18px; flex:1}
.wiab-more{font-family:FiraSansMedium,"Fira Sans",Arial,sans-serif; font-size:15px; text-decoration:none; align-self:flex-start}
.wiab-more::after{content:" →"}
.wiab-more:hover{text-decoration:underline}

/* Stránkování */
.wiab-pager{display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin-top:40px}
.wiab-pager a,.wiab-pager span{display:inline-block; min-width:42px; padding:9px 14px; text-align:center; border-radius:10px; border:1px solid var(--line); text-decoration:none; color:var(--ink); font-size:15px}
.wiab-pager .current{background:var(--g); border-color:var(--g); color:#fff}
.wiab-pager a:hover{border-color:var(--g); color:var(--g)}

/* Článek */
.wiab-cover{margin:0 0 32px; border-radius:var(--r); overflow:hidden; background:var(--grey)}
.wiab-cover img{width:100%; height:auto; max-height:480px; object-fit:cover; display:block}
.wiab-prose{color:var(--txt); font-size:18px; line-height:1.75}
/* zámek stylu – vložené barvy a velikosti (např. z Wordu) se ignorují */
.wiab-prose [style]{color:inherit!important; background-color:transparent!important; font-size:inherit!important; font-family:inherit!important}
.wiab-prose span,.wiab-prose font{color:inherit!important; font-size:inherit!important; background:transparent!important}
.wiab-prose p{margin:0 0 20px}
.wiab-prose h2{font-family:FiraSansBold,"Fira Sans",Arial,sans-serif; font-size:27px; line-height:1.3; color:var(--ink); margin:40px 0 14px}
.wiab-prose h3,.wiab-prose h1,.wiab-prose h4,.wiab-prose h5,.wiab-prose h6{font-family:FiraSansBold,"Fira Sans",Arial,sans-serif; font-size:21px; line-height:1.35; color:var(--ink); margin:30px 0 10px}
.wiab-prose strong,.wiab-prose b{font-family:FiraSansBold,"Fira Sans",Arial,sans-serif; font-weight:normal; color:var(--ink)}
.wiab-prose a{color:var(--g); text-decoration:underline; text-underline-offset:2px}
.wiab-prose a:hover{color:var(--g-deep)}
.wiab-prose ul,.wiab-prose ol{margin:0 0 20px; padding-left:26px}
.wiab-prose ul{list-style:disc}
.wiab-prose ol{list-style:decimal}
.wiab-prose li{margin-bottom:8px}
.wiab-prose li::marker{color:var(--g)}
.wiab-prose blockquote{margin:28px 0; padding:18px 24px; border-left:4px solid var(--g); background:var(--grey); border-radius:0 12px 12px 0; font-family:FiraSansLight,"Fira Sans",Arial,sans-serif; font-size:20px; color:var(--ink)}
.wiab-prose blockquote p:last-child{margin-bottom:0}
.wiab-prose img{max-width:100%; height:auto; border-radius:12px; display:block; margin:24px auto}
.wiab-prose figure{margin:24px 0; max-width:100%}
.wiab-prose figcaption,.wiab-prose .wp-caption-text{font-size:14px; color:#7A818C; text-align:center; margin-top:8px}
.wiab-prose .wp-caption{max-width:100%!important}
.wiab-prose iframe,.wiab-prose video{max-width:100%; border-radius:12px}
.wiab-prose iframe[src*="youtube"]{width:100%; aspect-ratio:16/9; height:auto}
.wiab-prose table{width:100%; border-collapse:collapse; margin:0 0 20px; font-size:16px}
.wiab-prose th,.wiab-prose td{border:1px solid var(--line); padding:8px 12px; text-align:left}
.wiab-prose hr{border:0; border-top:1px solid var(--line); margin:32px 0}
.wiab-back{margin-top:40px}

/* Tlačítka (jako internet.wia.cz) */
.wiab-btn{display:inline-block; background:var(--g); color:#fff!important; text-decoration:none; padding:14px 28px; border-radius:10px; font-family:FiraSansMedium,"Fira Sans",Arial,sans-serif; font-size:17px; line-height:1.2; transition:background .15s}
.wiab-btn:hover{background:var(--g-deep)}
.wiab-btn-outline{background:#fff; color:var(--g)!important; border:2px solid var(--g); padding:12px 24px}
.wiab-btn-outline:hover{background:var(--g); color:#fff!important}

/* CTA */
.wiab-cta{background:var(--g); padding:52px 0; text-align:center}
.wiab-cta h2{color:#fff!important; font-size:clamp(24px,3vw,32px); margin:0 0 10px!important}
.wiab-cta p{color:rgba(255,255,255,.9); font-family:FiraSansLight,"Fira Sans",Arial,sans-serif; font-size:19px; margin:0 0 24px}
.wiab-cta .wiab-btn{background:#fff; color:var(--g)!important}
.wiab-cta .wiab-btn:hover{background:var(--grey)}

/* Nouzová hlavička (jen když se nepodaří načíst internet.wia.cz) */
.wiab-nouze{padding:24px 20px; border-bottom:1px solid #eee; font:20px Arial,sans-serif}
.wiab-nouze a{color:#457C1F; text-decoration:none}

@media (max-width:1024px){
  .wiab-grid{grid-template-columns:repeat(2,1fr); gap:22px}
}
@media (max-width:680px){
  .wiab{font-size:16px}
  .wiab-in{padding:0 16px}
  .wiab-hero{padding:30px 0 28px}
  .wiab-lead{font-size:18px}
  .wiab-section{padding:28px 0 44px}
  .wiab-grid{grid-template-columns:1fr; gap:18px}
  .wiab-chips{flex-wrap:nowrap; overflow-x:auto; margin:0 -16px 22px; padding:0 16px 4px; scrollbar-width:none}
  .wiab-chips::-webkit-scrollbar{display:none}
  .wiab-chips a{white-space:nowrap}
  .wiab-prose{font-size:17px}
  .wiab-prose h2{font-size:23px; margin-top:32px}
  .wiab-cover{margin-bottom:24px; border-radius:14px}
  .wiab-cta{padding:40px 0}
}