/* Čudesni borci – Home styles */
:root{
  --cb-primary:#145f7a;
  --cb-accent:#f4a261;
  --cb-bg:#f8fafb;
  --cb-text:#1a1a1a;
  --cb-muted:#6b7280;
  --cb-white:#fff;
  --cb-card:#ffffff;
  --cb-shadow:0 6px 18px rgba(0,0,0,.08);
  --cb-radius:16px;
  --cb-wrap:1200px;
}

h1, h2, h3, h4, h5, h6 {
    color: var(--wp--preset--color--contrast);
    font-family: var(--wp--preset--font-family--body);
    font-weight: 400;
    line-height: 1.2;
}

.cb-wrap{
  max-width:var(--cb-wrap);
  margin:0 auto;
  padding:0 20px;
}

.cb-section__title{
  font-size:clamp(1.5rem,2vw,2rem);
  margin:0 0 1rem 0;
  color:var(--cb-text);
}

.cb-center{ text-align:center; }

/* HERO */
.cb-hero{
  position:relative;
  background:#e9eef1 center/cover no-repeat;
  min-height:68vh;
  display:flex;
  align-items:center;
  color:var(--cb-white);
  isolation:isolate;
}
.cb-hero::before{
  content:"";
  position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(0,0,0,.45), rgba(0,0,0,.35));
  z-index:0;
}
.cb-hero .cb-wrap{ position:relative; z-index:1; }
.cb-hero__title{
  font-size:clamp(2rem,4vw,3rem);
  line-height:1.1;
  margin:0 0 .5rem 0;
  color:var(--cb-white);
}
.cb-hero__subtitle{
  font-size:clamp(1rem,1.5vw,1.125rem);
  max-width:800px;
  opacity:.95;
  margin:0 0 1rem 0;
  
}
.cb-hero__btns{ display:flex; flex-wrap:wrap; gap:.75rem; }

.cb-btn{
  display:inline-flex; align-items:center; justify-content:center;
  padding:.825rem 1.1rem;
  border-radius:999px;
  text-decoration:none; font-weight:600;
  box-shadow:var(--cb-shadow);
  transition:transform .15s ease, box-shadow .15s ease, background .15s ease, color .15s ease;
  border:2px solid transparent;
}
.cb-btn:hover{ transform:translateY(-1px); box-shadow:0 10px 24px rgba(0,0,0,.12); }
.cb-btn--primary{ background:var(--cb-accent); color:#2b2b2b; }
.cb-btn--ghost{ background:transparent; color:var(--cb-text); border-color:rgba(255,255,255,.65); margin-top: 20px;}

/* TRUST */
.cb-trust{ background:var(--cb-bg); padding:48px 0; }
.cb-trust__grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
  align-items:center;
}
.cb-trust__item{
  background:var(--cb-card);
  border-radius:var(--cb-radius);
  box-shadow:var(--cb-shadow);
  text-decoration: none;
  text-align:center;
  background-size: cover;
  background-position: center center;
  min-height: 240px;
}

.cb-trust__text{ color:var(--cb-muted); 
    color: black;
    font-weight: 600;
    font-size: 1.7rem;
    padding: 20px;
    background-color: white;
    opacity: 0.7;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 200px;
}

.cb-trust__item:hover .cb-trust__text {
    opacity: 0.8;
}

/* HELP CARDS */
.cb-help{ padding:64px 0; }
.cb-cards{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
}
.cb-card{
  background:var(--cb-card);
  border-radius:var(--cb-radius);
  box-shadow:var(--cb-shadow);
  padding:20px;
  display:flex; flex-direction:column; gap:.5rem;
}
.cb-card__title{ margin:0; font-size:1.125rem; }
.cb-card__text{ color:var(--cb-muted); margin:0 0 .25rem 0; }
.cb-card__link{ text-decoration:none; color:var(--cb-primary); font-weight:600; }
.cb-card__link:hover{ text-decoration:underline; }

/* PSYCH */
.cb-psych{ padding:64px 0; background:#fff; }
.cb-psych__intro p{ margin:.4rem 0; color:var(--cb-text); }
.cb-quote{
  margin:24px 0;
  padding:16px 20px;
  border-left:4px solid var(--cb-accent);
  background:var(--cb-bg);
  border-radius:8px;
  color:#2b2b2b;
}
.cb-quote cite{ display:block; margin-top:.5rem; color:var(--cb-muted); font-style:normal; }

/* POST GRIDS */
.cb-postgrid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:24px;
}
.cb-postgrid--three{ grid-template-columns:repeat(3,1fr); }
.cb-postgrid__item{
  background:var(--cb-card);
  border-radius:var(--cb-radius);
  overflow:hidden;
  box-shadow:var(--cb-shadow);
  display:flex; flex-direction:column;
}
.cb-postgrid__thumb img{ width:100%; height:220px; object-fit:cover; display:block; }
.cb-postgrid__title{ font-size:1.05rem; margin:.85rem 1rem .5rem 1rem; }
.cb-postgrid__title a{ 
    color:var(--cb-text); 
text-decoration:none; 
font-weight: 600; 
font-family: var(--wp--preset--font-family--body); 
font-size: 1.1rem; 
line-height: 1.4rem; 
overflow: hidden; 
text-overflow: ellipsis; 
display: -webkit-box;
   -webkit-line-clamp: 2;
           line-clamp: 2;
   -webkit-box-orient: vertical;}
.cb-postgrid__title a:hover{ text-decoration:underline; }
.cb-postgrid__meta{ color:var(--cb-muted); font-size:.875rem; margin:0 1rem .5rem 1rem; }
.cb-postgrid__excerpt{ 
    color:var(--cb-muted); 
margin:0 1rem 1rem 1rem; 
font-size: 0.95rem; 
line-height: 1.3rem; 
overflow: hidden; 
text-overflow: ellipsis; 
display: -webkit-box;
   -webkit-line-clamp: 4;
           line-clamp: 4;
   -webkit-box-orient: vertical;}

.cb-diagnoses{ padding:64px 0; background:var(--cb-bg); }
.cb-stories{ padding:64px 0; background:#fff; }
.cb-news{ padding:64px 0; background:var(--cb-bg); }

/* BIG CTA */
.cb-bigcta{
  padding:72px 0;
  background:var(--cb-primary);
  color:var(--cb-white);
  text-align:center;
}
.cb-bigcta__title{
  margin:0 0 1rem 0;
  font-size:clamp(1.6rem,2.4vw,2.2rem);
}
.cb-bigcta .cb-hero__btns{ justify-content:center; }

/* RESPONSIVE */
@media (max-width: 1024px){
  .cb-postgrid{ grid-template-columns:repeat(3,1fr); }
  .cb-trust__grid{ grid-template-columns:repeat(2,1fr); }
  .cb-cards{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width: 640px){
  .cb-postgrid,
  .cb-postgrid--three,
  .cb-cards,
  .cb-trust__grid{ grid-template-columns:1fr; }
  .cb-hero{ min-height:60vh; }
  .cb-wrap {
      padding-top: 40px;
      max-width: calc(100vw - 40px);
      padding-bottom: 40px;
  }
  
  .cb-hero__subtitle {
    max-width: calc(100vw - 80px);
  }
  
}

.cb-diagnoses {
    display: none;
}