/* =============================================
   FloodDoctorVA.com Redesign CSS
   Match flood.doctor Google-inspired style

   Add this to: Qode Options → Custom CSS
   ============================================= */

/* ===========================================
   PHASE 1: FOUNDATION - Fonts & Variables
   =========================================== */

/* Google Fonts Import */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Roboto:wght@300;400;500;700&display=swap');

/* CSS Custom Properties (Design Tokens) */
:root {
  /* Primary Colors */
  --fd-primary: #1a73e8;
  --fd-primary-hover: #1557b0;
  --fd-primary-active: #174ea6;
  --fd-primary-light: #e8f0fe;

  /* Text Colors */
  --fd-text-dark: #202124;
  --fd-text-muted: #5f6368;
  --fd-text-light: #80868b;

  /* Surface Colors */
  --fd-surface: #ffffff;
  --fd-surface-variant: #f8f9fa;
  --fd-border: #dadce0;
  --fd-border-light: #e8eaed;

  /* Semantic Colors */
  --fd-error: #ea4335;
  --fd-success: #1e8e3e;
  --fd-warning: #f9ab00;

  /* Shadows (Google-style) */
  --fd-shadow-sm: 0 1px 2px 0 rgba(60,64,67,0.3), 0 1px 3px 1px rgba(60,64,67,0.15);
  --fd-shadow-md: 0 1px 3px 0 rgba(60,64,67,0.3), 0 4px 8px 3px rgba(60,64,67,0.15);
  --fd-shadow-lg: 0 4px 8px 3px rgba(60,64,67,0.15), 0 1px 3px rgba(60,64,67,0.3);

  /* Border Radius */
  --fd-radius-sm: 4px;
  --fd-radius-md: 8px;
  --fd-radius-lg: 16px;
  --fd-radius-xl: 24px;
  --fd-radius-2xl: 32px;
  --fd-radius-full: 9999px;

  /* Fonts */
  --fd-font-display: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --fd-font-body: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* Transitions */
  --fd-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}


/* ===========================================
   PHASE 2: TYPOGRAPHY
   =========================================== */

