/* SAK Palvelut -widget (B: vuorottelevat rivit). Kultaväri --gold Tyyli-välilehdeltä.
   Vastaa class-palvelut-widget.php:n markupia. */
.sak-services{
  --gold:#C9A564; --gold-dark:#A8842F; --dark:#181512; --cream:#F5F2EA; --text:#5f5448;
  font-family:'Plus Jakarta Sans',system-ui,sans-serif;
  background:var(--cream); padding:84px 24px;
}
.sak-services *{ box-sizing:border-box; }

.sak-services__head{ max-width:1100px; margin:0 auto 48px; text-align:center; }
.sak-services__head h2{ font-family:'Cormorant Garamond',Georgia,serif; font-weight:600;
  font-size:clamp(2rem,4vw,3rem); color:var(--dark); margin:0; letter-spacing:-.01em; }
.sak-services__head p{ color:#6b5f48; margin:12px 0 0; font-size:1.05rem; }

.sak-services__rows{ max-width:1100px; margin:0 auto; }

/* Yksi rivi: kuva + teksti vierekkäin, joka toinen käännetty */
.sak-prow{ display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:center; margin-bottom:40px; }
.sak-prow:last-child{ margin-bottom:0; }
.sak-prow--rev .sak-prow__img{ order:2; }

.sak-prow__img{ height:300px; border-radius:14px; overflow:hidden; background-size:cover; background-position:center;
  box-shadow:0 24px 50px rgba(0,0,0,.2); }
.sak-prow__img img{ display:block; width:100%; height:100%; object-fit:cover; object-position:center; }
.sak-prow__img--tyhja{ background:linear-gradient(135deg,#e4dcc9,#cfc4ab); box-shadow:none; }

.sak-prow__k{ display:inline-block; font-size:12px; font-weight:800; letter-spacing:1.5px;
  text-transform:uppercase; color:var(--gold-dark); margin-bottom:8px; }
.sak-prow__txt h3{ font-family:'Cormorant Garamond',Georgia,serif; font-weight:600;
  font-size:2.2rem; color:var(--dark); margin:0 0 12px; }
.sak-prow__txt p{ color:var(--text); font-size:1.02rem; line-height:1.6; margin:0 0 22px; max-width:46ch; }

/* Varaa aika + Soita vierekkäin */
.sak-prow__actions{ display:flex; flex-wrap:wrap; gap:12px; align-items:center; }

.sak-btn{ display:inline-block; background:var(--gold); color:#fff !important; font-weight:800;
  font-size:.95rem; padding:14px 26px; border-radius:9px; text-decoration:none !important;
  border:2px solid var(--gold); transition:transform .15s ease, background .15s ease, border-color .15s ease, color .15s ease; }
.sak-services a.sak-btn:hover,.sak-services a.sak-btn:focus-visible{ text-decoration:none !important; }
.ast-single-post .entry-content .sak-services a.sak-btn{ text-decoration:none !important; }
.sak-btn--primary:hover{ transform:translateY(-2px); background:var(--gold-dark); border-color:var(--gold-dark); color:#fff; }
/* Toissijainen "Soita"-nappi: ääriviiva, täyttyy hoverissa */
.sak-btn--ghost{ background:transparent; color:var(--gold-dark) !important; border-color:var(--gold); }
.sak-btn--ghost:hover{ transform:translateY(-2px); background:var(--gold); color:#fff !important; }
.sak-btn:focus-visible{ outline:2px solid var(--gold-dark); outline-offset:3px; }

@media (max-width:860px){
  .sak-services{ padding:56px 18px; }
  .sak-prow{ grid-template-columns:1fr; gap:20px; margin-bottom:32px; }
  .sak-prow--rev .sak-prow__img{ order:0; }   /* kuva aina ylös mobiilissa */
  .sak-prow__img{ height:220px; }
  .sak-prow__txt h3{ font-size:1.9rem; }
}
@media (prefers-reduced-motion:reduce){ .sak-btn{ transition:none; } }