/* okei.lv sakumlapa - mockup: design/okei-home-mockup.html */
.home .entry-header { display: none; }
.home .entry-content > * { max-width: 1152px; margin-left: auto; margin-right: auto; } /* 1200 - 2x24px padding = viena kreisa linija ar galveni un kajeni (mockup .wrap) */
.home .entry-content { padding: 32px 24px 24px; }
.home article.post, .home .entry-content { margin-top: 0; }

/* Kartinu bazes stils visiem query blokiem */
.okei-cards .wp-block-post {
  background: #F8FAFC; border: 1px solid #E2E8F0; border-radius: 16px;
  overflow: hidden; transition: transform .15s ease;
}
.okei-cards .wp-block-post:hover { transform: translateY(-2px); }
.okei-cards .wp-block-post-featured-image { margin: 0; }
.okei-cards .wp-block-post-featured-image img { display: block; width: 100%; aspect-ratio: 16/9; object-fit: cover; }
.okei-cards .wp-block-post-title, .okei-cards .wp-block-post-excerpt, .okei-cards .wp-block-post-date, .okei-cards .taxonomy-category {
  padding: 0 20px;
}
.okei-cards .wp-block-post-title { margin: 12px 0 0; font-size: 17px; font-weight: 800; line-height: 1.3; }
.okei-cards .wp-block-post-title a { color: #0F172A; text-decoration: none; }
.okei-cards .wp-block-post-excerpt { margin: 8px 0 0; font-size: 15px; color: #64748B; }
.okei-cards .wp-block-post-excerpt__more-link { display: none; }
.okei-cards .wp-block-post-date { display: block; margin: 8px 0 20px; font-size: 13px; color: #64748B; }
.okei-cards .taxonomy-category { margin: 14px 0 0; font-size: 12px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; }
.okei-cards .taxonomy-category a { color: #0891B2; text-decoration: none; }

/* HERO */
.okei-hero { margin-top: 32px; }
.okei-hero > .wp-block-group__inner-container { display: grid; grid-template-columns: 1.6fr 1fr; gap: 24px; }
.okei-hero .wp-block-post-template { display: grid; gap: 24px; margin: 0; }
.okei-hero-main .wp-block-post-title { font-size: 26px; letter-spacing: -0.4px; }
.okei-hero-side .wp-block-post-excerpt { display: none; }

/* Sekciju galvas */
.okei-sec-head { display: flex; align-items: baseline; gap: 16px; margin: 48px 0 20px; }
.okei-sec-head h2 { font-size: 24px; font-weight: 800; letter-spacing: -0.4px; margin: 0; }
.okei-sec-head .okei-bars { display: flex; gap: 4px; align-self: center; }
.okei-sec-head .okei-bars i { width: 8px; border-radius: 4px; background: #06B6D4; display: block; }
.okei-sec-head .okei-bars i:nth-child(1){height:22px} .okei-sec-head .okei-bars i:nth-child(2){height:17px} .okei-sec-head .okei-bars i:nth-child(3){height:12px}
.okei-sec-head .okei-all { margin-left: auto; color: #0891B2; font-weight: 700; font-size: 14px; text-decoration: none; }

/* Jaunako 4 kolonnu rezgis */
.okei-latest .wp-block-post-template { gap: 20px; }

/* Kategoriju bloki */
.okei-cats > .wp-block-group__inner-container { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.okei-cat-col { background: #F8FAFC; border: 1px solid #E2E8F0; border-radius: 16px; padding: 20px 22px; }
.okei-cat-col h3 { font-size: 16px; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; color: #0891B2; margin: 0 0 6px; }
.okei-cat-col .wp-block-post { display: flex; gap: 14px; align-items: flex-start; padding: 14px 0; border-bottom: 1px solid #E2E8F0; margin: 0; }
.okei-cat-col .wp-block-post:last-child { border-bottom: none; }
.okei-cat-col .wp-block-post-featured-image { flex: none; width: 84px; margin: 0; }
.okei-cat-col .wp-block-post-featured-image img { width: 84px; height: 60px; object-fit: cover; border-radius: 10px; }
.okei-cat-col .wp-block-post-title { font-size: 15px; font-weight: 700; line-height: 1.35; margin: 0; }
.okei-cat-col .wp-block-post-title a { color: #0F172A; text-decoration: none; }
.okei-cat-col .wp-block-post-date { display: block; font-size: 12px; color: #64748B; margin-top: 3px; }
.okei-cat-col .wp-block-post-template { gap: 0; margin: 0; }

/* Abonesanas josla */
.okei-subscribe {
  margin: 56px 0 8px; border-radius: 16px; background: #0F172A; color: #F8FAFC;
  padding: 40px; position: relative; overflow: hidden;
}
.okei-subscribe::after {
  content: ""; position: absolute; right: -60px; bottom: -80px; width: 260px; height: 260px;
  border: 50px solid #06B6D4; border-radius: 50%; opacity: .15;
}
.okei-subscribe h2 { color: #F8FAFC; font-size: 26px; font-weight: 800; margin: 0 0 4px; }
.okei-subscribe p { color: #CBD5E1; margin: 0; }

/* Responsivs */
@media (max-width: 960px) {
  .okei-hero > .wp-block-group__inner-container, .okei-cats > .wp-block-group__inner-container { grid-template-columns: 1fr; }
}

/* Hero balanss: kreisa kolonna (1 zina) bija 609px, laba (2 zinas) 790px -> zem lielas zinas palika 181px tukšuma.
   Lielas zinas attels tagad aizpilda atlikuso augstumu -> abas kolonnas beidzas viena linija. */
.okei-hero-main .wp-block-post{ display:flex; flex-direction:column; height:100%; }
.okei-hero-main .wp-block-post-featured-image{ flex:1 1 auto; min-height:260px; margin-bottom:0; }
.okei-hero-main .wp-block-post-featured-image img{ width:100%; height:100%; object-fit:cover; aspect-ratio:auto; }
@media (max-width:960px){
  .okei-hero-main .wp-block-post{ display:block; height:auto; }
  .okei-hero-main .wp-block-post-featured-image img{ height:auto; aspect-ratio:16/9; }
}

/* ul.wp-block-post-template neizstiepas (vecaks bija block) -> kartinai nav kur augt. Padaram kedi izstieptu. */
.okei-hero-main{ display:flex; }
.okei-hero-main .wp-block-post-template{ width:100%; }
@media (max-width:960px){ .okei-hero-main{ display:block; } }