/* Base Body Typography */
body,
.qode-page-content,
.wpb_wrapper,
p {
  font-family: var(--fd-font-body) !important;
  font-size: 16px;
  line-height: 1.625;
  color: var(--fd-text-dark);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* All Headings */
h1, h2, h3, h4, h5, h6,
.qode-title,
.q_font_awsome_icon_stack .q_font_awsome_title,
.wpb_content_element .wpb_heading,
.vc_custom_heading,
.q_icon_with_title .icon_text_holder h4,
.q_icon_with_title .icon_text_holder h5,
.q_icon_with_title .icon_text_holder h6 {
  font-family: var(--fd-font-display) !important;
  text-transform: none !important;
  letter-spacing: -0.01em !important;
  color: var(--fd-text-dark);
  font-weight: 600;
}

h1, .h1 {
  font-size: 48px;
  line-height: 1.2;
  font-weight: 700;
}

h2, .h2 {
  font-size: 36px;
  line-height: 1.25;
  font-weight: 600;
}

h3, .h3 {
  font-size: 28px;
  line-height: 1.3;
  font-weight: 600;
}

h4, .h4 {
  font-size: 22px;
  line-height: 1.35;
  font-weight: 600;
}

h5, .h5 {
  font-size: 18px;
  line-height: 1.4;
  font-weight: 500;
}

h6, .h6 {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
}

/* Remove uppercase from navigation */
nav a,
.main_menu a,
.qode_search_form input,
.top_menu a {
  text-transform: none !important;
  letter-spacing: normal !important;
}


/* ===========================================
   PHASE 3: COLORS - Teal to Blue
   =========================================== */

/* Primary Color Replacement */
a {
  color: var(--fd-primary);
  transition: var(--fd-transition);
}

a:hover {
  color: var(--fd-primary-hover);
}

/* Selection Color */
::selection {
  background: var(--fd-primary-light);
  color: var(--fd-text-dark);
}

/* Accent elements - replace teal (#1abc9c) */
.highlight,
.qode-highlight,
[style*="color: #1abc9c"],
[style*="color:#1abc9c"],
[style*="background-color: #1abc9c"],
[style*="background-color:#1abc9c"],
[style*="background: #1abc9c"],
[style*="background:#1abc9c"] {
  color: var(--fd-primary) !important;
}

/* Icon colors */
.qode-icon-shortcode,
.q_font_awsome_icon,
.q_icon_with_title .qode_icon_element,
.fa {
  color: var(--fd-primary);
}

/* Border accents */
.qode-separator,
.separator,
hr {
  background-color: var(--fd-border) !important;
}


/* ===========================================
   PHASE 4: BUTTONS - Pill-shaped Google Style
   =========================================== */

/* Base Button Reset */
.qbutton,
.qode-btn,
.qode_call_to_action .qbutton,
input[type="submit"],
button[type="submit"],
.wpcf7-submit,
.wpb_button,
a.qbutton {
  font-family: var(--fd-font-display) !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  border-radius: var(--fd-radius-full) !important;
  padding: 14px 32px !important;
  transition: var(--fd-transition) !important;
  border: none !important;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  line-height: 1.4 !important;
}

/* Primary Button (Default/Filled) */
.qbutton,
.qbutton.default,
.qode-btn,
input[type="submit"],
button[type="submit"],
.wpcf7-submit {
  background-color: var(--fd-primary) !important;
  color: #ffffff !important;
  box-shadow: var(--fd-shadow-sm);
}

.qbutton:hover,
.qbutton.default:hover,
.qode-btn:hover,
input[type="submit"]:hover,
button[type="submit"]:hover,
.wpcf7-submit:hover {
  background-color: var(--fd-primary-hover) !important;
  color: #ffffff !important;
  box-shadow: var(--fd-shadow-md);
  transform: translateY(-1px);
}

.qbutton:active,
.qbutton.default:active {
  background-color: var(--fd-primary-active) !important;
  transform: translateY(0);
}

/* Secondary/Outline Button */
.qbutton.white,
.qbutton.outline,
.qode-btn-outline {
  background-color: #ffffff !important;
  color: var(--fd-primary) !important;
  border: 1px solid var(--fd-border) !important;
  box-shadow: none;
}

.qbutton.white:hover,
.qbutton.outline:hover,
.qode-btn-outline:hover {
  background-color: var(--fd-surface-variant) !important;
  border-color: var(--fd-primary) !important;
  color: var(--fd-primary-hover) !important;
}

/* Small Button Variant */
.qbutton.small,
.qode-btn-small {
  padding: 10px 24px !important;
  font-size: 13px !important;
}

/* Large Button Variant */
.qbutton.large,
.qode-btn-large {
  padding: 18px 40px !important;
  font-size: 16px !important;
}

/* Button with Icon */
.qbutton i,
.qode-btn i {
  font-size: 16px;
}


/* ===========================================
   PHASE 5: CARDS & CONTAINERS
   =========================================== */

/* Service/Portfolio Cards */
.qode-item-pl-holder,
.qode-pl-holder,
.portfolio_single_holder,
.qode-info-box,
.q_team,
.qode-pricing-table {
  background: var(--fd-surface) !important;
  border: 1px solid var(--fd-border-light) !important;
  border-radius: var(--fd-radius-xl) !important;
  box-shadow: var(--fd-shadow-sm);
  transition: var(--fd-transition);
  overflow: hidden;
}

.qode-item-pl-holder:hover,
.qode-pl-holder:hover,
.qode-info-box:hover {
  box-shadow: var(--fd-shadow-md);
  border-color: rgba(26, 115, 232, 0.2) !important;
  transform: translateY(-2px);
}

/* Icon With Title Boxes */
.q_icon_with_title {
  background: var(--fd-surface);
  border: 1px solid var(--fd-border-light);
  border-radius: var(--fd-radius-xl);
  padding: 32px;
  transition: var(--fd-transition);
}

.q_icon_with_title:hover {
  box-shadow: var(--fd-shadow-md);
  border-color: rgba(26, 115, 232, 0.15);
}

/* Icon Circle Styling */
.q_icon_with_title .icon_holder .fa_icon,
.q_icon_with_title .qode_icon_element {
  background: var(--fd-primary-light) !important;
  color: var(--fd-primary) !important;
  border-radius: var(--fd-radius-lg) !important;
}

/* Call to Action Boxes */
.qode_call_to_action {
  background: var(--fd-primary-light) !important;
  border-radius: var(--fd-radius-xl) !important;
  padding: 40px !important;
  border: none !important;
}

.qode_call_to_action .qode_call_to_action_text {
  color: var(--fd-text-dark) !important;
}

/* Testimonial Cards */
.qode-testimonials,
.q_testimonials {
  background: var(--fd-surface);
  border: 1px solid var(--fd-border-light);
  border-radius: var(--fd-radius-xl);
  padding: 32px;
}

/* Row/Section Backgrounds */
.vc_row[data-vc-full-width="true"],
.wpb_row {
  /* Subtle surface for alternating sections */
}

.vc_row.vc_custom_bg_gray,
.wpb_row.gray-bg {
  background-color: var(--fd-surface-variant) !important;
}


/* ===========================================
   PHASE 6: HEADER & NAVIGATION
   =========================================== */

/* Main Header */
header.page_header,
.header_inner,
.header-standard {
  background: rgba(255, 255, 255, 0.95) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--fd-border-light) !important;
  box-shadow: none !important;
}

