/* Monster Trax Studio — Brand CSS */
:root {
  --mts-accent:  #D85A30;
  --mts-amber:   #EF9F27;
  --mts-bg:      #F8F7F4;
  --mts-dark:    #2C2C2A;
  --mts-muted:   #888780;
}
body {
  background-color: #F8F7F4;
  color: #2C2C2A;
  font-size: 16px;
}
h1, h2, h3, h4, h5, h6 { color: #2C2C2A; }
a { color: #D85A30; }
a:hover { color: #EF9F27; }

/* Buttons */
.wp-block-button__link {
  background-color: #D85A30 !important;
  color: #fff !important;
  border-radius: 4px;
  transition: background-color 0.2s ease;
}
.wp-block-button__link:hover {
  background-color: #EF9F27 !important;
}
.wp-block-button.is-style-outline .wp-block-button__link {
  background: transparent !important;
  color: #D85A30 !important;
  border: 2px solid #D85A30 !important;
}
.wp-block-button.is-style-outline .wp-block-button__link:hover {
  background: #D85A30 !important;
  color: #fff !important;
}

/* Get a Quote nav item styled as CTA */
.primary-menu > li:last-child > a {
  background-color: #D85A30;
  color: #fff !important;
  padding: 8px 20px;
  border-radius: 4px;
}
.primary-menu > li:last-child > a:hover {
  background-color: #EF9F27;
}

/* Header */
.site-header { border-bottom: 1px solid #e5e4e1; }

/* Blockquotes */
blockquote {
  border-left: 4px solid #D85A30;
  padding-left: 1.5rem;
  font-style: italic;
  color: #2C2C2A;
}

/* Tables */
table thead tr th {
  background-color: #D85A30;
  color: #fff;
}
table tbody tr:nth-child(even) { background-color: #f0efec; }

/* Service cards on homepage */
.wp-block-column { padding: 1.5rem; border: 1px solid #e5e4e1; border-radius: 8px; }

/* Services page color lock (restored brand colors) */
.page-id-6 .wp-block-button.is-style-outline .wp-block-button__link {
  color: #D85A30 !important;
  border-color: #D85A30 !important;
  background: transparent !important;
}
.page-id-6 .wp-block-button.is-style-outline .wp-block-button__link:hover {
  background: #D85A30 !important;
  color: #fff !important;
}
.page-id-6 .wp-block-button:not(.is-style-outline) .wp-block-button__link {
  background: #D85A30 !important;
  color: #fff !important;
}
.page-id-6 .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover {
  background: #EF9F27 !important;
}
.page-id-6 .wp-block-heading {
  color: #2C2C2A !important;
}

/* Header CTA fix: Get a Quote in current Kadence menu markup */
#primary-menu > li:last-child > a,
#primary-menu > li > a[href*="/get-a-quote/"] {
  background-color: #D85A30 !important;
  color: #fff !important;
  padding: 8px 20px !important;
  border-radius: 4px !important;
}
#primary-menu > li:last-child > a:hover,
#primary-menu > li > a[href*="/get-a-quote/"]:hover {
  background-color: #EF9F27 !important;
  color: #fff !important;
}

/* Services buttons: remove white, force solid brand orange */
.page-id-6 .wp-block-button.is-style-outline .wp-block-button__link {
  background: #D85A30 !important;
  color: #fff !important;
  border-color: #D85A30 !important;
}
.page-id-6 .wp-block-button.is-style-outline .wp-block-button__link:hover {
  background: #EF9F27 !important;
  color: #fff !important;
  border-color: #EF9F27 !important;
}

/* Footer restore: use custom footer only */
#colophon.site-footer {
  display: none !important;
}
.mts-custom-footer {
  background: #2C2C2A;
  color: #F8F7F4;
  margin-top: 64px;
  padding: 48px 0 20px;
}
.mts-footer-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
}
.mts-footer-cols {
  display: grid;
  grid-template-columns: 1.3fr 1fr 1fr;
  gap: 32px;
}
.mts-footer-brand,
.mts-footer-heading {
  font-weight: 700;
  margin-bottom: 12px;
  color: #ffffff;
}
.mts-custom-footer a {
  color: #EF9F27;
  text-decoration: none;
}
.mts-custom-footer a:hover {
  color: #D85A30;
}
.mts-footer-col ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.mts-footer-col li {
  margin-bottom: 8px;
}
.mts-footer-bottom {
  border-top: 1px solid rgba(255,255,255,0.15);
  margin-top: 28px;
  padding-top: 14px;
  display: flex;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}
.mts-footer-social a {
  margin-left: 12px;
}
@media (max-width: 900px) {
  .mts-footer-cols {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .mts-footer-bottom {
    flex-direction: column;
  }
  .mts-footer-social a {
    margin-left: 0;
    margin-right: 12px;
  }
}

/* ===== FINAL FIX BLOCK: portfolio alignment + services palette ===== */
/* Portfolio video alignment */
.page-id-13 .mts-videos-grid > div > p {
  min-height: 3.2em;
  margin-bottom: 0.6rem !important;
}

/* Services consistent colours */
.page-id-6,
.page-id-6 .content-bg,
.page-id-6 .entry-content-wrap {
  background: #F8F7F4 !important;
}
.page-id-6 .wp-block-column {
  background: #ffffff;
  border: 1px solid #e5e4e1;
  border-radius: 8px;
}
.page-id-6 .wp-block-button .wp-block-button__link,
.page-id-6 .wp-block-button.is-style-outline .wp-block-button__link {
  background: transparent !important;
  color: #D85A30 !important;
  border: 2px solid #D85A30 !important;
}
.page-id-6 .wp-block-button .wp-block-button__link:hover,
.page-id-6 .wp-block-button.is-style-outline .wp-block-button__link:hover {
  background: #D85A30 !important;
  color: #ffffff !important;
  border-color: #D85A30 !important;
}
.page-id-6 .wp-block-heading,
.page-id-6 p,
.page-id-6 strong {
  color: #2C2C2A !important;
}


/* Quote form dropdowns: prevent white-on-white option text */
.wpforms-container .wpforms-field-select select,
.wpforms-container .wpforms-field-select select option {
  background: #ffffff !important;
  color: #2C2C2A !important;
}


/* Services dropdown: light panel, orange highlight row */
#primary-menu li.menu-item-has-children > ul.sub-menu {
  background: #F8F7F4 !important;
  border: 1px solid #e5e4e1 !important;
}
#primary-menu li.menu-item-has-children > ul.sub-menu > li {
  background: #F8F7F4 !important;
  color: #2C2C2A !important;
}
#primary-menu li.menu-item-has-children > ul.sub-menu > li > a {
  background: transparent !important;
  color: #2C2C2A !important;
}
#primary-menu li.menu-item-has-children > ul.sub-menu > li:is(:hover, :focus-within, .current-menu-item, .current_page_item) {
  background: #D85A30 !important;
  color: #ffffff !important;
}
#primary-menu li.menu-item-has-children > ul.sub-menu > li:is(:hover, :focus-within, .current-menu-item, .current_page_item) > a,
#primary-menu li.menu-item-has-children > ul.sub-menu > li:is(:hover, :focus-within, .current-menu-item, .current_page_item) > a:visited {
  background: transparent !important;
  color: #ffffff !important;
}

