/* ============================================================
   services-skin-editorial.css
   Overlay ZA elegant.css — magazine / editorial look.
   Elegant = soft cards + rounded chrome.
   Editorial = sharp edges, oversized type, underline steps, line rows.
   ============================================================ */

/* Site shell: sharper magazine frame */
.svc-site{
  border-radius:0;
  border-left:none;
  border-right:none;
  border-top:none;
  border-bottom:3px solid var(--svc-ink, #241c14);
}
.svc-app{ border-radius:0; border:none; }

/* Hero — big display type (title lives in .svc-hero, not .svc-head) */
.svc-hero{ padding:36px 46px 18px 46px; }
.svc-hero .svc-eyebrow{
  font-size:10.5px; letter-spacing:.12em; margin:0 0 14px 0;
  color:var(--svc-ink, #241c14);
}
.svc-hero h1{
  font-size:clamp(28px, 5vw, 40px); letter-spacing:-0.02em; font-weight:600;
  line-height:1.1; max-width:16ch; margin:0 0 8px 0;
}
.svc-hero .svc-sub{ font-size:14px; max-width:42ch; margin:10px 0 0 0; line-height:1.45; }
.svc-hero-brand{ align-items:center; gap:18px; }
.svc-logo{
  width:auto; height:auto; max-height:56px; max-width:min(200px, 46vw);
  margin:0; border-radius:0; background:transparent; box-shadow:none;
}
.svc-hero-media{ border-radius:0; margin-bottom:18px; max-height:220px; }
.svc-hero-media img{ border-radius:0; }

.svc-head{ padding:8px 46px 22px 46px; border-bottom:none; }

/* kroky ako podčiarknuté slová, nie pilulky */
.svc-steps{ gap:18px; justify-content:flex-start; margin-top:8px; }
.svc-steps li{
  flex:none;
  background:none !important;
  border:none !important;
  border-radius:0 !important;
  padding:0 0 4px 0 !important;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.05em;
  color:var(--svc-faint, #b0a494);
}
.svc-steps li.is-done{ color:var(--svc-muted, #7d7166); }
.svc-steps li.is-active{
  color:var(--svc-ink, #241c14) !important;
  background:none !important;
  text-decoration:underline;
  text-underline-offset:6px;
  text-decoration-thickness:2px;
  text-decoration-color:var(--svc-accent);
}

.svc-main{ padding:12px 46px 46px 46px; border:none; border-radius:0; background:transparent; }

/* karty služby ako riadky oddelené čiarou, nie boxy */
.svc-list{ gap:0; }
.svc-card{
  display:flex; justify-content:space-between; align-items:flex-start; gap:20px;
  border:none; border-top:1px solid var(--svc-line); border-radius:0; padding:22px 0;
  background:none;
}
.svc-card:last-child{ border-bottom:1px solid var(--svc-line); }
.svc-card.is-selected{ background:none; box-shadow:none; }
.svc-card.is-selected strong{ color:var(--svc-accent); }
/* Inquiry row = plain text row, no dashed frame */
.svc-card-inquiry,
.svc-card-inquiry:not(.is-selected),
.svc-card-inquiry.is-selected{
  border:none !important;
  border-top:1px solid var(--svc-line) !important;
  border-radius:0 !important;
  background:none !important;
  box-shadow:none !important;
}
.svc-card-main{ flex:1 1 auto; min-width:0; }
.svc-card strong{ font-size:19px; font-family:var(--svc-font-display, "Fraunces",serif); display:block; }
.svc-card em{ display:block; margin-top:4px; }
.svc-card .svc-meta{
  font-family:var(--svc-font-display); font-size:15px; font-weight:600; color:var(--svc-accent);
  margin:2px 0 0; white-space:nowrap; flex:0 0 auto; text-align:right;
}

/* personál ako vodorovný filmový pás */
.svc-staff-grid{ display:flex; gap:18px; overflow-x:auto; padding-bottom:4px; }
.svc-staff{ border:none; background:none; padding:0; flex:none; min-width:auto; }
.svc-staff.is-selected{ background:none; box-shadow:none; }
.svc-avatar{ width:76px; height:76px; border:2px solid transparent; border-radius:50%; }
.svc-staff.is-selected .svc-avatar{ border-color:var(--svc-accent); }

/* kalendár / sloty — ostré, nie pilulky */
.svc-day{ border-radius:0; }
.svc-slot{
  border:none; border-bottom:1px solid var(--svc-line); border-radius:0; background:none;
  font-family:var(--svc-font-display); font-size:14px; padding:10px 20px 10px 0;
}
.svc-slot.is-selected{ background:none; color:var(--svc-accent); border-color:var(--svc-accent); font-weight:700; }

.svc-foot{ padding:26px 46px; border-top:1px solid var(--svc-line); }
.svc-btn{ border-radius:0; }
.svc-btn-primary{ border-radius:0; padding:13px 28px; }

.svc-site-footer{ border-radius:0; padding:20px 46px 28px; }
.svc-site-footer-social .svc-site-footer-link{
  border-radius:0;
  border-left:none;
  border-right:none;
  border-top:none;
  border-bottom:1px solid var(--svc-line);
  background:none;
  padding:4px 2px 6px;
}
.svc-site-footer-social .svc-site-footer-link:hover{
  background:none;
  border-bottom-color:var(--svc-accent);
}
.svc-powered-mark{ border-radius:0; }