/* Sticky Header */
header.sticky,
.header_inner.sticky {
  background: rgba(255, 255, 255, 0.98) !important;
  box-shadow: var(--fd-shadow-sm) !important;
}

/* Logo Text (if using text logo) */
.q_logo a,
.header_logo_text {
  font-family: var(--fd-font-display) !important;
  font-weight: 700;
}

/* Main Navigation Links */
.main_menu > ul > li > a,
nav.main_menu a {
  font-family: var(--fd-font-display) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: var(--fd-text-muted) !important;
  padding: 8px 16px !important;
  border-radius: var(--fd-radius-full);
  transition: var(--fd-transition);
}

.main_menu > ul > li > a:hover,
.main_menu > ul > li.current-menu-item > a,
.main_menu > ul > li.current-menu-ancestor > a {
  color: var(--fd-primary) !important;
  background: var(--fd-primary-light);
}

/* Dropdown Menus */
.main_menu ul li ul.sub_menu,
.second_level_menu {
  background: var(--fd-surface) !important;
  border: 1px solid var(--fd-border-light) !important;
  border-radius: var(--fd-radius-lg) !important;
  box-shadow: var(--fd-shadow-lg) !important;
  padding: 8px !important;
  margin-top: 8px !important;
}

.main_menu ul li ul.sub_menu li a,
.second_level_menu li a {
  padding: 10px 16px !important;
  border-radius: var(--fd-radius-md);
  color: var(--fd-text-dark) !important;
}

.main_menu ul li ul.sub_menu li a:hover {
  background: var(--fd-surface-variant) !important;
  color: var(--fd-primary) !important;
}

/* Top Bar (if present) */
.top_header,
.header_top_bar {
  background: var(--fd-surface-variant) !important;
  border-bottom: 1px solid var(--fd-border-light);
}

.top_header a,
.header_top_bar a {
  color: var(--fd-text-muted) !important;
}

.top_header a:hover,
.header_top_bar a:hover {
  color: var(--fd-primary) !important;
}

/* Phone Number in Header */
.header_inner .header_phone,
.top_header .header_phone {
  font-family: var(--fd-font-display) !important;
  font-weight: 600;
  color: var(--fd-primary) !important;
}

/* Mobile Menu */
.mobile_menu,
.qode-mobile-nav {
  background: var(--fd-surface) !important;
}

.mobile_menu a,
.qode-mobile-nav a {
  font-family: var(--fd-font-display) !important;
  color: var(--fd-text-dark) !important;
  border-color: var(--fd-border-light) !important;
}


/* ===========================================
   PHASE 7: FOOTER
   =========================================== */

