.elementor-265 .elementor-element.elementor-element-7c2c010{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}#elementor-popup-modal-265 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-265{justify-content:center;align-items:center;pointer-events:all;background-color:rgba(0,0,0,.8);}#elementor-popup-modal-265 .dialog-close-button{display:flex;}#elementor-popup-modal-265 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}@media(max-width:767px){.elementor-265 .elementor-element.elementor-element-7c2c010{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(min-width:768px){.elementor-265 .elementor-element.elementor-element-7c2c010{--width:100%;}}/* Start custom CSS for shortcode, class: .elementor-element-a939e50 *//* =========================================================
   Ramzo Klussen — Offerte formulier (Contact Form 7) styling
   Brand color: #B79770
   Headings: Montserrat | Body/inputs: DM Sans
   Add this file via: Appearance > Customize > Additional CSS
   or enqueue it as a separate stylesheet in your theme.
   ========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');

:root{
  --cf7-brand:#B79770;
  --cf7-brand-dark:#9c7d59;
  --cf7-brand-soft:#f5efe6;
  --cf7-ink:#13202b;
  --cf7-muted:#687681;
  --cf7-line:#dce2e7;
  --cf7-font-heading:'Montserrat', Arial, sans-serif;
  --cf7-font-body:'DM Sans', Arial, sans-serif;
}

/* Card wrapper */
.quote-card{
  background:#fff;
  color:var(--cf7-ink);
  border-radius:24px;
  padding:29px;
  box-shadow:0 30px 90px rgba(0,0,0,.14);
  max-width:560px;
  width:100%;
  font-family:var(--cf7-font-body);
}

.quote-card .mini{
  font-family:var(--cf7-font-heading);
  color:var(--cf7-brand-dark);
  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:1px;
}

.quote-card h2{
  font-family:var(--cf7-font-heading);
  font-weight:800;
  font-size:28px;
  line-height:1.13;
  letter-spacing:-.8px;
  margin:7px 0 8px;
}

.quote-card > p{
  margin:0 0 20px;
  color:var(--cf7-muted);
  font-size:14px;
}

/* Grid layout */
.quote-card .form-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:11px;
}

.quote-card .field{
  display:flex;
  flex-direction:column;
  gap:6px;
}

.quote-card .field.full{
  grid-column:1/-1;
}

.quote-card label{
  font-family:var(--cf7-font-body);
  font-size:12px;
  color:#475560;
  font-weight:700;
}

/* Contact Form 7 wraps each field in <span class="wpcf7-form-control-wrap"> */
.quote-card .wpcf7-form-control-wrap{
  display:block;
  width:100%;
}

.quote-card input[type="text"],
.quote-card input[type="tel"],
.quote-card input[type="email"],
.quote-card select,
.quote-card textarea{
  width:100%;
  border:1px solid var(--cf7-line);
  border-radius:10px;
  background:#fff;
  padding:12px 13px;
  color:var(--cf7-ink);
  outline:none;
  font-family:var(--cf7-font-body);
  font-size:14px;
}

.quote-card input[type="text"]:focus,
.quote-card input[type="tel"]:focus,
.quote-card input[type="email"]:focus,
.quote-card select:focus,
.quote-card textarea:focus{
  border-color:var(--cf7-brand);
  box-shadow:0 0 0 3px rgba(183,151,112,.18);
}

.quote-card textarea{
  min-height:82px;
  resize:vertical;
}

/* Submit button (CF7 renders <input type="submit">) */
.quote-card .btn,
.quote-card input[type="submit"]{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  width:100%;
  border-radius:12px;
  padding:14px 21px;
  font-weight:850;
  font-size:15px;
  line-height:1.15;
  border:1px solid transparent;
  transition:.2s ease;
  cursor:pointer;
  font-family:var(--cf7-font-heading);
}

.quote-card .btn-primary,
.quote-card input[type="submit"]{
  background:var(--cf7-brand);
  color:#fff;
  box-shadow:0 10px 25px rgba(183,151,112,.30);
}

.quote-card .btn-primary:hover,
.quote-card input[type="submit"]:hover{
  background:var(--cf7-brand-dark);
  transform:translateY(-1px);
}

/* Form note under the button */
.quote-card .form-note{
  margin:10px 0 0 !important;
  font-size:11px !important;
  color:#7f8992 !important;
}

/* CF7 validation / response messages */
.quote-card .wpcf7-not-valid-tip{
  color:#c0392b;
  font-size:11px;
  margin-top:4px;
}

.quote-card .wpcf7-response-output{
  margin:14px 0 0;
  padding:10px 14px;
  border-radius:10px;
  font-size:13px;
  border:1px solid var(--cf7-line);
}

.quote-card form.sent .wpcf7-response-output{
  border-color:#bfe3cc;
  background:#eef8f3;
  color:#1a5f40;
}

.quote-card form.invalid .wpcf7-response-output,
.quote-card form.failed .wpcf7-response-output{
  border-color:#f3c7c0;
  background:#fdf1ef;
  color:#a4322a;
}

.quote-card .wpcf7-spinner{
  margin-left:8px;
}

/* Mobile */
@media(max-width:640px){
  .quote-card{ padding:21px; }
  .quote-card .form-grid{ grid-template-columns:1fr; }
  .quote-card .field.full{ grid-column:auto; }
}/* End custom CSS */