/*
Theme Name: Savannah River Mold
Theme URI: https://savannahrivermold.com
Author: Savannah River Mold
Description: Professional mold remediation services in Augusta and the CSRA.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.7
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: savannah-river-mold
*/

/* === Footer margin reset === */
.wp-site-blocks > footer {
  margin-block-start: 0;
}

.wp-site-blocks > footer .wp-block-columns {
  padding-top: 1rem;
}

/* === Section spacing reset === */
.wp-site-blocks > .alignfull + .alignfull {
  margin-block-start: 0;
}

/* === Hero Section === */
.srm-hero-section {
  background: linear-gradient(135deg, #0a0f1e 0%, #0f1f4e 40%, #03361d 100%);
  position: relative;
  overflow: hidden;
}

.srm-hero-section::before {
  content: "";
  position: absolute;
  top: -5rem;
  left: -8rem;
  width: 25rem;
  height: 25rem;
  background: radial-gradient(circle, rgba(3, 92, 50, 0.35) 0%, transparent 70%);
  pointer-events: none;
}

.srm-hero-section::after {
  content: "";
  position: absolute;
  top: -3rem;
  right: -5rem;
  width: 30rem;
  height: 30rem;
  background: radial-gradient(circle, rgba(14, 160, 213, 0.2) 0%, transparent 70%);
  pointer-events: none;
}

/* === Service Badge === */
.srm-badge {
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 2rem;
  padding: 0.5rem 1.25rem;
  display: inline-flex;
}

/* === Stat Cards === */
.srm-stat-card {
  background: rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 1.5rem;
  padding: 1rem;
}

/* === Hero Card === */
.srm-hero-card {
  border-radius: 2rem;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
}

.srm-hero-card-inner {
  background: var(--wp--preset--color--surface);
  border-radius: 1.5rem;
  padding: 1.5rem;
}

/* === Process Mini-Step === */
.srm-mini-step {
  border-radius: 1.5rem;
  padding: 1.25rem 1.5rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
  transition: box-shadow 0.2s ease;
}
.srm-mini-step:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

/* === Licensed Badge === */
.srm-licensed-badge {
  background: var(--wp--preset--color--surface);
  border-radius: 1rem;
  padding: 0.5rem 0.75rem;
}

/* === Section Label === */
.srm-section-label {
  text-transform: uppercase;
  letter-spacing: 0.2em;
  font-weight: 600;
}

/* === Service Cards === */
.srm-service-card {
  border: 1px solid #e2e8f0;
  border-radius: 2rem;
  padding: 2rem 1.5rem;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.srm-service-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.08);
}

/* === Equal Cards === */
.equal-cards > .wp-block-column {
  display: flex;
  flex-direction: column;
  flex-grow: 0;
}
.equal-cards > .wp-block-column > .wp-block-group {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

/* === Feature Cards (Why Us) === */
.srm-feature-card {
  border: 1px solid #e2e8f0;
  border-radius: 1.5rem;
  padding: 1.25rem 1.5rem;
}

/* === Process Step Number === */
.srm-step-number {
  background: var(--wp--preset--color--secondary);
  color: var(--wp--preset--color--light);
  border-radius: 1rem;
  width: 3rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 1.1rem;
}

/* === Process Card === */
.srm-process-card {
  border: 1px solid #e2e8f0;
  border-radius: 2rem;
  padding: 2rem 1.5rem;
}

/* === Service Areas Section === */
.srm-areas-section {
  background: linear-gradient(135deg, #035c32 0%, #024a28 60%, #0f1f4e 100%);
}

.srm-area-card {
  background: rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 1.5rem;
  padding: 1.25rem 1rem;
  text-align: center;
  white-space: nowrap;
  transition: background 0.2s ease, transform 0.2s ease;
}

.srm-area-card p {
  font-size: 0.95rem !important;
}
.srm-area-card:hover {
  background: rgba(255, 255, 255, 0.15);
  transform: translateY(-2px);
}

/* === Contact Form === */
.srm-contact-card {
  border: 1px solid #e2e8f0;
  border-radius: 2rem;
  padding: 2rem;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
}

/* === Forminator Form Styling === */
.forminator-button.forminator-button-submit {
  background-color: var(--wp--preset--color--primary) !important;
  color: var(--wp--preset--color--light) !important;
  border: none !important;
  border-radius: 1.5rem !important;
  font-family: var(--wp--preset--font-family--body) !important;
  font-weight: 600 !important;
  font-size: 1rem !important;
  padding: 0.75rem 2rem !important;
  cursor: pointer;
  box-shadow: 0 8px 24px rgba(3, 92, 50, 0.3);
  transition: background-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease !important;
}
.forminator-button.forminator-button-submit:hover {
  background-color: #024a28 !important;
  transform: translateY(-1px);
  box-shadow: 0 12px 32px rgba(3, 92, 50, 0.4);
}

/* === CTA Buttons === */
.srm-cta-primary .wp-block-button__link {
  box-shadow: 0 8px 24px rgba(3, 92, 50, 0.3);
  transition: background-color 0.2s ease, transform 0.2s ease;
}
.srm-cta-primary .wp-block-button__link:hover {
  background-color: #024a28 !important;
  transform: translateY(-1px);
}

.srm-cta-outline .wp-block-button__link {
  background: transparent !important;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
  color: #ffffff !important;
  transition: background-color 0.2s ease;
}
.srm-cta-outline .wp-block-button__link:hover {
  background: rgba(255, 255, 255, 0.1) !important;
}

/* === Blog Post Cards === */
.hover-lift {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.hover-lift:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15);
}

/* === Footer Headings === */
.srm-footer-list + .srm-section-label,
footer .srm-section-label {
  margin-top: 0;
}

/* === Footer Lists === */
.srm-footer-list {
  list-style: none;
  padding-left: 0;
}
.srm-footer-list li {
  list-style: none;
}

/* === Animation === */
.animate-on-scroll {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}
.animate-on-scroll.is-visible {
  opacity: 1;
  transform: translateY(0);
}

/* === Editor: keep animated content visible while editing === */
.editor-styles-wrapper .animate-on-scroll {
  opacity: 1 !important;
  transform: none !important;
  animation: none !important;
  transition: none !important;
}

/* === Reduced Motion === */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
  .animate-on-scroll {
    opacity: 1 !important;
    transform: none !important;
  }
}

/* === Responsive === */
@media (max-width: 782px) {
  .srm-hero-section {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .wp-site-blocks .alignfull {
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
  }

  .srm-area-card {
    white-space: normal;
    padding: 1rem 0.75rem;
  }

  .srm-area-card p {
    font-size: 0.85rem !important;
  }
}