/* Généré automatiquement — modele-studio — ne pas éditer à la main */
:root {
  color-scheme: dark;
  --brand-primary:        #b2abb8;
  --brand-primary-rgb:    178, 171, 184;
  --brand-primary-dark:   #9d96a2;
  --brand-primary-light:  #beb8c3;

  --brand-secondary:      #140d1a;
  --brand-dark:           #140d1a;
  --brand-dark-rgb:       20, 13, 26;
  --brand-dark-soft:      #1b1223;
  --brand-dark-2:         #3a343f;

  --brand-bg-soft:        #17101f;
  --brand-bg-softer:      #0a060c;
  --brand-bg-white:       #110b16;

  --brand-text-heading:   #e9e7ea;
  --brand-text-body:      #dbd7de;
  --brand-text-muted:     #a69dad;
  --brand-text-soft:      #b1a9b7;
  --brand-text-on-dark:   rgba(255, 255, 255, 0.92);

  --brand-border:         #bab3bf;
  --brand-border-dark:    #3e3943;
  --brand-border-on-dark: rgba(255, 255, 255, 0.20);

  --brand-glow-05:        rgba(178, 171, 184, 0.05);
  --brand-glow-15:        rgba(178, 171, 184, 0.15);
  --brand-glow-25:        rgba(178, 171, 184, 0.25);
  --brand-glow-30:        rgba(178, 171, 184, 0.3);
  --brand-glow-35:        rgba(178, 171, 184, 0.35);
  --brand-glow-45:        rgba(178, 171, 184, 0.45);

  --brand-hero-overlay:     rgba(20, 13, 26, 0.7);
  --brand-hero-overlay-mid: rgba(20, 13, 26, 0.5);
  --brand-hero-overlay-soft:rgba(20, 13, 26, 0.2);

  --brand-nav-text:         #a69dad;
  --brand-nav-text-hover:   #e9e7ea;
  --brand-nav-text-active:  #e9e7ea;
  --brand-nav-bg:           rgba(10, 6, 12, 0.34);
  --brand-nav-bg-opacity:   34;
  --brand-nav-bg-blur:      4px;

  --brand-nav-solid-text:         #dbd7de;
  --brand-nav-solid-text-hover:   #e9e7ea;
  --brand-nav-solid-text-active:  #e9e7ea;
  --brand-nav-solid-bg:           #0d0811;

  --brand-font-body:      'Inter', system-ui, sans-serif;
  --brand-font-heading:   'Space Grotesk', system-ui, sans-serif;
  --brand-font-display:   'Space Grotesk', system-ui, sans-serif;
  --brand-font-body-weight:     400;
  --brand-font-heading-weight:  500;
  --brand-font-heading-letter-spacing: -0.01em;
  --ls-heading:                 var(--brand-font-heading-letter-spacing);
  --tj-fw-bold:                 var(--brand-font-heading-weight);
  --tj-fw-sbold:                var(--brand-font-heading-weight);
  --tj-fw-medium:               var(--brand-font-body-weight);
  --tj-fw-regular:              var(--brand-font-body-weight);

  --nav-logo-max-width:   100px;
  --nav-logo-max-height:  40px;

}

/* Bridge brand tokens → premium template vars.
   Spécificité ≥ .tpl-premium[data-premium-page] (feuilles page Kontix).
   Boutons : vars ici seulement — jamais les règles .tj-primary-btn du thème de base. */
.tpl-premium,
.tpl-premium[data-premium-page],
.tpl-premium .premium-block-scope[data-premium-page] {
  --yellow: var(--brand-primary);
  --primary-color: var(--brand-dark);
  --light-black: var(--brand-dark-soft, var(--brand-dark));
  --secondary-color: var(--brand-text-heading);
  --gray: var(--brand-text-muted);
  --dark-gray: var(--brand-text-soft, var(--brand-text-muted));
  --light-color: var(--brand-bg-soft, var(--brand-bg-softer));
  --color: var(--brand-text-heading);
  --brand-btn-bg:         #b2abb8;
  --brand-btn-icon-bg:    #140d1a;
  --brand-btn-icon-color: #ffffff;
  --brand-btn-text:       #ffffff;
  --brand-btn-radius:     2px;
  --brand-btn-radius-tl:  2px;
  --brand-btn-radius-tr:  2px;
  --brand-btn-radius-br:  2px;
  --brand-btn-radius-bl:  2px;
  --brand-btn-padding:    5px;
  --brand-btn-padding-lg: 7px;
  --brand-btn-icon-radius: max(0px, calc(var(--brand-btn-radius) - var(--brand-btn-padding)));
  --brand-btn-icon-radius-lg: max(0px, calc(var(--brand-btn-radius) - var(--brand-btn-padding-lg)));
  --brand-btn-hover-fill: #756186;
  --brand-btn-icon-filter: brightness(0) invert(1);
}