/* Force white text on active Services dropdown row */
#primary-menu li.menu-item-has-children > ul.sub-menu > li:is(:hover, :focus-within, .current-menu-item, .current_page_item) a,
#primary-menu li.menu-item-has-children > ul.sub-menu > li:is(:hover, :focus-within, .current-menu-item, .current_page_item) a:link,
#primary-menu li.menu-item-has-children > ul.sub-menu > li:is(:hover, :focus-within, .current-menu-item, .current_page_item) a:visited,
#primary-menu li.menu-item-has-children > ul.sub-menu > li:is(:hover, :focus-within, .current-menu-item, .current_page_item) a span {
  color: #ffffff !important;
}

/* Header/Nav QA fix 2026-03-27: restore clear current/hover states without affecting CTA */
#primary-menu > li > a:not([href*="/get-a-quote/"]) {
  color: #2C2C2A !important;
  background: transparent !important;
}
#primary-menu > li > a:not([href*="/get-a-quote/"]):hover,
#primary-menu > li:hover > a:not([href*="/get-a-quote/"]),
#primary-menu > li.current-menu-item > a:not([href*="/get-a-quote/"]),
#primary-menu > li.current_page_item > a:not([href*="/get-a-quote/"]),
#primary-menu > li.current-menu-ancestor > a:not([href*="/get-a-quote/"]),
#primary-menu > li.current_page_parent > a:not([href*="/get-a-quote/"]),
#primary-menu > li.current_page_ancestor > a:not([href*="/get-a-quote/"]) {
  color: #D85A30 !important;
  background: transparent !important;
}

/* Services submenu: keep light panel and make hover/current row clearly visible */
#primary-menu li.menu-item-has-children ul.sub-menu {
  background: #F8F7F4 !important;
  border: 1px solid #e5e4e1 !important;
}
#primary-menu li.menu-item-has-children ul.sub-menu li {
  background: transparent !important;
}
#primary-menu li.menu-item-has-children ul.sub-menu li > a {
  background: transparent !important;
  color: #2C2C2A !important;
}
#primary-menu li.menu-item-has-children ul.sub-menu li:hover,
#primary-menu li.menu-item-has-children ul.sub-menu li:focus-within,
#primary-menu li.menu-item-has-children ul.sub-menu li.current-menu-item,
#primary-menu li.menu-item-has-children ul.sub-menu li.current_page_item {
  background: #D85A30 !important;
}
#primary-menu li.menu-item-has-children ul.sub-menu li:hover > a,
#primary-menu li.menu-item-has-children ul.sub-menu li:focus-within > a,
#primary-menu li.menu-item-has-children ul.sub-menu li.current-menu-item > a,
#primary-menu li.menu-item-has-children ul.sub-menu li.current_page_item > a {
  color: #ffffff !important;
}

/* Mobile menu: show current path in brand orange, keep rest unchanged/readable */
#mobile-menu > li.current-menu-item > a,
#mobile-menu > li.current_page_item > a,
#mobile-menu > li.current-menu-ancestor > a,
#mobile-menu > li.current-menu-parent > a,
#mobile-menu > li.current_page_parent > a,
#mobile-menu > li.current_page_ancestor > a,
#mobile-menu > li.current-menu-item > .drawer-nav-drop-wrap > a,
#mobile-menu > li.current_page_item > .drawer-nav-drop-wrap > a,
#mobile-menu > li.current-menu-ancestor > .drawer-nav-drop-wrap > a,
#mobile-menu > li.current-menu-parent > .drawer-nav-drop-wrap > a,
#mobile-menu > li.current_page_parent > .drawer-nav-drop-wrap > a,
#mobile-menu > li.current_page_ancestor > .drawer-nav-drop-wrap > a {
  color: #D85A30 !important;
}
#mobile-menu li ul.sub-menu > li.current-menu-item > a,
#mobile-menu li ul.sub-menu > li.current_page_item > a {
  color: #D85A30 !important;
}