/* ==========================================================================
   Ühtne hover-reegel kogu saidil (2026-09-30), laaditakse inc/hover.php kaudu.
   - Tekstilingid sisus (roosad): hoveril lilla + alljoon
   - Lillad ja hallid lingid (ka noolega): hoveril roosa, nool liigub paremale (lehepõhistes failides)
   - Tumedal pinnal kuldne link (järelmaksu kaart): värv jääb, liigub ainult nool
   - Põhinupp (roosa .btn): hoveril veidi tumedam roosa
   - Klikitavad read/kaardid: hoveril hele roosa #FDF5F8
   ========================================================================== */
:root { --sk-hover-btn: #C4093F; --sk-hover-row: #FDF5F8; }

/* Põhinupp. Kontuur- ja valged variandid jäetakse välja. */
.btn:not([class*="outline"]):not([class*="white"]):not([class*="secondary"]):not([class*="transparent"]) {
  transition: background-color .2s ease, border-color .2s ease;
}
.btn:not([class*="outline"]):not([class*="white"]):not([class*="secondary"]):not([class*="transparent"]):hover,
.btn:not([class*="outline"]):not([class*="white"]):not([class*="secondary"]):not([class*="transparent"]):focus-visible {
  background-color: var(--sk-hover-btn) !important;
  border-color: var(--sk-hover-btn) !important;
  color: #fff !important;
}

/* Standardne "Broneeri aeg" nupp: roosa .btn + kalendri ikoon (#icon-organizer) + tekst span-is.
   Kasutusel: hinnakirja hero, kalkulaatori riba, arsti leht, broneerimisplokk. */
.btn.sk-book-btn { display: inline-flex; align-items: center; justify-content: center; gap: 14px; width: auto; min-width: 0; padding-left: 32px; padding-right: 32px; text-decoration: none; }
.btn.sk-book-btn svg, .btn.sk-book-btn span { margin: 0; }
.btn.sk-book-btn svg { flex-shrink: 0; width: 24px; height: 24px; fill: currentColor; }

/* Klaviatuuri fookuse raam brändi lillas (mitte brauseri sinine) – nähtavus jääb samaks */
:focus-visible { outline-color: #4D1C46; }

/* Uues aknas avanev link: kast-nool ikoon (lisab inc/hover.php), värv = teksti värv */
.sk-ext-icon {
  display: inline-block; width: .8em; height: .8em; margin-left: .3em; vertical-align: -.04em;
  background: currentColor; transition: transform .15s ease;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 4h6v6M20 4l-9 9M18 14v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h5'/%3E%3C/svg%3E") center / contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 4h6v6M20 4l-9 9M18 14v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h5'/%3E%3C/svg%3E") center / contain no-repeat;
}
a:hover .sk-ext-icon, a:focus-visible .sk-ext-icon { transform: translate(1px, -1px); }
@media (prefers-reduced-motion: reduce) { .sk-ext-icon { transition: none; } }
.sk-sr { position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
