/* offerte app */

:root {
  --lg-blue: #f0f2fe;
  --md-blue: #b3bcfd;
  --blue: #4240ff;
  --dk-blue: #1e3583;
  --red: #f54641;
}

body.page-id-30825{


/* qode overrides */

.qode_grid_140 .container_inner {
  max-width: 100% !important;
  padding: 0 20px !important;
}

.gform_wrapper.gravity-theme .gform_previous_button.button {
  color: #6b7280 !important;
}

/* body.page-id-30825 p {
    color: black;
} */

#gform_wrapper_30 {
  label.gfield_label.gform-field-label {
    color: black;
    font-size: 14px !important;
  }

  .offerte-info-block {
    background: #f0eddc;
    border-radius: 10px;
    padding: 20px;
  }

  .offerte-info-block h3,
  .offerte-info-block p {
    color: #675b22;
  }

  input,
  label,
  p {
    font-size: 16px;
    color: black;
  }

  .gform_wrapper.gravity-theme input[type="button"].gform_previous_button.button {
    color: white !important;
  }

  /*position */

  .gform_wrapper.gravity-theme .gfield.gfield--width-three-quarter {
    grid-column: 5 / end;
  }

  div.info-block.gfield.gfield--width-half {
    grid-column: span 4;
  }

  .gform_wrapper.gravity-theme .gfield.gfield--width-three-quarter {
    grid-column: 5 / end;
  }

  div.info-block {
    grid-column: span 4;
    grid-row: span 3;
  }

  div.title-block {
    grid-column: 6 / end !important;
  }

  div.text-block {
    grid-row: 3;
    grid-column: 6 / end !important;
  }

  .checkbox-block {
    grid-column: 6 / end !important;
  }

  div.list-block {
    grid-column: 6 / end !important;
  }

  .radio-block {
    grid-row: 2;
    grid-column: 6 / end !important;
  }

  /* intro-name */

  div.text-block#field_30_4 {
    grid-row: 2;
  }

/* title */

.ginput_container.ginput_container_number > input {
    border-bottom: none !important;
        border: 1px solid var(--md-blue) !important ;
    border-radius: 10px; 
     
}

.checkbox-block.filled .gfield_description {
    color: black; 
    font-size: 12px !important; 
    padding: 0; 
    padding-bottom: 0 !important; 
}

.offerte-title h2 {
    margin-bottom: 0;
}

.offerte-title .section-title {
    color: var(--blue); 
}


