/*
Theme Name: Kasier.fr (child Theratio)
Theme URI: https://kasier.fr/
Description: Child theme for Kasier.fr custom blocks on top of Theratio.
Author: Kasier
Template: theratio
Version: 1.0.0
Text Domain: kasier-child
*/

/* Fine-grained Theratio overrides can live here. Tailwind utilities are built separately. */
:root {
  --kasier-primary-fallback: #d71920;
  --kasier-accent-fallback: #d8a24a;
}

.elementor-widget-kasier_hero,
.elementor-widget-kasier_usecases_grid,
.elementor-widget-kasier_software_panel,
.elementor-widget-kasier_quote_cta {
  width: 100%;
}

.octf-btn {
  transition:
    background-color 180ms ease,
    border-color 180ms ease,
    color 180ms ease,
    box-shadow 180ms ease,
    transform 180ms ease;
}

.octf-btn:not(.no-line):before,
.octf-btn:not(.no-line):after {
  transition:
    background-color 180ms ease,
    width 180ms ease,
    height 180ms ease,
    transform 180ms ease;
}

.octf-btn:hover,
.octf-btn:active,
.octf-btn:focus,
.octf-btn.octf-btn-light:hover,
.octf-btn.octf-btn-light:active,
.octf-btn.octf-btn-light:focus,
.octf-btn.octf-btn-dark:hover,
.octf-btn.octf-btn-dark:active,
.octf-btn.octf-btn-dark:focus,
.dark-scheme .octf-btn:hover,
.dark-scheme .octf-btn:active,
.dark-scheme .octf-btn:focus,
.elementor .elementor-element .octf-btn:hover,
.elementor .elementor-element .octf-btn:active,
.elementor .elementor-element .octf-btn:focus {
  background-color: var(--e-global-color-primary, var(--kasier-primary-fallback)) !important;
  border-color: var(--e-global-color-primary, var(--kasier-primary-fallback)) !important;
  color: #fff !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.14);
}

.octf-btn:hover:not(.no-line):before,
.octf-btn:active:not(.no-line):before,
.octf-btn:focus:not(.no-line):before,
.octf-btn:hover:not(.no-line):after,
.octf-btn:active:not(.no-line):after,
.octf-btn:focus:not(.no-line):after {
  background: var(--e-global-color-primary, var(--kasier-primary-fallback)) !important;
}

.ot-heading .main-heading,
.elementor .elementor-element .ot-heading .main-heading {
  color: var(--e-global-color-primary, var(--kasier-primary-fallback)) !important;
  transition: color 180ms ease;
}

.ot-heading.is-dots:before,
.elementor .elementor-element .ot-heading.is-dots:before {
  border-color: var(--e-global-color-primary, var(--kasier-primary-fallback)) !important;
  transition: border-color 180ms ease;
}

.kasier-carousel-pagination .swiper-pagination-bullet {
  background: #0f2f45;
  opacity: 0.28;
}

.kasier-carousel-pagination .swiper-pagination-bullet-active {
  background: #2f6f73;
  opacity: 1;
}

.kasier-video-embed iframe {
  width: 100%;
  height: 100%;
  border: 0;
}

.swiper-slide img {
  filter: grayscale(1) !important;
  transition: filter 180ms ease;
}

.swiper-slide img:hover {
  filter: grayscale(0) !important;
}

#error-404-cats {
  position: relative;
  height: 100%;
  overflow: hidden;
  isolation: isolate;
}

#error-404-cats::before {
  content: "";
  position: absolute;
  inset: 0;
  background: inherit;
  filter: grayscale(45%) blur(1.5px);
  transform: scale(1.01);
  pointer-events: none;
}