/**
 * Responsiiviset korjaukset – ladataan output.css:n JÄLKEEN,
 * jotta Tailwindin lg:/xl:-luokat eivät ylikirjoita näitä.
 */

@media (min-width: 1380px) {
  .kapitale-laatikot-inner {
    padding-left: 105px;
    padding-right: 105px;
  }
}

@media (max-width: 1379px) {
  .kapitale-hero {
    height: auto !important;
    min-height: 0 !important;
  }

  .kapitale-hero--home {
    padding-bottom: clamp(5rem, 8vw, 7rem) !important;
  }

  .kapitale-hero--page {
    padding-bottom: clamp(3.5rem, 5vw, 5rem) !important;
  }

  .kapitale-hero .max-w-hero-content {
    padding-left: clamp(1rem, 2.5vw, 2.5rem) !important;
    padding-right: clamp(1rem, 2.5vw, 2.5rem) !important;
  }

  .kapitale-hero h1 {
    font-size: clamp(28px, 3.2vw, 38px) !important;
    line-height: 1.15 !important;
  }

  .kapitale-hero--page h1 {
    font-size: clamp(26px, 2.8vw, 34px) !important;
    line-height: 1.2 !important;
  }

  .kapitale-hero__image {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 617 / 606;
    border-radius: 64px !important;
  }

  :is(
    .text-features-h2,
    .kapitale-text-page-title,
    .kapitale-text-page-content h2,
    .kapitale-text-page-content h2.wp-block-heading,
    .media-text-sisalto h2,
    .media-text-sisalto h2.wp-block-heading,
    .kapitale-two-columns-col h2,
    .kapitale-two-columns-col h2.wp-block-heading,
    .kapitale-two-columns-section--full .kapitale-two-columns-heading h2,
    .kapitale-two-columns-section--full .kapitale-two-columns-heading h2.wp-block-heading,
    .kapitale-green-box-content h2,
    .kapitale-green-box-content h2.wp-block-heading,
    :is(.kapitale-quote-request-section, .kapitale-quote-request-section--editor) .kapitale-quote-request-content-blocks h2,
    :is(.kapitale-quote-request-section, .kapitale-quote-request-section--editor) .kapitale-quote-request-content-blocks h2.wp-block-heading,
    .kapitale-palvelu-otsikko
  ) {
    font-size: clamp(28px, 3vw, 32px) !important;
    line-height: 1.2 !important;
  }

  :is(
    .text-features-h3,
    .kapitale-laatikko-otsikko,
    .media-text-sisalto h3,
    .media-text-sisalto h3.wp-block-heading,
    .kapitale-two-columns-col h3,
    .kapitale-two-columns-col h3.wp-block-heading,
    .kapitale-green-box-content h3,
    .kapitale-green-box-content h3.wp-block-heading
  ) {
    font-size: clamp(17px, 1.8vw, 18px) !important;
    line-height: 1.3 !important;
  }

  .kapitale-laatikot-inner {
    padding-left: clamp(1.5rem, 4vw, 4rem);
    padding-right: clamp(1.5rem, 4vw, 4rem);
  }

  .kapitale-laatikko {
    padding: clamp(1.75rem, 3.5vw, 2.5rem) !important;
  }
}

