/* =============================================
   RESET WordPress
   ============================================= */
.site-header, .site-footer, #masthead, #colophon {
  display: none !important;
}
.page-wrap { min-height: 100vh; }
.nav-link, .nav-link:visited, .nav-link:hover {
  text-decoration: none !important;
  box-shadow: none !important;
}
.ribbon-image, .pricing-ribbon, .slider-image {
  max-width: 100% !important;
  height: auto !important;
}
@media screen and (min-width: 600px) {
  body.admin-bar .navbar.w-nav { top: 32px !important; }
}
@media screen and (max-width: 782px) {
  body.admin-bar .navbar.w-nav { top: 46px !important; }
}

/* =============================================
   FORM BLOCK
   ============================================= */
.form-block {
  color: #000;
  background-color: #fff;
  border-radius: 8px;
  margin-bottom: 0;
  padding: 40px;
  min-height: 560px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
}

.heading-4 {
  font-family: Montserrat, Arial, sans-serif !important;
  font-weight: 600 !important;
  color: #000 !important;
}

.field-label {
  font-family: Montserrat, Arial, sans-serif !important;
  font-weight: 500 !important;
  color: #000 !important;
}

.tiny-text {
  font-family: Montserrat, Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 130% !important;
  color: #000 !important;
}

.split-fields {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

/* =============================================
   CONTACT FORM 7
   ============================================= */
.form-block .wpcf7,
.form-block .wpcf7 form,
div.wpcf7 {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.wpcf7 form.wpcf7-form {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  margin-top: 40px;
  display: flex;
}

.wpcf7 .wpcf7-form-control-wrap {
  display: block;
  width: 100%;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"] {
  width: 100% !important;
  border: none !important;
  border-bottom: 1px solid rgba(0,0,0,0.1) !important;
  height: 56px !important;
  margin-bottom: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  font-family: Montserrat, Arial, sans-serif !important;
  font-size: 16px !important;
  background: transparent !important;
  color: #000 !important;
  box-sizing: border-box !important;
  border-radius: 0 !important;
  outline: none !important;
}

.wpcf7 input[type="text"]::placeholder,
.wpcf7 input[type="email"]::placeholder {
  color: rgba(0,0,0,0.35) !important;
}

.wpcf7 input[type="text"]:focus,
.wpcf7 input[type="email"]:focus {
  border-bottom: 1px solid #3b6bff !important;
  outline: none !important;
}

.wpcf7 input[type="submit"] {
  width: 100% !important;
  background-color: #3b6bff !important;
  color: #fff !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 12px 24px !important;
  font-family: 'Roboto Mono', sans-serif !important;
  font-size: 14px !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  line-height: 100% !important;
}

.wpcf7 input[type="submit"]:hover {
  opacity: 0.85 !important;
}

.wpcf7-response-output {
  border: none !important;
  border-radius: 6px !important;
  padding: 14px !important;
  margin: 8px 0 0 0 !important;
  font-family: Montserrat, Arial, sans-serif !important;
  font-size: 13px !important;
}

.wpcf7 .wpcf7-mail-sent-ok {
  background: rgba(0,200,100,0.15) !important;
  color: #00a854 !important;
}

.wpcf7 .wpcf7-validation-errors,
.wpcf7 .wpcf7-mail-sent-ng {
  background: rgba(255,60,60,0.12) !important;
  color: #ff3c3c !important;
}

/* =============================================
   AFTER SUBMIT
   ============================================= */
.wpcf7-form.sent .wpcf7-form-control-wrap,
.wpcf7-form.sent input[type="text"],
.wpcf7-form.sent input[type="email"],
.wpcf7-form.sent input[type="submit"],
.wpcf7-form.sent p,
.wpcf7-form.sent br {
  display: none !important;
}

.wpcf7-form.sent .wpcf7-response-output {
  display: block !important;
  text-align: center !important;
  padding: 20px !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  color: #000 !important;
  background: transparent !important;
  border: none !important;
  margin: 0 !important;
}

.form-block:has(.wpcf7-form.sent) .heading-4,
.form-block:has(.wpcf7-form.sent) .tiny-text {
  display: none !important;
}

/* =============================================
   RESPONSIVE
   ============================================= */
@media screen and (max-width: 991px) {
  .form-block {
    padding: 24px;
    min-height: auto;
  }
  .split-fields { grid-template-columns: 1fr; }
}
@media screen and (max-width: 767px) {
  .pricing-ribbon {
    margin-top: -60px !important;
    position: relative !important;
    z-index: 0 !important;
  }
  #Planuri .center-content {
    position: relative !important;
    z-index: 1 !important;
  }
}
@media screen and (max-width: 767px) {
  .wpcf7 input[type="text"],
  .wpcf7 input[type="email"] {
    height: auto !important;
    min-height: 56px !important;
    white-space: normal !important;
  }
  .wpcf7 input[type="text"]::placeholder,
  .wpcf7 input[type="email"]::placeholder {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    font-size: 13px !important;
  }
}