/* Main Footer */
footer,
.footer_inner,
.qode-footer-area {
  background: #1a1f2e !important;
}

footer h4,
footer h5,
footer .widget-title,
.footer_inner .widget h4 {
  font-family: var(--fd-font-display) !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  margin-bottom: 20px !important;
  text-transform: none !important;
}

footer p,
footer li,
footer span,
.footer_inner p,
.footer_inner li {
  color: #9ca3af !important;
  font-size: 14px;
  line-height: 1.7;
}

footer a,
.footer_inner a {
  color: #9ca3af !important;
  transition: var(--fd-transition);
}

footer a:hover,
.footer_inner a:hover {
  color: var(--fd-primary) !important;
}

/* Footer Widgets */
footer .widget,
.footer_inner .widget {
  margin-bottom: 24px;
}

/* Footer Bottom Bar */
.footer_bottom,
.footer_bottom_holder,
.qode-copyright {
  background: #111827 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
  padding: 20px 0 !important;
}

.footer_bottom p,
.footer_bottom a,
.qode-copyright p {
  color: #6b7280 !important;
  font-size: 13px !important;
}

/* Social Icons in Footer */
footer .social_icon_holder a,
footer .qode-social-icons a {
  color: #9ca3af !important;
  font-size: 18px;
  margin-right: 16px;
  transition: var(--fd-transition);
}

footer .social_icon_holder a:hover,
footer .qode-social-icons a:hover {
  color: var(--fd-primary) !important;
  transform: translateY(-2px);
}


/* ===========================================
   PHASE 8: FORMS
   =========================================== */

/* Form Container */
.wpcf7,
.contact_form,
.gform_wrapper {
  font-family: var(--fd-font-body);
}

/* Input Fields */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea,
select,
.wpcf7-form-control,
.ginput_container input,
.ginput_container textarea {
  font-family: var(--fd-font-body) !important;
  font-size: 15px !important;
  color: var(--fd-text-dark) !important;
  background: var(--fd-surface) !important;
  border: 1px solid var(--fd-border) !important;
  border-radius: var(--fd-radius-md) !important;
  padding: 14px 16px !important;
  transition: var(--fd-transition);
  width: 100%;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
textarea:focus,
select:focus,
.wpcf7-form-control:focus {
  border-color: var(--fd-primary) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(26, 115, 232, 0.1) !important;
}

/* Placeholder Text */
input::placeholder,
textarea::placeholder {
  color: var(--fd-text-light) !important;
  opacity: 1;
}

/* Form Labels */
label,
.wpcf7-form label,
.gfield_label {
  font-family: var(--fd-font-display) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: var(--fd-text-dark) !important;
  margin-bottom: 8px !important;
  display: block;
}

/* Required Asterisk */
.wpcf7-form .required,
.gfield_required {
  color: var(--fd-error) !important;
}

/* Checkbox & Radio */
input[type="checkbox"],
input[type="radio"] {
  accent-color: var(--fd-primary);
  width: 18px;
  height: 18px;
}

/* Select Dropdown */
select {
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%235f6368' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 16px center;
  padding-right: 40px !important;
}

/* Form Validation */
.wpcf7-not-valid {
  border-color: var(--fd-error) !important;
}

.wpcf7-not-valid-tip {
  color: var(--fd-error) !important;
  font-size: 13px !important;
  margin-top: 4px;
}

.wpcf7-response-output {
  border-radius: var(--fd-radius-md) !important;
  padding: 16px !important;
  margin-top: 16px !important;
}

.wpcf7-mail-sent-ok {
  background: rgba(30, 142, 62, 0.1) !important;
  border-color: var(--fd-success) !important;
  color: var(--fd-success) !important;
}


/* ===========================================
   ADDITIONAL POLISH
   =========================================== */

/* Scroll to Top Button */
.scroll_to_top,
#back_to_top {
  background: var(--fd-primary) !important;
  border-radius: var(--fd-radius-full) !important;
  box-shadow: var(--fd-shadow-md);
}

