.elementor-kit-8{--e-global-color-primary:#0B1F3B;--e-global-color-secondary:#F5EEE6;--e-global-color-text:#111827;--e-global-color-accent:#E7C04C;--e-global-color-0f4ae07:#FFFFFF;--e-global-color-30f22c4:#D3AB3D;--e-global-typography-primary-font-family:"Montserrat";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Inter";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Montserrat";--e-global-typography-accent-font-weight:500;}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.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);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* =========================================================
   Kotitaiturit – yhtenäiset painikkeet Elementoriin
   Käyttö (Button widget → Edistynyt → CSS Classes):
   - keltainen:        kt-btn kt-btn--primary
   - valkoinen:        kt-btn kt-btn--ghost
   - tumma solid:      kt-btn kt-btn--navy
   - header (kevyempi):kt-btn kt-btn--header
   - header outline:   kt-btn kt-btn--header-outline   (valinnainen)
   ========================================================= */

.kt-btn{
  --navy:#0B1F3B;
  --navyDark:#0A1A33;
  --gold:#E4BD4C;
  --goldTop:#F6DD9A;
}

/* Base */
.kt-btn .elementor-button{
  font-family: "Montserrat", sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;

  border-radius: 16px !important;
  padding: 14px 18px !important;
  line-height: 1.1 !important;

  border: 1px solid transparent !important;
  box-shadow: none !important;

  transition: transform .10s ease, box-shadow .14s ease, border-color .14s ease, background .14s ease, color .14s ease;
}

/* Hover/active */
.kt-btn .elementor-button:hover{
  transform: translateY(-1px);
}
.kt-btn .elementor-button:active{
  transform: translateY(1px);
}

/* Focus ring */
.kt-btn .elementor-button:focus,
.kt-btn .elementor-button:focus-visible{
  outline: none !important;
  box-shadow: 0 0 0 4px rgba(228,189,76,.28) !important;
}

/* PRIMARY (keltainen gradient) */
.kt-btn--primary .elementor-button{
  background: linear-gradient(180deg, var(--goldTop), var(--gold)) !important;
  color: #1A1408 !important;
  box-shadow: 0 14px 26px rgba(228,189,76,.20) !important;
}
.kt-btn--primary .elementor-button:hover{
  box-shadow: 0 18px 34px rgba(228,189,76,.26) !important;
}

/* GHOST (valkoinen reunalla) */
.kt-btn--ghost .elementor-button{
  background: #fff !important;
  color: var(--navy) !important;
  border-color: rgba(11,31,59,.18) !important;
  box-shadow: 0 10px 22px rgba(11,31,59,.08) !important;
}
.kt-btn--ghost .elementor-button:hover{
  border-color: rgba(11,31,59,.28) !important;
}

/* NAVY (täysin tumma, EI läpinäkyvä – toimii kuvan päällä mobiilissa) */
.kt-btn--navy .elementor-button{
  background: var(--navy) !important;
  color: #ffffff !important;
  border-color: rgba(255,255,255,.22) !important;
  box-shadow: 0 14px 26px rgba(11,31,59,.22) !important;
}
.kt-btn--navy .elementor-button:hover{
  background: var(--navyDark) !important;
  border-color: rgba(255,255,255,.30) !important;
  box-shadow: 0 18px 34px rgba(11,31,59,.28) !important;
}

/* HEADER-CTA (kevyempi kuin hero) */
.kt-btn--header .elementor-button{
  padding: 11px 16px !important;
  border-radius: 14px !important;
  background: linear-gradient(180deg, rgba(246,221,154,.96), rgba(228,189,76,.96)) !important;
  color: #1A1408 !important;
  border-color: rgba(255,255,255,.14) !important;
  box-shadow: 0 6px 14px rgba(228,189,76,.16) !important;
}
.kt-btn--header .elementor-button:hover{
  box-shadow: 0 8px 18px rgba(228,189,76,.20) !important;
}

/* HEADER OUTLINE (valinnainen – erittäin tyylikäs navissa) */
.kt-btn--header-outline .elementor-button{
  padding: 11px 16px !important;
  border-radius: 14px !important;
  background: transparent !important;
  color: #ffffff !important;
  border: 1px solid rgba(228,189,76,.65) !important;
  box-shadow: none !important;
}
.kt-btn--header-outline .elementor-button:hover{
  background: linear-gradient(180deg, rgba(246,221,154,.95), rgba(228,189,76,.95)) !important;
  color: #1A1408 !important;
  box-shadow: 0 8px 18px rgba(228,189,76,.18) !important;
}

/* Icon sizing (jos käytät napin ikonia) */
.kt-btn .elementor-button .elementor-button-icon{
  font-size: 1em !important;
}/* End custom CSS */