/*
Theme Name: Tough Touch Divi Native
Theme URI: https://toughtouchcleaning.com/
Description: Divi-native child theme for Tough Touch Cleaning Services LLC.
Author: Eastmoor Digital
Template: Divi
Version: 1.0.0
Text Domain: tough-touch
*/

@import url("../tough-touch-divi-child/style.css");

/* Divi-native layout adapters. The preserved visual system remains in the
   1.0 child stylesheet while page structure is owned by named Divi modules. */
.et_pb_row.tt-native-shell {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
}

.tt-native-shell > .et_pb_column {
  width: 100% !important;
  margin: 0 !important;
}

.tt-native-scene-content.et_pb_text {
  margin: 0 !important;
}

.et_pb_row.tt-container,
.et_pb_row.tt-narrow {
  padding: 0;
}

.tt-grid > .et_pb_column,
.tt-services > .et_pb_column,
.tt-steps > .et_pb_column,
.tt-band__items > .et_pb_column,
.tt-gallery > .et_pb_column {
  width: auto !important;
  margin: 0 !important;
}

.tt-copy.et_pb_text > .et_pb_text_inner > * + * {
  margin-top: 24px;
}

.et_pb_text_inner > :last-child {
  margin-bottom: 0;
}

.et_pb_section.tt-section,
.et_pb_section.tt-hero,
.et_pb_section.tt-page-hero,
.et_pb_section.tt-band {
  margin: 0;
}

.tt-native-image,
.tt-native-image .et_pb_image_wrap {
  display: block;
  width: 100%;
}

.tt-media.et_pb_image,
.tt-hero__media .et_pb_image {
  margin-bottom: 0;
}

.tt-service .et_pb_text_inner {
  min-height: 264px;
  display: flex;
  flex-direction: column;
}

.tt-service .et_pb_text_inner .tt-link {
  margin-top: auto;
  padding-top: 24px;
}

.tt-list__item.et_pb_text {
  margin-bottom: 0;
}

/* WordPress can insert an empty paragraph after inline SVG markup inside a
   Divi Text module. Hide only that parser artifact so the list copy remains
   in the intended second grid column. */
.tt-list__item > p:empty {
  display: none;
}

.tt-page-hero .tt-eyebrow {
  color: var(--tt-cream);
}

@media (max-width: 767px) {
  .tt-header {
    position: relative;
  }
}


.tt-menu > li:last-child > a {
  min-height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 13px 24px;
  border-radius: var(--tt-pill);
  background: var(--tt-teal);
  color: var(--tt-white);
  text-decoration: none;
}

.tt-menu > li:last-child > a:hover,
.tt-menu > li:last-child.current-menu-item > a {
  color: var(--tt-white);
  text-decoration: none;
  background: #031f25;
}

@media (max-width: 980px) {
  .tt-menu > li:last-child > a {
    justify-content: center;
  }
}