.scroll_to_top:hover,
#back_to_top:hover {
  background: var(--fd-primary-hover) !important;
}

/* Loading Spinner */
.ajax_loader,
.qode-preloader {
  background: var(--fd-surface) !important;
}

/* Breadcrumbs */
.breadcrumbs,
.qode-breadcrumbs {
  font-family: var(--fd-font-body);
  font-size: 13px;
  color: var(--fd-text-muted);
}

.breadcrumbs a,
.qode-breadcrumbs a {
  color: var(--fd-primary);
}

/* Pagination */
.pagination,
.qode-pagination {
  gap: 8px;
}

.pagination a,
.pagination span,
.qode-pagination a,
.qode-pagination span {
  font-family: var(--fd-font-display) !important;
  border-radius: var(--fd-radius-full) !important;
  padding: 10px 16px !important;
  border: 1px solid var(--fd-border) !important;
  color: var(--fd-text-dark) !important;
  transition: var(--fd-transition);
}

.pagination a:hover,
.qode-pagination a:hover,
.pagination .current,
.qode-pagination .current {
  background: var(--fd-primary) !important;
  border-color: var(--fd-primary) !important;
  color: #ffffff !important;
}

/* Tables */
table {
  border-collapse: separate;
  border-spacing: 0;
  border-radius: var(--fd-radius-lg);
  overflow: hidden;
  border: 1px solid var(--fd-border);
}

th {
  background: var(--fd-surface-variant);
  font-family: var(--fd-font-display);
  font-weight: 600;
  color: var(--fd-text-dark);
  padding: 14px 16px;
  text-align: left;
}

td {
  padding: 14px 16px;
  border-top: 1px solid var(--fd-border-light);
}

/* Blockquotes */
blockquote {
  border-left: 4px solid var(--fd-primary);
  background: var(--fd-surface-variant);
  padding: 20px 24px;
  border-radius: 0 var(--fd-radius-md) var(--fd-radius-md) 0;
  font-style: italic;
  color: var(--fd-text-muted);
}


/* ===========================================
   RESPONSIVE ADJUSTMENTS
   =========================================== */

@media (max-width: 1024px) {
  h1, .h1 {
    font-size: 36px;
  }

  h2, .h2 {
    font-size: 28px;
  }

  h3, .h3 {
    font-size: 22px;
  }

  .qbutton,
  .qode-btn {
    padding: 12px 24px !important;
  }
}

@media (max-width: 768px) {
  h1, .h1 {
    font-size: 28px;
  }

  h2, .h2 {
    font-size: 24px;
  }

  h3, .h3 {
    font-size: 20px;
  }

  body, p {
    font-size: 15px;
  }

  .q_icon_with_title {
    padding: 24px;
  }

  .qode_call_to_action {
    padding: 24px !important;
  }

  /* Stack buttons on mobile */
  .qbutton,
  .qode-btn {
    width: 100%;
    text-align: center;
  }
}

@media (max-width: 480px) {
  h1, .h1 {
    font-size: 24px;
  }

  h2, .h2 {
    font-size: 20px;
  }

  .qbutton,
  .qode-btn {
    padding: 12px 20px !important;
    font-size: 14px !important;
  }
}


/* ===========================================
   UTILITY CLASSES (Optional)
   =========================================== */

/* Add these classes to elements via WPBakery if needed */
.fd-card {
  background: var(--fd-surface);
  border: 1px solid var(--fd-border-light);
  border-radius: var(--fd-radius-xl);
  padding: 32px;
  box-shadow: var(--fd-shadow-sm);
}

.fd-card-hover {
  transition: var(--fd-transition);
}

.fd-card-hover:hover {
  box-shadow: var(--fd-shadow-md);
  transform: translateY(-2px);
}

.fd-text-primary {
  color: var(--fd-primary) !important;
}

.fd-bg-primary {
  background-color: var(--fd-primary) !important;
}

.fd-bg-surface {
  background-color: var(--fd-surface-variant) !important;
}

.fd-rounded-lg {
  border-radius: var(--fd-radius-lg) !important;
}

