/* =========================
   BUTTON STYLE (MATCH HEADER)
========================= */
.quote-form .wp-block-button__link,
.quote-form button,
.quote-form input[type="submit"] {
  display: inline-block !important;
  width: auto !important;
  max-width: max-content !important;
  padding: 14px 28px !important;
  background-color: #f5a623 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 6px !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
  cursor: pointer !important;
}

/* BUTTON HOVER */
.quote-form .wp-block-button__link:hover,
.quote-form button:hover,
.quote-form input[type="submit"]:hover {
  background-color: #e6951f !important;
}


/* =========================
   CENTER BUTTON
========================= */
.quote-form .wp-block-buttons,
.quote-form .wp-block-button,
.quote-form .srfm-form-submit,
.quote-form .srfm-submit-wrap {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
}

.quote-form .wp-block-button__link,
.quote-form button,
.quote-form input[type="submit"] {
  margin: 0 auto !important;
}


/* =========================
   CARD / BOX DESIGN (PREMIUM LOOK)
========================= */
.wp-block-group,
.uagb-container,
.uagb-block,
.wp-block-column {
  background: #ffffff;
  border-radius: 10px;
  border: 1px solid rgba(0,0,0,0.03);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.06),
              0 20px 40px rgba(0, 0, 0, 0.06);
  transition: all 0.25s ease;
}


/* CARD HOVER EFFECT */
.wp-block-group:hover,
.uagb-container:hover,
.uagb-block:hover,
.wp-block-column:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08),
              0 30px 60px rgba(0, 0, 0, 0.08);
}/* =========================
   3CX CHAT FULL STYLING + POSITION FIX
   ========================= */

/* Bubble (floating icon) */
.cx-widget-btn {
  background-color: #f59e0b !important;
  border-color: #f59e0b !important;
  box-shadow: 0 8px 20px rgba(245, 158, 11, 0.3) !important;
}

/* Bubble hover */
.cx-widget-btn:hover {
  background-color: #d97706 !important;
}

/* Chat window header */
.cx-widget-header {
  background-color: #f59e0b !important;
}

/* Main chat button (Get My Quote) */
.cx-widget .cx-button,
.cx-widget button {
  background-color: #f59e0b !important;
  color: #ffffff !important;
  border: none !important;
}

/* Button hover */
.cx-widget .cx-button:hover,
.cx-widget button:hover {
  background-color: #d97706 !important;
}

/* Keep widget above everything */
#cx-widget,
.cx-widget,
.cx-webchat {
  z-index: 999999 !important;
	/* Scroll-to-top button position */
.ast-scroll-top-icon {
  left: 30px !important;
  right: auto !important;
  bottom: 30px !important;
}/* Scroll-to-top hover effect */
.ast-scroll-top-icon:hover {
  transform: translateY(-3px);
  transition: all 0.2s ease;
}