@media (max-width: 1023px) {
  /* Etusivu hero: enemmän tilaa ylös/alas mobiilissa */
  .kapitale-hero--home {
    padding-top: calc(7rem + 7rem) !important;
    padding-bottom: calc(4.5rem + 4rem) !important;
  }

  .kapitale-hero h1 {
    font-size: clamp(26px, 4.2vw, 32px) !important;
  }

  .kapitale-hero--page h1 {
    font-size: clamp(24px, 3.8vw, 30px) !important;
  }

  /* Hero: pinotut painikkeet lähemmäs, kuvan yläpuolella 2.5rem */
  .kapitale-hero__actions {
    row-gap: 1rem !important;
  }

  .kapitale-hero .flex.flex-col.lg\:flex-row {
    gap: 2.5rem !important;
  }

  .kapitale-hero__image {
    max-width: 100% !important;
    width: 100% !important;
  }

  /* Etusivu keltainen osio: pienempi yläpadding mobiilissa */
  body.home section.-mt-16 .bg-kapitale-light > .w-full.px-6 {
    padding-top: 65px !important;
  }

  /* Leveät containerit: 2.5rem reunaväli yhteensä (etusivu) */
  :is(.kapitale-wide-container, .kapitale-green-box-wrap) {
    box-sizing: border-box !important;
    width: calc(100% - 2.5rem) !important;
    max-width: none !important;
    margin-inline: auto !important;
  }

  /* Alasivut: 1.5rem sivuväli kuten media-text (px-6) */
  body:not(.home) :is(
    .kapitale-two-columns-inner,
    .kapitale-quote-request-inner
  ) {
    padding-inline: 1.5rem !important;
  }

  body:not(.home) :is(
    .kapitale-wide-container,
    .kapitale-green-box-wrap
  ) {
    width: calc(100% - 3rem) !important;
  }

  /* Alasivut: viimeisen osion alaväli ennen footeria mobiilissa */
  body:not(.home) main > :is(
    .kapitale-two-columns-section,
    [data-kapitale-block='media-text'],
    .kapitale-green-box-section,
    .kapitale-quote-request-section,
    section.kapitale-tyontekijat-section,
    section.bg-kapitale-cream,
    section.bg-kapitale-green-deep,
    section.bg-kapitale-green,
    .kapitale-text-page
  ):last-child {
    padding-bottom: 85px !important;
  }

  body:not(.home) .kapitale-text-page {
    padding-bottom: 85px !important;
  }

  /* Etusivu: työntekijäkortit – sama sisäpadding kuin Yhteys-sivulla mobiilissa */
  body.home .kapitale-tyontekijat-compact-inner {
    padding: 0 1.25rem 2rem !important;
  }

  /* Etusivu vihreä osio: tiiviimpi väli esittelyn ja työntekijöiden välillä */
  body.home .bg-kapitale-green-deep .mb-16:has(+ .mt-\[65px\]) {
    margin-bottom: 1.5rem !important;
  }

  body.home .bg-kapitale-green-deep .mt-\[65px\] {
    margin-top: 0 !important;
  }

  /* Etusivu vihreä osio: pienempi alaväli lomakkeen jälkeen */
  body.home .bg-kapitale-green-deep .mb-\[85px\],
  body.home .bg-kapitale-green-deep .mb-\[125px\] {
    margin-bottom: 2.5rem !important;
  }

  /* Lomake vihreä laatikko: tiukempi padding mobiilissa */
  .max-w-form.rounded-form.bg-kapitale-green-02 {
    padding: 2rem 1.2rem !important;
  }

  /* Lomake: kentät ja syötettävä teksti keskelle mobiilissa */
  .max-w-form .kapitale-gf-form .gfield--type-text,
  .max-w-form .kapitale-gf-form .gfield--type-email,
  .max-w-form .kapitale-gf-form .gfield--type-phone,
  .max-w-form .kapitale-gf-form .gfield--type-select,
  .max-w-form .kapitale-gf-form .gfield:not(.gfield--type-html):not(.gfield_html) {
    justify-self: center !important;
    margin-inline: auto !important;
  }

  .max-w-form .kapitale-gf-form .ginput_container {
    margin-inline: auto !important;
  }

  .max-w-form .kapitale-gf-form input[type='text'],
  .max-w-form .kapitale-gf-form input[type='email'],
  .max-w-form .kapitale-gf-form input[type='tel'],
  .max-w-form .kapitale-gf-form input[type='url'],
  .max-w-form .kapitale-gf-form input[type='number'],
  .max-w-form .kapitale-gf-form textarea,
  .max-w-form .kapitale-gf-form select,
  .max-w-form .kapitale-gf-form .ginput_container input,
  .max-w-form .kapitale-gf-form .ginput_container select {
    text-align: center !important;
  }

  .max-w-form .kapitale-gf-form select,
  .max-w-form .kapitale-gf-form .ginput_container select {
    text-align-last: center !important;
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }

  /* Etusivu keltainen osio: pienempi väli laatikoiden jälkeen ennen otsikkoa */
  body.home .bg-kapitale-light .mb-24:has(+ div .text-features-h2) {
    margin-bottom: 3rem !important;
  }

  /* Etusivu: footer overlap vihreän osion kanssa */
  body.home footer.bg-kapitale-light {
    padding-top: 110px !important;
  }

  /* Footer: Luma-logo oikeaan reunaan tietosuoja-rivillä */
  footer.bg-kapitale-light .footer-bottom-links {
    width: 100% !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
  }

  .media-text-kuva {
    max-width: 100% !important;
    width: 100% !important;
  }

  .media-text-kuva-inner {
    width: 100% !important;
    aspect-ratio: 542 / 547 !important;
    border-radius: 64px !important;
  }

  :is(
    .text-features-h2,
    .kapitale-text-page-title,
    .kapitale-text-page-content h2,
    .kapitale-text-page-content h2.wp-block-heading,
    .media-text-sisalto h2,
    .media-text-sisalto h2.wp-block-heading,
    .kapitale-two-columns-col h2,
    .kapitale-two-columns-col h2.wp-block-heading,
    .kapitale-two-columns-section--full .kapitale-two-columns-heading h2,
    .kapitale-two-columns-section--full .kapitale-two-columns-heading h2.wp-block-heading,
    .kapitale-green-box-content h2,
    .kapitale-green-box-content h2.wp-block-heading,
    :is(.kapitale-quote-request-section, .kapitale-quote-request-section--editor) .kapitale-quote-request-content-blocks h2,
    :is(.kapitale-quote-request-section, .kapitale-quote-request-section--editor) .kapitale-quote-request-content-blocks h2.wp-block-heading,
    .kapitale-palvelu-otsikko
  ) {
    font-size: clamp(24px, 4vw, 28px) !important;
  }

  /* Lomake otsikko: pienempi kuin muut h2 mobiilissa */
  .max-w-form.rounded-form h2.text-features-h2 {
    font-size: clamp(17px, 4vw, 20px) !important;
    line-height: 1.2 !important;
  }

  :is(
    .text-features-h3,
    .kapitale-laatikko-otsikko,
    .media-text-sisalto h3,
    .media-text-sisalto h3.wp-block-heading,
    .kapitale-two-columns-col h3,
    .kapitale-two-columns-col h3.wp-block-heading,
    .kapitale-green-box-content h3,
    .kapitale-green-box-content h3.wp-block-heading
  ) {
    font-size: clamp(16px, 2.2vw, 17px) !important;
  }

  .kapitale-laatikot-inner {
    padding-left: clamp(1rem, 3vw, 1.5rem);
    padding-right: clamp(1rem, 3vw, 1.5rem);
  }

  /* Vihreä laatikko: teksti ensin, kuva alle mobiilissa */
  .kapitale-green-box-inner {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .kapitale-green-box-image {
    width: 100% !important;
    max-width: none !important;
    padding: 1.625rem 1.25rem 1.25rem !important;
  }

  .kapitale-green-box-image-inner {
    position: relative !important;
    width: 100% !important;
    aspect-ratio: 4 / 5 !important;
    min-height: 0 !important;
    height: auto !important;
    overflow: hidden !important;
    border-radius: 32px !important;
  }

  .kapitale-green-box-image-img {
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    object-fit: cover !important;
    object-position: top center !important;
    filter: grayscale(100%) !important;
  }

  .kapitale-green-box-content {
    padding: clamp(1.75rem, 4vw, 2.5rem) clamp(1.25rem, 3vw, 1.75rem) 0 !important;
  }

  /* Palvelukortit: otsikko h2-kokoon, leipäteksti samaan skaalaan kuin muualla */
  .kapitale-palvelu-kuva {
    height: clamp(210px, 52vw, 260px) !important;
  }

  .kapitale-palvelu-otsikko {
    left: 1.25rem !important;
    right: 1.25rem !important;
    bottom: 1rem !important;
  }

  .kapitale-palvelu-sisalto {
    padding: 1.5rem 1.25rem !important;
  }

  .kapitale-palvelu-sisalto .section-wysiwyg,
  .kapitale-palvelu-sisalto .section-wysiwyg p,
  .kapitale-palvelu-kortti .palvelu-lista li {
    font-size: 1rem !important;
    line-height: 1.625 !important;
  }

  .kapitale-palvelu-sisalto .section-wysiwyg {
    margin-bottom: 1.25rem !important;
  }

  .kapitale-palvelu-kortti .palvelu-lista {
    margin-bottom: 1.5rem !important;
    gap: 0.625rem !important;
  }

  .kapitale-palvelu-hinta {
    font-size: 1.125rem !important;
    line-height: 1.4 !important;
  }

  .kapitale-palvelu-nappi {
    font-size: 1rem !important;
  }

  .kapitale-two-columns-inner {
    padding-inline: clamp(0.75rem, 2vw, 1.25rem);
  }

  .kapitale-quote-request-section {
    padding-top: clamp(5rem, 12vw, 8.125rem) !important;
    padding-bottom: clamp(4rem, 10vw, 7.1875rem) !important;
  }

  .kapitale-quote-request-inner {
    padding-inline: clamp(0.75rem, 2vw, 1.25rem);
  }

  /* Alasivut: tiiviimmät lohkojen välistykset mobiilissa */
  body:not(.home) :is(
    .kapitale-two-columns-section,
    .kapitale-green-box-section,
    [data-kapitale-block='media-text'],
    .kapitale-tyontekijat-section,
    .kapitale-quote-request-section,
    main > section.bg-kapitale-cream,
    main > section.bg-kapitale-green-deep,
    main > section.bg-kapitale-green
  ) {
    padding-top: 2.75rem !important;
    padding-bottom: 2.75rem !important;
  }

  body:not(.home) .kapitale-text-page {
    padding-top: 2.75rem !important;
  }

  body:not(.home) .media-text-row {
    gap: 1.75rem !important;
  }

  body:not(.home) :is(
    .kapitale-two-columns-grid,
    .kapitale-two-columns-grid.is-layout-flow,
    .kapitale-two-columns-grid.wp-block-group-is-layout-flow,
    .kapitale-two-columns-grid.wp-block-group-is-layout-grid
  ) {
    gap: 1.75rem !important;
  }

  body:not(.home) .kapitale-two-columns-section--full .kapitale-two-columns-heading + .kapitale-two-columns-grid {
    margin-top: 2rem !important;
  }

  body:not(.home) :is(
    .media-text-sisalto .wp-block-paragraph + .wp-block-heading,
    .media-text-sisalto p + h2,
    .media-text-sisalto .wp-block-list + h2,
    .media-text-sisalto ul + h2,
    .media-text-sisalto ol + h2,
    .kapitale-two-columns-col .wp-block-paragraph + .wp-block-heading,
    .kapitale-two-columns-col p + h2,
    .kapitale-two-columns-col .wp-block-list + h2,
    .kapitale-two-columns-col ul + h2,
    .kapitale-two-columns-col ol + h2,
    .kapitale-green-box-content .wp-block-paragraph + .wp-block-heading,
    .kapitale-green-box-content p + h2,
    .kapitale-green-box-content .wp-block-list + h2,
    .kapitale-green-box-content ul + h2,
    .kapitale-green-box-content ol + h2
  ) {
    margin-top: 1.5rem !important;
  }

  body:not(.home) :is(
    .media-text-sisalto .wp-block-paragraph + h3,
    .media-text-sisalto p + h3,
    .media-text-sisalto .wp-block-list + h3,
    .media-text-sisalto ul + h3,
    .media-text-sisalto ol + h3,
    .kapitale-two-columns-col .wp-block-paragraph + h3,
    .kapitale-two-columns-col p + h3,
    .kapitale-two-columns-col .wp-block-list + h3,
    .kapitale-two-columns-col ul + h3,
    .kapitale-two-columns-col ol + h3,
    .kapitale-green-box-content .wp-block-paragraph + h3,
    .kapitale-green-box-content p + h3,
    .kapitale-green-box-content .wp-block-list + h3,
    .kapitale-green-box-content ul + h3,
    .kapitale-green-box-content ol + h3
  ) {
    margin-top: 1.25rem !important;
  }

  .media-text-kuva {
    max-width: 100% !important;
    width: 100% !important;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .kapitale-quote-request-grid {
    column-gap: clamp(1.5rem, 4vw, 3rem);
  }

  .kapitale-two-columns-grid,
  .kapitale-two-columns-grid.is-layout-flow,
  .kapitale-two-columns-grid.wp-block-group-is-layout-flow,
  .kapitale-two-columns-grid.wp-block-group-is-layout-grid {
    column-gap: clamp(2rem, 4vw, 3rem);
  }
}

/* Mobiilivalikko tabletilla: linkit keskelle näkymää, logo ja sulku pysyvät ylhäällä */
@media (min-width: 1024px) and (max-width: 1279px) {
  #mobile-menu .mobile-menu-header {
    position: relative;
    z-index: 2;
  }

  #mobile-menu .mobile-menu-body {
    position: absolute;
    inset: 0;
    flex: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding-inline: 2rem;
    padding-bottom: 2rem;
    pointer-events: none;
  }

  #mobile-menu .mobile-menu-body > * {
    pointer-events: auto;
  }
}