p.description-italic {
    font-size: 12px !important;
    font-style: italic;
    font-weight: 300;
}


  /* list-block */

  .list-block ul {
    list-style: none; /* remove default bullet */
    padding-left: 0; /* reset indentation */
    margin: 0;
  }

  .list-block ul li {
    position: relative;
    padding-left: 2em; /* make room for icon */
    margin-bottom: 1.5em;
    color: black;
    font-size: 16px;
  }

  /* Inline SVG as background, with control over size/align */
  .list-block ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%); /* vertical centering */
    width: 1.25em; /* control icon width */
    height: 1.25em; /* control icon height */
    background: url("/wp-content/uploads/2025/07/BOEM-check-icon-svg_v1_07072025.svg") no-repeat center / contain;
  }

  /* outline  */

  .outline.gfield .ginput_container input {
    border-bottom: none;
  }

  .outline.gfield .ginput_container {
    background: transparent;
    border: 1px solid #b3bcfd;
    border-radius: 10px;
  }

  label.gfield_label.gform-field-label {
    color: black;
    font-size: 14px !important;
  }

  /* filled */

  .checkbox-block.filled .gfield_checkbox {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  .checkbox-block.filled .gchoice {
    background: var(--lg-blue);
    padding: 7px;
    border-radius: 10px;
  }

  .checkbox-block label {
    color: black;
    margin-bottom: 1px;
  }

  .checkbox-block.filled input {
    accent-color: var(--blue) !important;
  }

  .radio-block.filled .gfield_radio {
    padding: 5px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  .radio-block.filled .gchoice {
    background: var(--lg-blue);
    padding: 7px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
  }

  /* override defaults */

  .radio-block.filled input[type="radio"] {
    appearance: none;
    -webkit-appearance: none; /* Safari */
    width: 20px;
    height: 20px;
    border: 2px solid var(--md-blue); /* slate-400 */
    border-bottom: 2px solid var(--md-blue) !important;
    border-radius: 50%;
    cursor: pointer;
    position: relative;
  }

  .radio-block.filled input[type="radio"]:checked {
    border-color: var(--md-blue); /* blue-500 */
  }

  .radio-block.filled input[type="radio"]:checked::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border: 1px solid var(--blue);
    border-radius: 50%;
    background: var(--blue); /* dot color */
  }

  .checkbox-block.filled input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none; /* Safari */
    width: 20px;
    height: 20px;
    border: 2px solid var(--md-blue); /* Tailwind slate-300 style */
    border-bottom: 2px solid var(--md-blue) !important;
    border-radius: 4px; /* adjust for roundness */
    background-color: #fff;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    position: relative;
  }

  .checkbox-block.filled input[type="checkbox"]:checked {
    background-color: var(--blue);
    border-color: var(--blue);
    border-bottom: 2px solid var(--blue) !important;
  }

  .checkbox-block.filled input[type="checkbox"]:checked::after {
    content: "";
    position: absolute;
    top: 2px;
    left: 6px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
  }

  /* buttons */

  input[type="button"].gform_next_button,
  input[type="submit"].gform_button {
    background: var(--red);
    border-radius: 100px;
    border: none;
    color: white;
    text-transform: capitalize;
    font-weight: 400;
    min-width: 125px;
    text-align: center;
  }

  input[type="button"].gform_next_button:hover,
  input[type="submit"].gform_button:hover {
    border: var(--red) 1px solid;
    background: transparent;
    color: var(--red) !important;
  }

  input[type="button"].gform_previous_button {
    background: transparent;
    border-radius: 100px;
    border: var(--dk-blue) 1px solid;
    color: var(--dk-blue) !important;
    text-transform: capitalize;
    font-weight: 400;
    min-width: 125px;
    text-align: center;
  }

  input[type="button"].gform_previous_button:hover {
    background: var(--dk-blue);
    border: var(--dk-blue) 1px solid;
    color: white !important;
  }

  /* footer */ 

  .gform_page_footer {
  display: flex;
  align-items: center;
  gap: .75rem;
}

/* Push steps to the left and keep buttons grouped on the right (optional) */
.gform_page_footer .gf-custom-steps {
  margin-right: auto;
}
}


.gf-price-summary{margin:1rem 0;font-size:14px}
    .gf-price-summary .gf-ps-header{margin-bottom:.25rem}
    .gf-price-summary .gf-ps-list{list-style:none;margin:.25rem 0 .5rem;padding:0}
    .gf-price-summary .gf-ps-list li{display:flex;justify-content:space-between;gap:.75rem;padding:.15rem 0}
    .gf-price-summary .gf-ps-total{display:flex;justify-content:space-between;border-top:1px solid #e5e7eb;padding-top:.35rem;font-weight:600}


          .gform_page_footer { display:flex; align-items:center; gap:.75rem; }
      .gf-custom-steps { display:flex; flex-direction:column; gap:.35rem; margin-right:auto; }
      .gf-steps-label { font-size:14px; line-height:1; }
      .gf-steps-bars { display:grid; grid-auto-flow:column; grid-auto-columns:1fr; gap:.5rem; width:240px; max-width:100%; }
      .gf-step-bar { height:6px; border-radius:9999px; background:#eaedf3; }
      .gf-step-bar.is-active { background:#1f2f6b; }

/* 
.none {
    display: none;
} */


 .counter--hidden { display: none !important; }

 div#gfield_instruction_30_74, 
div#gfield_instruction_30_72, 
div#gfield_instruction_30_138, 
div#gfield_instruction_30_139, 
div#gfield_instruction_30_141, 
div#gfield_instruction_30_142
{
    display: none;
}

}