/* ==========================================================================
   Skiverleih (Page 14) – O1 „Clean“ (30.09.2026)
   Rollback: zsh _snapshot-verleih-2026-09-30/restore-verleih.sh
   ========================================================================== */
.sms-verleih {
  --v-max: 1200px;
  --v-pad: clamp(20px, 4vw, 40px);
  --v-line: #DCE7EC;
  --v-blue: var(--wp--preset--color--primary);
  --v-green: var(--wp--preset--color--secondary);
  --v-ink: var(--wp--preset--color--contrast);
  --v-muted: var(--wp--preset--color--muted);
  --v-tint: var(--wp--preset--color--snow-tint);
}
.sms-verleih > * { margin-block: 0 !important; }
.sms-verleih .sms-kick { font-size: .78rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--v-blue); margin: 0 0 10px; }
.sms-verleih h2 { font-family: var(--wp--preset--font-family--big-shoulders); font-weight: 900; text-transform: uppercase; font-size: clamp(2.4rem, 4.8vw, 3.8rem); line-height: .92; margin: 0 0 16px; color: var(--v-ink); text-wrap: balance; }
.sms-verleih section { box-sizing: border-box; max-width: var(--v-max); margin: 0 auto; padding: clamp(40px, 5vw, 64px) var(--v-pad) 0; }
.sms-verleih .sms-vl-service { padding-bottom: clamp(48px, 6vw, 80px); }

/* Foto/Text-Reihen wie „Franz & Herbert“ */
.sms-verleih .sms-vl-row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(24px, 4.5vw, 56px); align-items: center; }
.sms-verleih .sms-vl-img img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; }
.sms-verleih .sms-vl-service .sms-vl-img img { aspect-ratio: 4 / 5; }
.sms-verleih .sms-vl-txt p { font-size: 1.02rem; line-height: 1.7; margin: 0 0 12px; max-width: 58ch; }
.sms-verleih .sms-vl-facts { display: flex; flex-wrap: wrap; margin: 16px 0 0 !important; padding-top: 14px; border-top: 1px solid var(--v-line); font-size: .74rem !important; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; line-height: 1.8 !important; }
.sms-verleih .sms-vl-facts span:not(:last-child)::after { content: "·"; margin: 0 10px; color: var(--v-muted); }
.sms-verleih .sms-vl-link { font-family: var(--wp--preset--font-family--big-shoulders); font-weight: 800; font-size: 1.1rem; letter-spacing: .05em; text-transform: uppercase; color: var(--v-ink); text-decoration: none; border-bottom: 3px solid var(--v-green); padding-bottom: 2px; }
.sms-verleih .sms-vl-link:hover { border-bottom-color: var(--v-ink); }

/* Preise mit Reitern wie auf der Kursseite */
.sms-verleih .sms-payment-note { margin: 0 0 22px; border-radius: 0; }
.sms-verleih .sms-vl-tabs { display: flex; flex-wrap: wrap; gap: 10px; margin: 0 0 24px; }
.sms-verleih .sms-vl-tab { display: flex; flex-direction: column; align-items: flex-start; gap: 3px; padding: 10px 18px 9px; background: var(--v-tint); border: 1px solid var(--v-line); color: var(--v-ink); font: inherit; text-align: left; cursor: pointer; }
.sms-verleih .sms-vl-tab-n { font-family: var(--wp--preset--font-family--big-shoulders); font-weight: 900; font-size: 1.35rem; letter-spacing: .06em; text-transform: uppercase; line-height: 1; }
.sms-verleih .sms-vl-tab-s { font-size: .74rem; font-weight: 600; color: var(--v-muted); }
.sms-verleih .sms-vl-tab:hover { border-color: var(--v-blue); color: var(--v-blue); }
.sms-verleih .sms-vl-tab.is-on { background: var(--v-blue); border-color: var(--v-blue); color: #fff; }
.sms-verleih .sms-vl-tab.is-on .sms-vl-tab-s { color: rgba(255,255,255,.88); }
.sms-verleih .sms-vl-tab:focus { outline: none; }
.sms-verleih .sms-vl-tab:focus-visible { box-shadow: 0 0 0 3px var(--v-green); }
.sms-verleih .sms-vl-prices:not(.js) .sms-vl-tabs { display: none; }
.sms-verleih .sms-vl-prices.js .sms-vl-panel:not(.is-on) { display: none; }
.sms-verleih .sms-vl-tgroup { margin: 0 0 28px; }
.sms-verleih .sms-vl-tgroup h3 { font-family: var(--wp--preset--font-family--big-shoulders); font-weight: 800; text-transform: uppercase; font-size: 1.4rem; margin: 0 0 8px; color: var(--v-ink); }
.sms-verleih .sms-ptable-wrap { overflow-x: auto; margin: 0; border-radius: 0; box-shadow: none; border: 1px solid var(--v-line); }
.sms-verleih .sms-ptable { min-width: 720px; }
.sms-verleih .sms-ptable thead th:nth-child(8) { background: var(--v-green); color: var(--v-ink); }
.sms-verleih .sms-ptable td.sms-hi { background: inherit; color: var(--v-blue); }
.sms-verleih .sms-ptable tbody td.sms-free,
.sms-verleih .sms-ptable tbody tr:nth-child(even) td.sms-free { background: #EEF5DC; color: var(--v-ink); font-size: 1rem; text-transform: uppercase; letter-spacing: .04em; }
.sms-verleih .sms-ptable tbody tr:nth-child(even) td.sms-hi { background: var(--v-tint); }
.sms-verleih .sms-vl-lead { margin: 0 0 16px; font-size: 1rem; }
.sms-verleih .sms-vl-todo { margin: -12px 0 20px; font-size: .9rem; }
.sms-verleih .sms-vl-foot { margin: 0; font-size: .9rem; color: var(--v-muted); }

/* Check-in-Zeile */
.sms-verleih .sms-vl-ci { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 20px 40px; align-items: center; background: var(--v-tint); margin-top: clamp(40px, 5vw, 64px); padding: 28px clamp(20px, 3vw, 36px); max-width: calc(var(--v-max) - 2 * 40px); }
.sms-verleih .sms-vl-ci .sms-checkin-kick { font-size: .78rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--v-blue); margin: 0 0 8px; }
.sms-verleih .sms-vl-ci h3 { font-family: var(--wp--preset--font-family--big-shoulders); font-weight: 900; text-transform: uppercase; font-size: clamp(1.8rem, 3vw, 2.4rem); line-height: .95; margin: 0 0 10px; color: var(--v-ink); }
.sms-verleih .sms-vl-ci p { margin: 0; }
.sms-verleih .sms-vl-ci .sms-checkin-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 22px; }
.sms-verleih .sms-checkin-link { font-family: var(--wp--preset--font-family--big-shoulders); font-weight: 800; font-size: 1.35rem; color: var(--v-blue); text-decoration: none; }

@media (max-width: 1240px) { .sms-verleih .sms-vl-ci { margin-left: var(--v-pad); margin-right: var(--v-pad); } }
@media (max-width: 760px) {
  .sms-verleih .sms-vl-row, .sms-verleih .sms-vl-ci { grid-template-columns: minmax(0, 1fr); }
  .sms-verleih .sms-vl-row .sms-vl-img { order: -1; }
  .sms-verleih .sms-vl-service .sms-vl-img img { aspect-ratio: 4 / 3; }
}