/* Premium — CTA Kontix + header-5, sans sélecteurs Bexon du thème de base */
.tpl-premium .button-style-one,
.tpl-premium .button-style-one-wrap {
  border-radius: var(--brand-btn-radius-tl) var(--brand-btn-radius-tr) var(--brand-btn-radius-br) var(--brand-btn-radius-bl);
}
.tpl-premium .button-style-one-background {
  border-radius: inherit;
}
.tpl-premium .button-style-one {
  background-color: var(--brand-btn-bg, var(--yellow)) !important;
}
.tpl-premium .button-style-one .button-text,
.tpl-premium .button-style-one .button-text.two,
.tpl-premium[data-premium-page] .button-style-one .button-text,
.tpl-premium .premium-block-scope[data-premium-page] .button-style-one .button-text {
  color: var(--brand-btn-text) !important;
}
.tpl-premium .button-style-one:not(.light-button) .button-one-arrow,
.tpl-premium .button-style-one:not(.light-button) .button-style-one-image {
  filter: var(--brand-btn-icon-filter, brightness(0) invert(1));
}
.tpl-premium .button-style-one:not(.light-button) .button-style-one-background {
  background-color: var(--brand-btn-hover-fill, var(--brand-dark)) !important;
}
.tpl-premium .tj-primary-btn:not(.btn-dark):not(.transparent-btn):not(.no-btn-fill) {
  background-color: var(--brand-btn-bg, var(--brand-primary)) !important;
}
.tpl-premium .tj-primary-btn:not(.btn-dark):not(.transparent-btn):not(.no-btn-fill) .btn-text,
.tpl-premium .tj-primary-btn:not(.btn-dark):not(.transparent-btn):not(.no-btn-fill) .btn-text span {
  color: var(--brand-btn-text, var(--brand-bg-white)) !important;
  text-shadow: 0 30px 0 var(--brand-btn-text, var(--brand-bg-white));
}
.tpl-premium .tj-primary-btn:not(.btn-dark):not(.transparent-btn):not(.no-btn-fill) .btn-icon {
  background-color: var(--brand-btn-icon-bg, var(--brand-primary-dark)) !important;
}
.tpl-premium .tj-primary-btn:not(.btn-dark):not(.transparent-btn):not(.no-btn-fill) .btn-icon i {
  color: var(--brand-btn-icon-color, var(--brand-bg-white)) !important;
}
.tpl-premium .yellow-counter-card-one:not(.yellow-counter-card-two),
.tpl-premium .yellow-counter-card-two:not(.yellow-counter-card-one),
.tpl-premium .progress-bar-one-line,
.tpl-premium .innovation-progress-black-line,
.tpl-premium .pricing-one-tab-button-ball,
.tpl-premium .pricing-two-tag {
  background-color: var(--yellow) !important;
}
.tpl-premium .lottie-button-wrapper {
  background-color: color-mix(in srgb, var(--yellow) 10%, transparent) !important;
}

