@import 'https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap';
@import 'tailwindcss' theme(static);

/* @import 'plyr/dist/plyr.css';
@import 'swiper/swiper-bundle.css';
@import 'simplelightbox/dist/simple-lightbox.css'; */
@import 'intl-tel-input/build/css/intlTelInput.css';
@import './variables.css';
@source '../views/';

/* COMPONENTS */

@import './components/typo.css';
@import './components/theme.css';
@import './components/form.css';
/* @import './components/plyr.css'; */

@source "../../app/";

@source inline("grid-cols-2");
@source inline("grid-cols-3");
@source inline("col-span-1");
@source inline("col-span-2");
@source inline("max-md:col-span-2");
@source inline("max-md:col-span-3");
@source inline("col-start-3");
@source inline("bg-primary");
@source inline("bg-secondary");
@source inline("bg-tertiary");
@source inline("bg-dark");
@source inline("bg-dark/90");
@source inline("gap-4");
@source inline("items-baseline");
@source inline("flex");
@source inline("mb-2");
@source inline("text-xs");
@source inline("border-secondary/20");
@source inline("border-primary/20");
@source inline("border-tertiary/20");
@source inline("text-lightSecondary");
@source inline("text-contrastSecondary");
@source inline("bg-lightSecondary");
@source inline("bg-lightPrimary");
@source inline("bg-contrastSecondary");
@source inline("[&_.sexy-list_li]:before:text-primary");
@source inline("[&_.sexy-list_li]:before:text-secondary");
@source inline("[&_.sexy-list_li]:before:text-tertiary");

/* GENERAL */
body {
  font-family: var(--font-sans);
  color: var(--color-body);
  background: #fafafa;
  font-size: var(--text-base);
  letter-spacing: -0.02em;
  font-weight: 400;
  line-height: 1.2;
  -webkit-font-smoothing: antialiased;
}

::selection {
  @apply bg-primary/20 text-dark;
}

img::selection {
  @apply bg-transparent;
}

a:focus,
button:focus {
  outline-offset: 0.5rem;
  outline-color: var(--color-primary);
}

:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 0.5rem;
}

.bg-primary *:focus-visible {
  outline-color: var(--color-accent);
}

html.lenis {
  height: auto;
}

/* CONTAINER */
.ctn {
  @apply px-[20px];

  @media (min-width: --theme(--breakpoint-sm)) {
    @apply px-[7vw];
  }

  @media (min-width: 1440px) {
    padding-left: calc((100vw - 1230px) / 2);
    padding-right: calc((100vw - 1230px) / 2);
  }
}

/* BREADCRUMB */
.breadcrumb {
  a {
    @apply hover:underline;
  }
}

/* TYPEFORM */
.typeform,
.typeform > div {
  display: flex;
  flex-direction: column;
}

.typeform > div,
.typeform > div iframe {
  flex-grow: 1;
}

/* WPML */
.otgs-development-site-front-end {
  @apply hidden!;
}