/* ==========================================================================
   Üldine broneerimisriba jaluse kohal – inc/visit-cta.php
   Vasakul foto (konsultatsioon), paremal pealkiri, üks lause ja nupp.
   Ploomililla täislaiuses riba (erineb jaluse beežist). Kliinikute info on jaluses.
   Nupp kasutab teema .btn klassi ja #icon-organizer ikooni – sama mis päise "Broneeri külastus".
   ========================================================================== */

.sk-visit {
  --sk-plum: var(--color-main, #4D1C46); --sk-cream: #FFF4EE;
  position: relative; color: var(--sk-cream);
  background: var(--sk-plum); box-shadow: 0 0 0 100vmax var(--sk-plum); clip-path: inset(0 -100vmax);
}
.sk-visit a, .sk-visit a:hover, .sk-visit a:focus { text-decoration: none; }
.sk-visit-inner { box-sizing: border-box; max-width: 1200px; margin: 0 auto; padding: 56px 40px; }
.sk-visit--img .sk-visit-inner { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: 72px; align-items: center; padding: 72px 40px; }

.sk-visit-photo { overflow: hidden; border-radius: 4px; aspect-ratio: 4 / 3; background: rgba(255, 244, 238, .06); }
.sk-visit-photo img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 40%; }

.sk-visit-title { margin: 0; font-size: 36px; line-height: 44px; font-weight: 400; color: var(--sk-cream); }
.sk-visit-text { margin: 12px 0 0; max-width: 480px; font-size: 17px; line-height: 28px; font-weight: 400; color: rgba(255, 244, 238, .8); }
/* Nupp = teema .btn (sama mis päises), siin ainult paigutus */
.btn.sk-visit-btn { display: inline-flex; align-items: center; width: auto; min-width: 0; justify-content: center; gap: 14px; margin-top: 32px; padding-left: 32px; padding-right: 32px; }
.btn.sk-visit-btn svg, .btn.sk-visit-btn span { margin: 0; }

@media (max-width: 899px) {
  .sk-visit-inner, .sk-visit--img .sk-visit-inner { display: block; padding: 0 0 40px; }
  .sk-visit-photo { aspect-ratio: 16 / 9; border-radius: 0; }
  .sk-visit-intro { padding: 32px 20px 0; }
  .sk-visit:not(.sk-visit--img) .sk-visit-intro { padding-top: 40px; }
  .sk-visit-title { font-size: 28px; line-height: 34px; }
  .sk-visit-text { font-size: 16px; line-height: 26px; }
  .btn.sk-visit-btn { display: flex; width: 100%; margin-top: 24px; box-sizing: border-box; }
}