/* Site fixes on top of the Webflow export (loaded after jarabot.webflow.shared.*.css). */

/* Contact page: the card divider and the form's left border should form one vertical line.
   Equal columns regardless of content width (plain 1fr let the form column grow on tablets),
   and the divider moved onto the column boundary where the form border is drawn. */
@media screen and (min-width: 480px) {
  .rt-contact-information.rt-radius-20,
  .rt-contact-v2-main-wrap.rt-gap-30.rt-desktop-height-auto-copy-kontakt {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}
.rt-contact-information .rt-contact-border {
  right: -1px;
}
/* Below tablet the half-width form column is too narrow (the 300px Turnstile widget overflowed it),
   so stack it as a white card like the phone layout does. */
@media screen and (max-width: 767px) {
  .rt-contact-v2-main-wrap.rt-gap-30.rt-desktop-height-auto-copy-kontakt {
    display: flex;
  }
  .rt-contact-v2-form-wrap.rt-desktop-full-width {
    background-color: var(--_color---white);
    border-left-style: none;
    border-radius: 30px;
  }
}

/* Iconless dropdowns (Odvětví / Industries): same spacing as the Produkty mega menu. */
@media screen and (min-width: 992px) {
  .rt-nav-dropdown-list.rt-radius-10 {
    padding: 20px 35px 25px;
  }
  /* 32px rows like the mega menu (24px link + 8px gap) */
  .rt-nav-dropdown-list.rt-radius-10 .rt-nav-dropdown-link {
    padding: 4px 0;
  }
}

/* Chat bubble (kontaktní centrum SDK): when the chat closes, the SDK focuses the bubble and its :focus-visible rule
   draws a blue ring around it that stays on phones until the next tap. Hide it on touch devices only, so keyboard
   users on desktop keep the focus ring. Doubled class beats the SDK's !important rule injected later in <head>. */
@media (hover: none), (pointer: coarse) {
  .woot-widget-bubble.woot-widget-bubble:focus,
  .woot-widget-bubble.woot-widget-bubble:focus-visible {
    outline: none !important;
  }
}