.fd-rounded-xl {
  border-radius: var(--fd-radius-xl) !important;
}

.fd-shadow {
  box-shadow: var(--fd-shadow-sm) !important;
}

.fd-shadow-md {
  box-shadow: var(--fd-shadow-md) !important;
}
/* =============================================
   FLOOD DOCTOR - Bridge Theme Specific Overrides
   Strong specificity to override theme defaults
   ============================================= */

/* ===========================================
   GLOBAL COLOR REPLACEMENT: #1abc9c → #1a73e8
   =========================================== */

/* Replace ALL teal with blue - nuclear option */
[style*="#1abc9c"],
[style*="rgb(26, 188, 156)"] {
  color: #1a73e8 !important;
}

/* ===========================================
   NAVIGATION BUTTONS (Header)
   =========================================== */

/* Services button in nav */
.main_menu > ul > li > a,
.main_menu ul li a,
header .qbutton,
header a.qbutton,
nav .qbutton,
.header_inner .qbutton {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border-radius: 9999px !important;
}

/* Active/hover nav items */
.main_menu > ul > li.current-menu-item > a,
.main_menu > ul > li.current-menu-ancestor > a,
.main_menu > ul > li > a:hover,
.main_menu ul li.current-menu-item > a,
header .qbutton.current,
header .qbutton:hover {
  background: #1a73e8 !important;
  background-color: #1a73e8 !important;
  color: #ffffff !important;
  border-color: #1a73e8 !important;
}

/* ===========================================
   CTA BUTTONS - Main Overrides
   =========================================== */

/* All gradient buttons - FORCE blue */
.btn-grad-blue,
.btn-grad-blue:hover,
.btn-grad-blue:focus,
.btn-grad-blue:active,
a.btn-grad-blue,
.qbutton.btn-grad-blue {
  background: #1a73e8 !important;
  background-color: #1a73e8 !important;
  background-image: none !important;
  border-color: #1a73e8 !important;
  color: #ffffff !important;
  border-radius: 9999px !important;
}

.btn-grad-blue:hover {
  background: #1557b0 !important;
  background-color: #1557b0 !important;
}

/* Red/orange gradient buttons - make blue */
.btn-grad-red,
.btn-grad-red:hover,
.btn-grad-red:focus,
a.btn-grad-red,
.qbutton.btn-grad-red {
  background: #1a73e8 !important;
  background-color: #1a73e8 !important;
  background-image: none !important;
  border-color: #1a73e8 !important;
  color: #ffffff !important;
  border-radius: 9999px !important;
}

/* CTA rounded buttons */
.cta-button-rounded,
.cta-button-rounded:hover,
a.cta-button-rounded,
.qbutton.cta-button-rounded {
  background: #1a73e8 !important;
  background-color: #1a73e8 !important;
  background-image: none !important;
  border-color: #1a73e8 !important;
  color: #ffffff !important;
  border-radius: 9999px !important;
}

.cta-button-rounded:hover {
  background: #1557b0 !important;
  background-color: #1557b0 !important;
}

/* ===========================================
   ALL QBUTTON VARIANTS
   =========================================== */

.qbutton,
a.qbutton,
.qbutton.default,
.qbutton.white,
.qbutton.small,
.qbutton.medium,
.qbutton.large,
.qbutton.big_large,
.qbutton.big_large_full_width {
  background: #1a73e8 !important;
  background-color: #1a73e8 !important;
  background-image: none !important;
  border: none !important;
  border-radius: 9999px !important;
  color: #ffffff !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 500 !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  box-shadow: 0 1px 2px 0 rgba(60,64,67,0.3), 0 1px 3px 1px rgba(60,64,67,0.15);
  transition: all 0.2s ease !important;
}

.qbutton:hover,
a.qbutton:hover,
.qbutton.default:hover {
  background: #1557b0 !important;
  background-color: #1557b0 !important;
  color: #ffffff !important;
  box-shadow: 0 1px 3px 0 rgba(60,64,67,0.3), 0 4px 8px 3px rgba(60,64,67,0.15);
  transform: translateY(-1px);
}

