/*
Theme Name: Chattanooga Emergency Septic Pros
Theme URI: https://chattanoogasepticemergency.com
Author: Chattanooga Emergency Septic Pros
Author URI: https://chattanoogasepticemergency.com
Description: Classic WordPress theme for Chattanooga Emergency Septic Pros — emergency septic repair, sewage backup, and drain field lead-gen site for GHL WordPress. Adapted from Sioux Falls / Fort Wayne Emergency Tree Pros structure.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: chattanooga-emergency-septic
Tags: custom-menu, featured-images, full-width-template
*/


@import url('https://api.fontshare.com/v2/css?f[]=clash-display@700&f[]=satoshi@400,500,700&display=swap');

:root {
  --color-bg: #F4F2EE;
  --color-ink: #111111;
  --color-muted: #5C5A57;
  --color-forest: #1B4332;
  --color-forest-deep: #081C15;
  --color-safety: #E85D04;
  --color-safety-hover: #C2410C;
  --color-snow: #FFFFFF;
  --color-line: rgba(30, 30, 30, 0.1);
  --color-success: #2D6A4F;
}

body {
  font-family: 'Satoshi', sans-serif;
  background-color: var(--color-bg);
  color: var(--color-ink);
}

h1, h2, h3, .font-display {
  font-family: 'Clash Display', sans-serif;
  font-weight: 700;
  letter-spacing: -0.03em;
}

.text-forest { color: var(--color-forest); }
.text-safety { color: var(--color-safety); }
.text-muted { color: var(--color-muted); }
.bg-forest { background-color: var(--color-forest); }
.bg-safety { background-color: var(--color-safety); }
.hover\:bg-safety-hover:hover { background-color: var(--color-safety-hover); }
.hover\:text-safety:hover { color: var(--color-safety); }
.border-line { border-color: var(--color-line); }
.bg-safety\/20 { background-color: rgba(232, 93, 4, 0.2); }
.border-safety\/30 { border-color: rgba(232, 93, 4, 0.3); }

.cta-button-shadow {
  box-shadow: 0 10px 15px -3px rgba(232, 93, 4, 0.3);
}
.cta-button-shadow:hover {
  box-shadow: 0 20px 25px -5px rgba(232, 93, 4, 0.4);
}

.glass-nav {
  background-color: var(--color-snow);
  border-bottom: 1px solid var(--color-line);
}

.hero-gradient {
  background: linear-gradient(to right, rgba(17, 17, 17, 0.9) 0%, rgba(17, 17, 17, 0.4) 60%, rgba(17, 17, 17, 0.2) 100%);
}

.masonry-item img {
  filter: grayscale(100%);
  transition: filter 0.3s ease;
}
.masonry-item:hover img {
  filter: grayscale(0%);
}

details > summary::-webkit-details-marker {
  display: none;
}

.sf-mobile-bar {
  display: none;
}
@media (max-width: 767px) {
  .sf-mobile-bar {
    display: flex;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 60;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    background: #081C15;
    border-top: 1px solid rgba(255,255,255,0.1);
  }
  body {
    padding-bottom: 4.5rem;
  }
}