/* 1024px (laptop / iPad Pro landscape) */
@media (min-width: 1024px) and (max-width: 1379px) {
  /* Hero: enemmän pystytilaa, kuva täyttää oikean sarakkeen */
  .kapitale-hero--home {
    padding-top: calc(95px + 10rem) !important;
    padding-bottom: 11rem !important;
  }

  .kapitale-hero--page {
    padding-top: calc(95px + 5rem) !important;
    padding-bottom: 5.5rem !important;
  }

  .kapitale-hero .max-w-hero-content {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }

  .kapitale-hero__image {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin-top: 0 !important;
    aspect-ratio: 617 / 606 !important;
    border-radius: 64px !important;
  }

  .kapitale-hero .lg\:w-\[48\%\].order-2 {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
  }

  /* Etusivu: laatikot */
  body.home .kapitale-laatikot-inner .grid {
    gap: 1.75rem !important;
  }

  body.home .kapitale-laatikko {
    padding: 1.5rem !important;
  }

  body.home .mb-\[85px\] {
    margin-bottom: 3rem !important;
  }

  body.home .mb-\[125px\] {
    margin-bottom: 4.5rem !important;
  }

  /* Etusivu: henkilökortit */
  body.home .bg-kapitale-green article h3.font-pp-watch {
    font-size: 1.125rem !important;
    line-height: 1.3 !important;
  }

  body.home .bg-kapitale-green .grid {
    gap: 2rem !important;
  }

  body.home .bg-kapitale-green .grid > article:nth-child(2) {
    margin-top: 1.5rem !important;
  }

  body.home .bg-kapitale-green .grid > article:nth-child(3) {
    margin-top: 3rem !important;
  }

  /* Etusivu: kaksi työntekijää – samassa tasossa, ei porrastusta */
  body.home .kapitale-tyontekijat-grid--two > article:nth-child(2),
  body.home .kapitale-tyontekijat-grid--two > article:nth-child(3) {
    margin-top: 0 !important;
  }

  /* Etusivu: footer */
  body.home footer.bg-kapitale-light {
    padding-top: 180px !important;
  }

  /* Alasivut: vaalea pohja kapeampi kuin vihreät laatikot (~1238px @ 1350px) */
  body:not(.home) :is(
    [data-kapitale-block='media-text'] .max-w-hero-content,
    .kapitale-two-columns-inner,
    .kapitale-quote-request-inner
  ) {
    box-sizing: border-box;
    width: min(1280px, calc(100% - 7rem)) !important;
    max-width: none !important;
    padding-left: clamp(1rem, 1.5vw, 1.5rem) !important;
    padding-right: clamp(1rem, 1.5vw, 1.5rem) !important;
    margin-inline: auto;
  }

  /* Alasivut: pienemmät osioiden pysty-paddingit */
  :is(
    .kapitale-two-columns-section,
    .kapitale-green-box-section,
    [data-kapitale-block='media-text'],
    .kapitale-tyontekijat-section,
    .kapitale-quote-request-section,
    body:not(.home) main > section.bg-kapitale-cream,
    body:not(.home) main > section.bg-kapitale-green-deep
  ) {
    padding-top: 3.5rem !important;
    padding-bottom: 3.5rem !important;
  }

  body.home .bg-kapitale-green.text-kapitale-light {
    padding-top: 3.5rem !important;
    padding-bottom: 3.5rem !important;
  }

  body:not(.home) main > :is(
    .kapitale-two-columns-section,
    [data-kapitale-block='media-text'],
    .kapitale-green-box-section,
    .kapitale-quote-request-section,
    section.kapitale-tyontekijat-section,
    section.bg-kapitale-cream,
    section.bg-kapitale-green-deep,
    section.bg-kapitale-green,
    .kapitale-text-page
  ):last-child {
    padding-bottom: 80px !important;
  }

  /* Vihreä laatikko: kuva oikeassa reunassa, täysi korkeus kuten desktop */
  .kapitale-green-box-inner {
    grid-template-columns: minmax(0, 1fr) clamp(260px, 34vw, 360px) !important;
    align-items: stretch !important;
  }

  .kapitale-green-box-image {
    width: 100% !important;
    max-width: none !important;
    align-self: stretch !important;
  }

  .kapitale-green-box-image-inner {
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    aspect-ratio: auto !important;
  }

  .kapitale-green-box-image-img {
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    object-fit: cover !important;
    object-position: center top !important;
  }

  .kapitale-green-box-content {
    padding: 2.75rem 2rem !important;
  }

  /* Media+teksti: tasapainoinen jako, oikea kuvasuhde */
  .media-text-row {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    column-gap: 2.5rem !important;
    align-items: center !important;
  }

  .media-text-row--reverse {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  }

  .media-text-kuva {
    max-width: none !important;
    width: 100% !important;
  }

  .media-text-kuva-inner {
    width: 100% !important;
    max-width: none !important;
    aspect-ratio: 542 / 547 !important;
    border-radius: 64px !important;
  }

  .media-text-kuva-img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
  }

  .kapitale-two-columns-grid,
  .kapitale-two-columns-grid.is-layout-flow,
  .kapitale-two-columns-grid.wp-block-group-is-layout-flow,
  .kapitale-two-columns-grid.wp-block-group-is-layout-grid {
    column-gap: 2.5rem !important;
  }

  /* Työntekijälaatikko: pienempi sisäpadding tabletilla */
  .kapitale-tyontekijat-box-inner {
    padding-inline: 2rem !important;
    padding-block: 2.5rem !important;
  }
}

