/* ========== Global CSS ========== */
:root {
  --e-global-typography-primary-weight: 400;
  --e-global-typography-text-font-weight: 400; 
  /* ===== Colors ===== */
  /* --e-global-color-primary: #440A1D;
  --e-global-color-secondary: #6B1937;
  --e-global-color-text: #F1EAE7;
  --e-global-color-accent: #E3D4CF; */
}
.elementor-kit-8 {
  font-weight: 400;
} 
body {
  p {
    margin-block-start: 0;
    margin-block-end: 1rem;
  }
  strong {
    font-weight: 600;
  }
  /* ===== Typography ===== */
  .p-style,
  .p-style *, 
  .wpcf7-form-control,
  p {
    font-family: "Zalando Sans", Sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
  }
  .h1-style,
  .h1-style *,
  h1 {
    font-family: "Zalando Sans Expanded", Sans-serif;
    font-size: 60px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase;
  }
  .h2-style,
  .h2-style *,
  h2 {
    font-family: "Zalando Sans Expanded", Sans-serif;
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase;
  }
  .h3-style,
  .h3-style *,
  h3 {
    font-family: "Zalando Sans Expanded", Sans-serif;
    font-size: 36px;
    font-style: normal;
    font-weight: 500;
    line-height: 1;
    text-transform: uppercase;
  }
  .h4-style,
  .h4-style *,
  .elementor-testimonial__text,
  h4 {
    font-family: "Zalando Sans Expanded", Sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
    text-transform: none;
  }
  .h5-style,
  .h5-style *,
  .wpcf7-response-output,
  .wpcf7-submit,
  h5 {
    font-family: "Zalando Sans", Sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 1.5;
    text-transform: none;
  }
  /* ===== Testimonials Slider ===== */
  .testimonials-slider {

    .elementor-main-swiper {
      margin: 0;
      width: 100%;

      .elementor-testimonial {
        text-align: left;
        .elementor-testimonial__footer {
          justify-content: flex-start !important;
        }
      }
    
      .swiper-pagination-bullet { 
        background-color: var(--e-global-color-text) !important;
        border: 1px solid var(--e-global-color-text);
      }
      .swiper-pagination-bullet-active {
        background-color: transparent !important;
        border-color: 1px solid var(--e-global-color-primary);
      }
    }
  }
  .bg-radial-overlay {
  }
  /* ===== CF7 ===== */
  .wpcf7 {
    .wpcf7-form-control-wrap {
      display: block;
      width: 100%;

      .wpcf7-form-control {
        display: block;
        width: 100%;
        line-height: 1;
        font-weight: 600;
        background-color: transparent;
        border: none;
        padding: 10px 10px;
        border-radius: 0;
        border-bottom: 1px solid var(--e-global-color-text);
        color: var(--e-global-color-text);

        /* == Placeholder == */
        &::placeholder {
          color: var(--e-global-color-text);
          font-weight: 400 !important;
          opacity: 0.5;
        }

        &:focus {
          outline: none;
          border-radius: 0;
          border-bottom-color: var(--e-global-color-accent);
        }

        > option {
          padding: 5px 10px;
          background-color: var(--e-global-color-secondary);
          color: var(--e-global-color-text);
          outline: none;
          transition: all 0.2s ease-in-out;

          &:hover {
            background-color: var(--e-global-color-primary) !important;
          }
        }
      }

      .wpcf7-not-valid-tip {
        display: block;
        margin: 0;
        padding: 5px 10px;
        font-size: 14px;
        color: var(--e-global-color-secondary);
        background-color: var(--e-global-color-text);
        transition: all 0.3s ease;
      }
    }
    .wpcf7-submit {
      outline: none;
      border: none;
      font-weight: 400 !important;
      cursor: pointer;
      background-color: var(--e-global-color-text);
      color: var(--e-global-color-secondary);
      transition: all 0.3s ease;

      &:hover {
        background-color: var(--e-global-color-secondary);
        color: var(--e-global-color-text);
      }
    }
    .wpcf7-spinner {
      background-color: var(--e-global-color-secondary) !important;
      &::before {
        background-color: var(--e-global-color-text) !important;
      }
    }
    .wpcf7-response-output {
      display: block;
      margin: 0;
      padding: 10px;
      color: var(--e-global-color-text);
      background-color: var(--e-global-color-secondary);
      border-radius: 10px;
      border: 1px solid var(--e-global-color-text) !important;
      transition: all 0.3s ease;
    }
  }
}