/* Online časovi jezika - reuses Home's tokens/hero/.about-grid/.btn,
   O nama's .accred-grid and Sertifikati's .cert-facts/.cert-steps/.cert-apply
   (wrapper carries "home-page onama-page casovi-page"); this file adds only
   what's unique to this page: the hero tutor-photo cluster, pricing cards
   and predavači grid. */

/* HERO - single centered column, same format as Sertifikati/IELTS. No
   gradient overlay on the photo (per request) - text-shadow substitutes
   for the contrast a gradient would normally provide. */
.casovi-page .casovi-hero-center{margin-inline:auto; text-align:center;}
.casovi-page .casovi-hero-center .hero-actions{justify-content:center;}
.casovi-page .hero .eyebrow, .casovi-page .hero h1, .casovi-page .hero .lede{
  text-shadow: 0 2px 14px rgba(5,10,16,.7), 0 1px 3px rgba(5,10,16,.9);
}
/* Base .lede color (muted blue-gray) has too little contrast against this
   photo's bright zones even with the shadow - white reads reliably across
   both the dark monitor and the light desk. */
.casovi-page .hero .lede{color:rgba(255,255,255,.92);}
/* Ghost button's white-on-transparent style disappears against this photo's
   bright desk area (no gradient to darken it uniformly anymore) - a dark
   tint keeps it visible wherever it lands. */
.casovi-page .hero .btn-ghost{background:rgba(7,15,23,.35);}
.casovi-page .hero .btn-ghost:hover{background:rgba(7,15,23,.5);}

/* PRICING - .price-grid/.price-card are shared (academia-shared.css), used
   by both this page and IELTS priprema; only the section wrapper is
   specific to this page. Payment info card (academia_payment_button(),
   reusable komponenta) replaces what used to be a screenshot of the
   payment slip - same fix as Sertifikati/IELTS. */
.casovi-page .casovi-price{padding-block:64px;}
.casovi-page .casovi-price-pay{
  margin:28px auto 0; max-width:480px; background:var(--card-bg); border:1px solid var(--line);
  border-radius:18px; padding:32px 28px; box-shadow:var(--shadow); text-align:center;
}
.casovi-page .casovi-price-pay h3{font-size:1.35rem; margin-top:6px;}
.casovi-page .casovi-price-pay p{margin:10px 0 20px; text-align:left; color:var(--ink-soft);}
.casovi-page .casovi-price-pay .pay-info-btn{width:100%; justify-content:center;}

/* KEY FACTS strip + AKREDITACIJE + PRIJAVA - same orange tint as
   Sertifikati/IELTS's accent sections (.cert-facts/.onama-accred/.cert-apply
   are shared classes, scoped to this page only so other pages stay as-is). */
.casovi-page .cert-facts{background:#FBEADA; border-bottom:none;}

.casovi-page .onama-accred{padding-block:64px;}
.casovi-page .onama-accred .wrap{background:#FBEADA; border-radius:28px; padding:56px 40px;}
.casovi-page .accred-inner{max-width:1250px; margin-inline:auto;}
@media (min-width:701px){
  .casovi-page .onama-accred{margin-bottom:40px;}
  .casovi-page .onama-accred .wrap{
    max-width:none; width:calc(100vw - 80px);
    margin-left:calc(50% - 50vw + 40px); margin-right:calc(50% - 50vw + 40px);
    box-sizing:border-box;
  }
}
@media (max-width:700px){
  .casovi-page .onama-accred .wrap{padding:40px 22px; border-radius:20px;}
}

.casovi-page .cert-apply{background:#FBEADA;}
.casovi-page .cert-apply .eyebrow{color:var(--teal-deep);}
.casovi-page .cert-apply h2{color:var(--ink);}

.casovi-page .casovi-benefits{padding-block:64px; background:var(--ground-raised); border-top:1px solid var(--line); border-bottom:1px solid var(--line);}
.casovi-page .casovi-benefits .about-photo img{max-height:420px;}

/* PREDAVACI grid */
.casovi-page .casovi-tutors{padding-block:64px;}
.casovi-page .predavaci-grid{display:grid; grid-template-columns:repeat(5,1fr); gap:20px;}
@media (max-width:1000px){.casovi-page .predavaci-grid{grid-template-columns:repeat(3,1fr);}}
@media (max-width:640px){.casovi-page .predavaci-grid{grid-template-columns:repeat(2,1fr);}}
.casovi-page .predavac-card{text-align:center; display:flex; flex-direction:column; align-items:center; gap:4px;}
.casovi-page .predavac-photo{width:104px; height:104px; border-radius:50%; background-size:cover; background-position:center; margin-bottom:12px; box-shadow:0 0 0 4px var(--ground);}
.casovi-page .predavac-card h4{font-family:var(--font-display, 'Fraunces', serif); font-size:1.15rem; font-weight:600; color:var(--ink);}
.casovi-page .predavac-card p{font-size:0.943rem; color:var(--ink-soft); margin-top:2px;}

/* STEPS grid override - 4 columns instead of Sertifikati's 5 */
.casovi-page .casovi-steps-grid{grid-template-columns:repeat(4,1fr);}
@media (max-width:1100px){.casovi-page .casovi-steps-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:460px){.casovi-page .casovi-steps-grid{grid-template-columns:1fr;}}