.elementor-kit-7{--e-global-color-primary:#1E3A8A;--e-global-color-secondary:#008AB7;--e-global-color-text:#1A1D2B;--e-global-color-accent:#0033A1;--e-global-color-dc_deep_purple:#2D1B69;--e-global-color-dc_mid_purple:#4A2C8A;--e-global-color-dc_dark_navy:#0F1B3D;--e-global-color-dc_cyan:#00D4FF;--e-global-color-dc_orange:#F97316;--e-global-color-dc_amber:#F59E0B;--e-global-color-dc_warm_pink:#EC4899;--e-global-color-dc_gris_logo:#898C8D;--e-global-color-dc_gris_nl:#6F7170;--e-global-color-dc_text_light:#5F6980;--e-global-color-dc_off_white:#F8F9FC;--e-global-color-dc_gray_border:#E2E5ED;--e-global-color-dc_gray_500:#8891A5;--e-global-color-dc_near_black:#0A0A0A;--e-global-typography-primary-font-family:"Rubik";--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Rubik";--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Rubik";--e-global-typography-accent-font-weight:800;--e-global-typography-dc_rubik_medium-font-family:"Rubik";--e-global-typography-dc_rubik_medium-font-weight:500;--e-global-typography-dc_rubik_light-font-family:"Rubik";--e-global-typography-dc_rubik_light-font-weight:300;--e-global-typography-dc_roboto_light-font-family:"Roboto";--e-global-typography-dc_roboto_light-font-weight:300;--e-global-typography-dc_roboto_medium-font-family:"Roboto";--e-global-typography-dc_roboto_medium-font-weight:500;--e-global-typography-dc_roboto_bold-font-family:"Roboto";--e-global-typography-dc_roboto_bold-font-weight:700;--e-global-typography-dc_label_uppercase-font-family:"Rubik";--e-global-typography-dc_label_uppercase-font-size:14px;--e-global-typography-dc_label_uppercase-font-weight:600;--e-global-typography-dc_label_uppercase-text-transform:uppercase;--e-global-typography-dc_label_uppercase-letter-spacing:2px;color:#1A1D2B;font-family:"Roboto", Sans-serif;font-size:17px;font-weight:400;line-height:1.7em;}.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{background-color:#1E3A8A;font-family:"Rubik", Sans-serif;font-size:15px;font-weight:500;letter-spacing:0.2px;color:#FFFFFF;border-style:none;border-radius:6px 6px 6px 6px;padding:13px 28px 13px 28px;}.elementor-kit-7 button:hover,.elementor-kit-7 button:focus,.elementor-kit-7 input[type="button"]:hover,.elementor-kit-7 input[type="button"]:focus,.elementor-kit-7 input[type="submit"]:hover,.elementor-kit-7 input[type="submit"]:focus,.elementor-kit-7 .elementor-button:hover,.elementor-kit-7 .elementor-button:focus{background-color:#152E6E;color:#FFFFFF;border-style:none;border-radius:6px 6px 6px 6px;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 a{color:#1E3A8A;}.elementor-kit-7 a:hover{color:#0033A1;}.elementor-kit-7 h1{color:#1A1D2B;font-family:"Rubik", Sans-serif;font-size:42px;font-weight:700;line-height:1.1em;letter-spacing:-0.5px;}.elementor-kit-7 h2{color:#1A1D2B;font-family:"Rubik", Sans-serif;font-size:30px;font-weight:700;line-height:1.2em;letter-spacing:-0.3px;}.elementor-kit-7 h3{color:#1A1D2B;font-family:"Rubik", Sans-serif;font-size:22px;font-weight:600;line-height:1.3em;letter-spacing:-0.01em;}.elementor-kit-7 h4{color:#1A1D2B;font-family:"Rubik", Sans-serif;font-size:17px;font-weight:600;line-height:1.4em;}.elementor-kit-7 h5{color:#008AB7;font-family:"Rubik", Sans-serif;font-size:14px;font-weight:600;text-transform:uppercase;line-height:1.4em;letter-spacing:2px;}.elementor-kit-7 h6{color:#5F6980;font-family:"Rubik", Sans-serif;font-size:13px;font-weight:500;text-transform:uppercase;line-height:1.5em;letter-spacing:1.5px;}.elementor-kit-7 img{border-radius:8px 8px 8px 8px;}.elementor-kit-7 label{color:#3D4559;font-family:"Rubik", Sans-serif;font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:0.08em;}.elementor-kit-7 input:not([type="button"]):not([type="submit"]),.elementor-kit-7 textarea,.elementor-kit-7 .elementor-field-textual{font-family:"Roboto", Sans-serif;font-size:15px;font-weight:400;color:#1A1D2B;background-color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#E2E5ED;border-radius:6px 6px 6px 6px;padding:12px 16px 12px 16px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px;}.e-con{--container-max-width:1280px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-7{font-size:16px;}.elementor-kit-7 h1{font-size:34px;}.elementor-kit-7 h2{font-size:26px;}.elementor-kit-7 h3{font-size:20px;}.elementor-kit-7 h4{font-size:16px;}.elementor-kit-7 h5{font-size:13px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-7{font-size:16px;}.elementor-kit-7 h1{font-size:28px;}.elementor-kit-7 h2{font-size:24px;}.elementor-kit-7 h3{font-size:18px;}.elementor-kit-7 h4{font-size:16px;}.elementor-kit-7 h5{font-size:13px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ============================================
   DIGITALCITY.BRUSSELS - Design System CSS
   Indigo Studio SRL - Mars 2026
   ============================================ */

:root {
  --dc-primary: #1E3A8A;
  --dc-primary-dark: #152E6E;
  --dc-secondary: #008AB7;
  --dc-accent: #0033A1;
  --dc-cyan: #00D4FF;
  --dc-dark: #0F1B3D;
  --dc-purple: #2D1B69;
  --dc-mid-purple: #4A2C8A;
  --dc-orange: #F97316;
  --dc-amber: #F59E0B;
  --dc-pink: #EC4899;
  --dc-text: #1A1D2B;
  --dc-text-light: #5F6980;
  --dc-gray: #8891A5;
  --dc-border: #E2E5ED;
  --dc-bg-alt: #F8F9FC;
  --dc-radius: 6px;
  --dc-radius-card: 12px;
  --dc-radius-pill: 20px;
  --dc-transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  --dc-shadow-card: 0 2px 12px rgba(0,0,0,0.06);
  --dc-shadow-card-hover: 0 8px 28px rgba(0,0,0,0.1);
  --dc-shadow-btn: 0 2px 8px rgba(30,58,138,0.2);
  --dc-shadow-btn-hover: 0 4px 20px rgba(30,58,138,0.35);
}

/* === SMOOTH SCROLL === */
html {
  scroll-behavior: smooth;
}

/* === BUTTON GLOW LINE EFFECT === */
.elementor-button {
  position: relative;
  overflow: hidden;
  transition: var(--dc-transition);
  box-shadow: var(--dc-shadow-btn);
}

.elementor-button::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--dc-cyan), transparent);
  transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transform: translateX(-50%);
  pointer-events: none;
}