/* Tarjouspyyntölomake – valintaruudut */
.kapitale-quote-gf-form .gfield--type-checkbox .gfield_checkbox,
.kapitale-quote-gf-form .ginput_container_checkbox .gfield_checkbox {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0.625rem 1rem !important;
}

.kapitale-quote-gf-form .gfield--type-checkbox .gchoice {
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  margin: 0 !important;
  width: auto !important;
  float: none !important;
  clear: none !important;
}

.kapitale-quote-gf-form .gfield--type-checkbox input[type='checkbox'],
.kapitale-quote-gf-form .gfield--type-checkbox .gfield-choice-input {
  width: 1.125rem !important;
  height: 1.125rem !important;
  min-width: 1.125rem !important;
  min-height: 1.125rem !important;
  max-width: 1.125rem !important;
  max-height: 1.125rem !important;
  margin: 0 !important;
  padding: 0 !important;
  flex: 0 0 1.125rem !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 4px !important;
  background: #ffffff !important;
  accent-color: #0b352a !important;
  cursor: pointer !important;
  appearance: auto !important;
  -webkit-appearance: checkbox !important;
  box-shadow: none !important;
  float: none !important;
  display: inline-block !important;
  vertical-align: middle !important;
}

.kapitale-quote-gf-form .gfield--type-checkbox .gchoice .gform-field-label,
.kapitale-quote-gf-form .gfield--type-checkbox .gchoice label {
  display: inline !important;
  margin: 0 !important;
  font-weight: 400 !important;
  font-size: 0.875rem !important;
  line-height: 1.375 !important;
  cursor: pointer !important;
  width: auto !important;
  float: none !important;
}

