/*
Theme Name:  Texas Best Pressure Washing Child
Theme URI:   https://texasbestpressurewashing.com
Description: Divi 4 Child Theme for Texas Best Pressure Washing — Full Theme Package with 4 importable page layouts (Home, Services, About, Contact). Compatible with Divi 4 and Divi 5 backward compatibility.
Author:      Texas Best Pressure Washing
Author URI:  https://texasbestpressurewashing.com
Version:     1.0.0
Template:    Divi
Tags:        pressure-washing, texas, dfw, local-business, divi-child
*/

/* ============================================================
   BRAND COLORS
   Primary Blue  : #003B73
   Accent Orange : #F26522
   Light Gray    : #F4F6F9
   Dark Text     : #1A1A1A
   ============================================================ */

/* ----- Global Body & Typography ----- */
body {
  font-family: 'Open Sans', sans-serif;
  color: #1A1A1A;
  background-color: #ffffff;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  color: #003B73;
}

a {
  color: #F26522;
  text-decoration: none;
  transition: color 0.2s ease;
}

a:hover {
  color: #003B73;
}

/* ----- Top Bar & Header ----- */
#top-header {
  background-color: #003B73 !important;
  color: #ffffff !important;
}

#main-header {
  background-color: #ffffff !important;
  border-bottom: 3px solid #F26522 !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;
}

#main-header .et-menu-nav > ul > li > a {
  color: #003B73 !important;
  font-weight: 600 !important;
  letter-spacing: 0.03em;
}

#main-header .et-menu-nav > ul > li > a:hover {
  color: #F26522 !important;
}

/* Sticky Header */
.et-fixed-header#main-header {
  background-color: #003B73 !important;
}

.et-fixed-header .et-menu-nav > ul > li > a {
  color: #ffffff !important;
}

.et-fixed-header .et-menu-nav > ul > li > a:hover {
  color: #F26522 !important;
}

#logo { max-height: 70px !important; }

/* ----- Primary Buttons ----- */
.et_pb_button, a.et_pb_button {
  background-color: #F26522 !important;
  color: #ffffff !important;
  border: 2px solid #F26522 !important;
  border-radius: 4px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  padding: 14px 30px !important;
  transition: background 0.2s ease, color 0.2s ease !important;
}

.et_pb_button:hover, a.et_pb_button:hover {
  background-color: #003B73 !important;
  border-color: #003B73 !important;
  color: #ffffff !important;
}

/* ----- Service Card Hover ----- */
.et_pb_blurb_container {
  transition: box-shadow 0.2s ease, transform 0.2s ease !important;
}

.et_pb_blurb_container:hover {
  box-shadow: 0 8px 24px rgba(0,59,115,0.12) !important;
  transform: translateY(-3px) !important;
}

/* ----- Testimonials ----- */
blockquote,
.et_pb_testimonial_description {
  border-left: 4px solid #F26522 !important;
  padding-left: 16px !important;
  font-style: italic !important;
  color: #555 !important;
}

/* ----- Contact Form Inputs ----- */
.et_pb_contact_form_container input[type="text"],
.et_pb_contact_form_container input[type="email"],
.et_pb_contact_form_container input[type="tel"],
.et_pb_contact_form_container textarea,
.et_pb_contact_form_container select {
  border: 1px solid #d1d5db !important;
  border-radius: 6px !important;
  padding: 12px 14px !important;
  font-size: 14px !important;
}

.et_pb_contact_form_container input:focus,
.et_pb_contact_form_container textarea:focus {
  border-color: #003B73 !important;
  outline: none !important;
}

/* ----- Footer ----- */
#footer-widgets {
  background-color: #003B73 !important;
  color: #ffffff !important;
}

#footer-widgets h4 {
  color: #F26522 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  font-size: 13px !important;
}

#footer-widgets a { color: rgba(255,255,255,0.8) !important; }
#footer-widgets a:hover { color: #F26522 !important; }

#main-footer {
  background-color: #001E3C !important;
  color: rgba(255,255,255,0.65) !important;
  font-size: 13px !important;
}

#main-footer a { color: #F26522 !important; }

/* ----- Responsive ----- */
@media (max-width: 768px) {
  h1 { font-size: 28px !important; }
  h2 { font-size: 22px !important; }
  .et_pb_button { padding: 12px 22px !important; }
  #logo { max-height: 50px !important; }
}