.elementor-button:hover::after {
  width: 80%;
}

.elementor-button:hover {
  transform: translateY(-2px);
  box-shadow: var(--dc-shadow-btn-hover);
}

/* === OUTLINE BUTTONS (add class e-btn-outline) === */
.e-btn-outline .elementor-button {
  background: transparent !important;
  color: var(--dc-primary) !important;
  border: 1.5px solid var(--dc-primary) !important;
  box-shadow: none;
}

.e-btn-outline .elementor-button:hover {
  background: var(--dc-primary) !important;
  color: #fff !important;
  box-shadow: var(--dc-shadow-btn-hover);
}

/* === GHOST BUTTONS (add class e-btn-ghost) === */
.e-btn-ghost .elementor-button {
  background: transparent !important;
  color: var(--dc-primary) !important;
  box-shadow: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.e-btn-ghost .elementor-button .elementor-button-text {
  border-bottom: 1.5px solid transparent;
  transition: border-color 0.3s ease;
}

.e-btn-ghost .elementor-button:hover .elementor-button-text {
  border-color: var(--dc-primary);
}

.e-btn-ghost .elementor-button:hover {
  transform: none;
}

/* === BUTTONS ON DARK BG (add class e-btn-white) === */
.e-btn-white .elementor-button {
  background: #fff !important;
  color: var(--dc-primary) !important;
}

.e-btn-white .elementor-button:hover {
  box-shadow: 0 6px 20px rgba(0,0,0,0.15);
}

/* === CARD HOVER LIFT === */
.elementor-widget-image-box .elementor-image-box-wrapper,
.elementor-widget-icon-box .elementor-icon-box-wrapper {
  transition: var(--dc-transition);
  border-radius: var(--dc-radius-card);
}

.elementor-widget-image-box:hover .elementor-image-box-wrapper,
.elementor-widget-icon-box:hover .elementor-icon-box-wrapper {
  transform: translateY(-4px);
  box-shadow: var(--dc-shadow-card-hover);
}

/* === FOCUS STATES (WCAG) === */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
.elementor-button:focus-visible {
  outline: 2px solid var(--dc-primary);
  outline-offset: 2px;
}

input:focus,
textarea:focus,
select:focus {
  border-color: var(--dc-primary) !important;
  box-shadow: 0 0 0 3px rgba(30, 58, 138, 0.1) !important;
}

/* === SELECTION COLOR === */
::selection {
  background: rgba(30, 58, 138, 0.12);
  color: var(--dc-text);
}

/* === LINKS TRANSITION === */
a {
  transition: color 0.25s ease;
}

/* === IMAGE TRANSITIONS === */
img {
  transition: var(--dc-transition);
}

/* === SECTION ALT BG (add class dc-section-alt) === */
.dc-section-alt {
  background-color: var(--dc-bg-alt) !important;
}

/* === SECTION DARK (add class dc-section-dark) === */
.dc-section-dark {
  background: linear-gradient(135deg, #0F1B3D 0%, #1E3A8A 100%) !important;
}

.dc-section-dark h1, .dc-section-dark h2, .dc-section-dark h3,
.dc-section-dark h4, .dc-section-dark h5, .dc-section-dark h6,
.dc-section-dark p, .dc-section-dark span, .dc-section-dark li {
  color: #fff !important;
}

/* === GRADIENT TEXT (add class dc-gradient-text) === */
.dc-gradient-text h1, .dc-gradient-text h2, .dc-gradient-text h3,
.dc-gradient-text .elementor-heading-title {
  background: linear-gradient(135deg, #1E3A8A, #008AB7, #00D4FF);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}/* End custom CSS */