/* Gravity Forms – vahvistusviesti */
.kapitale-gf-form .gform_confirmation_wrapper,
.kapitale-gf-form .gform_confirmation_message {
  font-family: 'PP Watch', sans-serif !important;
  font-weight: 700 !important;
  font-size: 1.125rem !important;
  line-height: 1.25 !important;
  color: #f2ffc2 !important;
  text-align: center !important;
  background: transparent !important;
  border: none !important;
  padding: 1rem 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
  width: 100% !important;
}

@media (min-width: 768px) {
  .kapitale-gf-form .gform_confirmation_wrapper,
  .kapitale-gf-form .gform_confirmation_message {
    font-size: 1.25rem !important;
  }
}

.kapitale-quote-gf-form .gform_confirmation_wrapper,
.kapitale-quote-gf-form .gform_confirmation_message {
  font-family: 'PP Watch', sans-serif !important;
  font-weight: 700 !important;
  font-size: 1.125rem !important;
  line-height: 1.25 !important;
  color: #0b352a !important;
  text-align: center !important;
  background: transparent !important;
  border: none !important;
  padding: 1rem 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
  width: 100% !important;
}

@media (min-width: 768px) {
  .kapitale-quote-gf-form .gform_confirmation_wrapper,
  .kapitale-quote-gf-form .gform_confirmation_message {
    font-size: 1.25rem !important;
  }
}

/* Footer-partnerilogot */
footer.bg-kapitale-light .footer-partner-logos {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 1.5rem 2rem !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-bottom: 2rem !important; /* sama kuin viivan alapuolen pt-8 */
}

footer.bg-kapitale-light .footer-partner-logos img {
  height: 2.5rem !important;
  max-height: 2.5rem !important;
  width: auto !important;
  max-width: 180px !important;
  object-fit: contain !important;
}

@media (min-width: 768px) {
  footer.bg-kapitale-light .footer-partner-logos {
    width: 50% !important;
    max-width: 50% !important;
    justify-content: space-between !important;
  }

  footer.bg-kapitale-light .footer-partner-logos img {
    height: 3rem !important;
    max-height: 3rem !important;
    max-width: none !important;
  }
}