/* ===========================================
   LINKS & TEXT ACCENTS
   =========================================== */

/* All links */
a {
  color: #1a73e8;
}

a:hover {
  color: #1557b0;
}

/* Accent text that was teal */
.highlight,
.accent-text,
[class*="text-accent"],
span[style*="color:#1abc9c"],
span[style*="color: #1abc9c"],
p[style*="color:#1abc9c"],
p[style*="color: #1abc9c"] {
  color: #1a73e8 !important;
}

/* ===========================================
   FORM SUBMIT BUTTONS
   =========================================== */

input[type="submit"],
button[type="submit"],
.wpcf7-submit,
.gform_button,
.gform_submit input,
#gform_submit_button,
.wpforms-submit {
  background: #1a73e8 !important;
  background-color: #1a73e8 !important;
  background-image: none !important;
  border: none !important;
  border-radius: 9999px !important;
  color: #ffffff !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 500 !important;
  padding: 14px 32px !important;
  cursor: pointer;
}

input[type="submit"]:hover,
button[type="submit"]:hover,
.wpcf7-submit:hover {
  background: #1557b0 !important;
  background-color: #1557b0 !important;
}

/* ===========================================
   WP BLOCK BUTTONS (Gutenberg)
   =========================================== */

.wp-block-button__link,
.wp-block-button .wp-block-button__link {
  background: #1a73e8 !important;
  background-color: #1a73e8 !important;
  border-radius: 9999px !important;
  color: #ffffff !important;
}

.wp-block-button__link:hover {
  background: #1557b0 !important;
  background-color: #1557b0 !important;
}

/* ===========================================
   ICON COLORS
   =========================================== */

.qode_icon_font_awesome,
.fa,
.qode-icon-shortcode i,
i.fa {
  color: #1a73e8 !important;
}

/* ===========================================
   SEPARATORS & BORDERS
   =========================================== */

.separator,
.qode-separator,
hr {
  background-color: #dadce0 !important;
  border-color: #dadce0 !important;
}

/* Border accents that were teal */
[style*="border-color:#1abc9c"],
[style*="border-color: #1abc9c"],
[style*="border: 1px solid #1abc9c"],
[style*="border: 2px solid #1abc9c"] {
  border-color: #1a73e8 !important;
}

/* ===========================================
   MOBILE STICKY BUTTON
   =========================================== */

.mobile-sticky-button,
.mobile-sticky-button a,
.mobile-sticky-button .qbutton {
  background: #1a73e8 !important;
  background-color: #1a73e8 !important;
  border-radius: 9999px !important;
}

/* ===========================================
   TYPOGRAPHY - Force new fonts
   =========================================== */

body,
p,
span,
div,
li,
td,
th {
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, sans-serif !important;
}

h1, h2, h3, h4, h5, h6,
.qode-title,
.wpb_heading,
[class*="title"],
[class*="heading"] {
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif !important;
  text-transform: none !important;
  letter-spacing: -0.01em !important;
}

/* ===========================================
   SPECIAL: Orange/Yellow accent text
   (Keep for emphasis but could change)
   =========================================== */

/* If you want to change the orange "WHEN" and "FLOOD DOCTOR IS ON CALL" to blue: */
/*
[style*="color:#e67e22"],
[style*="color: #e67e22"],
[style*="color:#f39c12"],
[style*="color: #f39c12"] {
  color: #1a73e8 !important;
}
*/

/* ===========================================
   FOOTER UPDATES
   =========================================== */

footer a:hover,
.footer_inner a:hover {
  color: #1a73e8 !important;
}

footer .social_icon_holder a:hover,
footer .qode-social-icons a:hover {
  color: #1a73e8 !important;
}

/* ===========================================
   BACK TO TOP BUTTON
   =========================================== */

.scroll_to_top,
#back_to_top,
.back_to_top {
  background: #1a73e8 !important;
  background-color: #1a73e8 !important;
  border-radius: 9999px !important;
}

.scroll_to_top:hover,
#back_to_top:hover {
  background: #1557b0 !important;
  background-color: #1557b0 !important;
}