.tpl-premium img[src*="67b5d849a3963bbc82dafd79"],
.tpl-premium img[src*="67b413d1e38e4ea89b967b85"],
.tpl-premium img[src*="67add5869df939f040a352a7"],
.tpl-premium img[src*="67b5620eb1404b43528b522b"],
.tpl-premium img[src*="67cabf11d5d436b94c3b7e26"],
.tpl-premium img[src*="68765628bd3d280f0b29887e"],
.tpl-premium img[src*="68761141c61ca482bd19705f"],
.tpl-premium img[src*="68ac2fb36220ad2195d7062d"],
.tpl-premium img[src*="68ac2fb34e2ced00f6f185d2"],
.tpl-premium img[src*="68a70c473b4a730e2f37f93e"],
.tpl-premium img[src*="6874c21b2219a5da539917f1"],
.tpl-premium img[src*="67b86b6be5d09744bcbbd0eb"],
.tpl-premium img[src*="6874c1895517f5ba58aae44d"] {
  background-color: var(--yellow);
  object-fit: none;
  object-position: -9999px;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
.tpl-premium img[src*="67b5d849a3963bbc82dafd79"] {
  -webkit-mask-image: url("../../premium/img/67b5d849a3963bbc82dafd79_Arrow%202.svg");
  mask-image: url("../../premium/img/67b5d849a3963bbc82dafd79_Arrow%202.svg");
}
.tpl-premium img[src*="67b413d1e38e4ea89b967b85"] {
  -webkit-mask-image: url("../../premium/img/67b413d1e38e4ea89b967b85_pause-icon.svg");
  mask-image: url("../../premium/img/67b413d1e38e4ea89b967b85_pause-icon.svg");
}
.tpl-premium img[src*="67add5869df939f040a352a7"] {
  -webkit-mask-image: url("../../premium/img/67add5869df939f040a352a7_pay-icon.svg");
  mask-image: url("../../premium/img/67add5869df939f040a352a7_pay-icon.svg");
}
.tpl-premium img[src*="67b5620eb1404b43528b522b"] {
  -webkit-mask-image: url("../../premium/img/67b5620eb1404b43528b522b_yellow-arrow.svg");
  mask-image: url("../../premium/img/67b5620eb1404b43528b522b_yellow-arrow.svg");
}
.tpl-premium img[src*="67cabf11d5d436b94c3b7e26"] {
  -webkit-mask-image: url("../../premium/img/67cabf11d5d436b94c3b7e26_cross.svg");
  mask-image: url("../../premium/img/67cabf11d5d436b94c3b7e26_cross.svg");
}
.tpl-premium img[src*="68765628bd3d280f0b29887e"] {
  -webkit-mask-image: url("../../premium/img/68765628bd3d280f0b29887e_Exclude%20(4).svg");
  mask-image: url("../../premium/img/68765628bd3d280f0b29887e_Exclude%20(4).svg");
}
.tpl-premium img[src*="68761141c61ca482bd19705f"] {
  -webkit-mask-image: url("../../premium/img/68761141c61ca482bd19705f_Exclude%20(2).svg");
  mask-image: url("../../premium/img/68761141c61ca482bd19705f_Exclude%20(2).svg");
}
.tpl-premium img[src*="68ac2fb36220ad2195d7062d"] {
  -webkit-mask-image: url("../../premium/img/68ac2fb36220ad2195d7062d_Vector%20(99).svg");
  mask-image: url("../../premium/img/68ac2fb36220ad2195d7062d_Vector%20(99).svg");
}
.tpl-premium img[src*="68ac2fb34e2ced00f6f185d2"] {
  -webkit-mask-image: url("../../premium/img/68ac2fb34e2ced00f6f185d2_Vector%20(100).svg");
  mask-image: url("../../premium/img/68ac2fb34e2ced00f6f185d2_Vector%20(100).svg");
}
.tpl-premium img[src*="68a70c473b4a730e2f37f93e"] {
  -webkit-mask-image: url("../../premium/img/68a70c473b4a730e2f37f93e_Group%201009003598.svg");
  mask-image: url("../../premium/img/68a70c473b4a730e2f37f93e_Group%201009003598.svg");
}
.tpl-premium img[src*="6874c21b2219a5da539917f1"] {
  -webkit-mask-image: url("../../premium/img/6874c21b2219a5da539917f1_Arrow%2010%20(4).svg");
  mask-image: url("../../premium/img/6874c21b2219a5da539917f1_Arrow%2010%20(4).svg");
}
.tpl-premium img[src*="67b86b6be5d09744bcbbd0eb"] {
  -webkit-mask-image: url("../../premium/img/67b86b6be5d09744bcbbd0eb_active-check.svg");
  mask-image: url("../../premium/img/67b86b6be5d09744bcbbd0eb_active-check.svg");
}
.tpl-premium img[src*="6874c1895517f5ba58aae44d"] {
  -webkit-mask-image: url("../../premium/img/6874c1895517f5ba58aae44d_Group%20130966.svg");
  mask-image: url("../../premium/img/6874c1895517f5ba58aae44d_Group%20130966.svg");
}

/* Polices admin — gagnent sur Inter / Bdogrotesk des feuilles page Kontix */
.tpl-premium,
.tpl-premium[data-premium-page],
.tpl-premium .premium-block-scope[data-premium-page] {
  font-family: var(--brand-font-body) !important;
}
.tpl-premium[data-premium-page] h1,
.tpl-premium[data-premium-page] h2,
.tpl-premium[data-premium-page] h3,
.tpl-premium[data-premium-page] h4,
.tpl-premium[data-premium-page] h5,
.tpl-premium[data-premium-page] h6,
.tpl-premium .premium-block-scope[data-premium-page] h1,
.tpl-premium .premium-block-scope[data-premium-page] h2,
.tpl-premium .premium-block-scope[data-premium-page] h3,
.tpl-premium .premium-block-scope[data-premium-page] h4,
.tpl-premium .premium-block-scope[data-premium-page] h5,
.tpl-premium .premium-block-scope[data-premium-page] h6 {
  font-family: var(--brand-font-heading) !important;
}

@media screen and (min-width: 992px) {
  .tpl-premium[data-premium-page="home"] .about-kontix,
  .tpl-premium .premium-block-scope[data-premium-page="home"] .about-kontix {
    min-height: auto;
    padding-bottom: 70px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .tpl-premium[data-premium-page="home"] .about-contix-sticky.overflow-hidden,
  .tpl-premium .premium-block-scope[data-premium-page="home"] .about-contix-sticky.overflow-hidden {
    min-height: auto;
    position: static;
  }
  .tpl-premium[data-premium-page="home"] .about-kontix-bottom-wrapper,
  .tpl-premium .premium-block-scope[data-premium-page="home"] .about-kontix-bottom-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    pointer-events: auto;
    align-items: stretch;
    padding-top: 70px;
    position: relative;
    inset: auto;
  }
  .tpl-premium[data-premium-page="home"] .about-kontix-image-overlay,
  .tpl-premium .premium-block-scope[data-premium-page="home"] .about-kontix-image-overlay {
    border-radius: 10px;
  }
  .tpl-premium[data-premium-page="home"] .about-kontix-image-animation-overlay,
  .tpl-premium .premium-block-scope[data-premium-page="home"] .about-kontix-image-animation-overlay {
    display: none;
  }
  .tpl-premium[data-premium-page="home"] .modern-infrastructure-left-part,
  .tpl-premium[data-premium-page="home"] .modern-infrastructure-right-part-wrapper,
  .tpl-premium .premium-block-scope[data-premium-page="home"] .modern-infrastructure-left-part,
  .tpl-premium .premium-block-scope[data-premium-page="home"] .modern-infrastructure-right-part-wrapper {
    border-radius: 10px;
    height: auto;
    padding-left: 0;
    padding-right: 0;
  }
}

.tpl-premium .site_logo img,
.tpl-premium .logo img,
.tpl-premium .mobile_logo img,
.tpl-premium .hamburger_logo img,
.tpl-premium .premium-footer__logo img,
.tpl-premium .premium-footer__studio img {
  object-fit: contain;
  object-position: left center;
}

/* Catalogue UI — scopes imbriqués (.premium-block-scope) */
.tpl-premium .premium-block-scope[data-premium-page] .button-style-one .button-text {
  color: var(--brand-btn-text) !important;
}
.tpl-premium .premium-block-scope[data-premium-page] {
  font-family: var(--brand-font-body) !important;
}
.tpl-premium .premium-block-scope[data-premium-page] h1,
.tpl-premium .premium-block-scope[data-premium-page] h2,
.tpl-premium .premium-block-scope[data-premium-page] h3,
.tpl-premium .premium-block-scope[data-premium-page] h4,
.tpl-premium .premium-block-scope[data-premium-page] h5,
.tpl-premium .premium-block-scope[data-premium-page] h6 {
  font-family: var(--brand-font-heading) !important;
}
@media screen and (min-width: 992px) {
  .tpl-premium .premium-block-scope[data-premium-page="home"] .about-kontix {
    min-height: auto;
    padding-bottom: 70px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .tpl-premium .premium-block-scope[data-premium-page="home"] .about-contix-sticky.overflow-hidden {
    min-height: auto;
    position: static;
  }
  .tpl-premium .premium-block-scope[data-premium-page="home"] .about-kontix-bottom-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    pointer-events: auto;
    align-items: stretch;
    padding-top: 70px;
    position: relative;
    inset: auto;
  }
  .tpl-premium .premium-block-scope[data-premium-page="home"] .about-kontix-image-overlay {
    border-radius: 10px;
  }
  .tpl-premium .premium-block-scope[data-premium-page="home"] .about-kontix-image-animation-overlay {
    display: none;
  }
  .tpl-premium .premium-block-scope[data-premium-page="home"] .modern-infrastructure-left-part,
  .tpl-premium .premium-block-scope[data-premium-page="home"] .modern-infrastructure-right-part-wrapper {
    border-radius: 10px;
    height: auto;
    padding-left: 0;
    padding-right: 0;
  }
}