/* Tsenov Group v2 — WordPress-only additions on top of site.css (copied to theme/v2/css/wp.css by tools/make_v2.py). */

/* Super5 Forms inside the booking card (.book): the plugin's colour variables set to the dark card of the mockup.
   Scoped .tsv2 .book .s5f-form (3 classes) because the plugin CSS loads after ours with 2-class rules. */
.tsv2 .book .s5f-form {
  --s5f-navy: var(--gold);
  --s5f-ink: var(--text);
  --s5f-muted: var(--muted);
  --s5f-line: var(--line);
  --s5f-placeholder: #7f7a71;
  --s5f-surface: var(--bg);
  --s5f-cta: var(--gold);
  --s5f-cta-hover: var(--gold-hi);
  --s5f-accent: var(--gold);
  --s5f-error: #e8a0a0;
  --s5f-success: var(--gold);
  --s5f-success-bg: rgba(200, 164, 100, .12);
  margin-top: 20px; color: var(--text);
}
.tsv2 .book .s5f-fields { display: grid; gap: 14px; }
@media (min-width: 600px) {
  .tsv2 .book .s5f-fields { grid-template-columns: 1fr 1fr; }
  .tsv2 .book .s5f-field--consent { grid-column: 1 / -1; }
}
/* The side booking card (380px from 1200px): Откъде / Докъде full width, the short fields in pairs.
   With 6 fields + consent it is taller than a laptop screen, so it scrolls with the page instead of sticking
   (a sticky card taller than the viewport would hide its button). */
@media (min-width: 1200px) {
  .tsv2 .svc-aside { position: static; }
  .tsv2 .svc-aside .book .s5f-field[data-key="from"], .tsv2 .svc-aside .book .s5f-field[data-key="to"] { grid-column: 1 / -1; }
}
.tsv2 .book .s5f-label { font-size: var(--fs-small); font-weight: 600; color: var(--text-soft); }
.tsv2 .book .s5f-form .s5f-input {
  min-height: 48px; padding: 0 14px; border: 1px solid var(--line); border-radius: var(--radius-input);
  font: 500 1rem var(--font-body); font-feature-settings: "locl" 0 !important;
}
.tsv2 .book .s5f-form .s5f-input--select { padding-right: 42px; }
.tsv2 .book .s5f-form .s5f-input:hover { border-color: #45454c; }
.tsv2 .book .s5f-form .s5f-input:focus { border-color: var(--accent); box-shadow: none; }
.tsv2 .book .s5f-form .s5f-input--consent { min-height: 0; width: 24px; height: 24px; min-width: 24px; padding: 0; margin-top: 0; border-radius: 5px; background-size: 14px 14px; }
.tsv2 .book .s5f-consent { font-size: var(--fs-small); color: var(--muted); line-height: 1.45; }
.tsv2 .book .s5f-consent a { color: var(--accent); }
.tsv2 .book .s5f-submit-wrap { margin-top: 18px; }
.tsv2 .book .s5f-submit {
  min-height: 52px; border-radius: var(--radius-btn); color: var(--on-gold);
  font: 700 1rem var(--font-body); font-feature-settings: "locl" 0 !important; transition: transform .15s ease, background .15s ease;
}
.tsv2 .book .s5f-submit:hover { transform: translateY(-1px); }

/* Cookie banner (CookieYes): its text was pasted as a <pre> from a translator — let it wrap in the box. */
.cky-notice-des pre, .cky-notice-des .tw-ta-container { white-space: pre-wrap; margin: 0; font: inherit; overflow-wrap: anywhere; }

/* Things other plugins print that the v2 design replaces. */
.tsv2 #chaty-widget-0, .tsv2 .chaty-widget, .tsv2 .chaty, .tsv2 #trp-floater-ls { display: none !important; }
body.admin-bar.tsv2 .header { top: 32px; }
@media (max-width: 782px) { body.admin-bar.tsv2 .header { top: 46px; } }

/* Smartsupp chat bubble sits above the phone action bar (.mbar, shown below 900px) instead of covering "Запази". */
@media (max-width: 899px) { .tsv2 #smartsupp-widget-container > div { bottom: 84px !important; } }

/* WPConsent (shadow DOM, 2026-10-29): on phones its banner and floating settings button sit above the action bar
   (.mbar, 65px) instead of covering „Обади се“. A transform on the host makes its fixed children position against it. */
@media (max-width: 899px) {
  .tsv2 #wpconsent-container { position: fixed; left: 0; right: 0; bottom: 66px; height: 0; transform: translateZ(0); z-index: 70; }
}