/*
Theme Name: Black Mold Inspection
Theme URI: https://blackmoldinspecting.com
Author: Black Mold Inspection
Description: Custom clinical-clean theme for Black Mold Inspection — professional mold inspection, testing, and indoor air quality services in Macomb County & Metro Detroit. Server-rendered for SEO, compiled Tailwind, button-only contact for anti-scraping.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.9
Requires PHP: 7.4
Text Domain: blackmold
*/

/* ---- Custom layer (loads AFTER compiled Tailwind so it wins) ---- */

.material-symbols-outlined {
  font-family: "Material Symbols Outlined";
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}
.material-symbols-outlined.fill { font-variation-settings: "FILL" 1; }

.glass-card {
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.3);
}
.elevation-soft { box-shadow: 0 8px 30px rgba(0, 0, 0, 0.04); }
.clinical-shadow { box-shadow: 0 8px 30px rgba(0, 0, 0, 0.04); }
.glass-header { backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }

html { scroll-behavior: smooth; }

/* Primary nav dropdowns */
.nav-group > .nav-panel { opacity: 0; visibility: hidden; transform: translateY(6px); transition: all .18s ease; }
.nav-group:hover > .nav-panel, .nav-group:focus-within > .nav-panel { opacity: 1; visibility: visible; transform: translateY(0); }

/* Mobile menu */
#bm-mobile-menu { max-height: 0; overflow: hidden; transition: max-height .3s ease; }
#bm-mobile-menu.open { max-height: 90vh; overflow-y: auto; }

/* Article / page prose (educational + generic pages) */
.article-content { color: #424937; }
.article-content > *:first-child { margin-top: 0; }
.article-content h2 { font-size: 32px; line-height: 40px; font-weight: 600; letter-spacing: -0.01em; color: #1c1b1b; margin: 2.5rem 0 1rem; }
.article-content h3 { font-size: 24px; line-height: 32px; font-weight: 600; color: #1c1b1b; margin: 2rem 0 .75rem; }
.article-content h4 { font-size: 18px; font-weight: 700; color: #1c1b1b; margin: 1.5rem 0 .5rem; }
.article-content p { font-size: 18px; line-height: 28px; color: #424937; margin-bottom: 1.25rem; }
.article-content ul, .article-content ol { margin: 0 0 1.25rem 1.5rem; }
.article-content ul { list-style: disc; }
.article-content ol { list-style: decimal; }
.article-content li { font-size: 18px; line-height: 28px; color: #424937; margin-bottom: .5rem; padding-left: .25rem; }
.article-content a { color: #446900; text-decoration: underline; }
.article-content a:hover { color: #294100; }
.article-content strong { color: #1c1b1b; font-weight: 700; }
.article-content blockquote { border-left: 4px solid #446900; background: #f6f3f2; padding: 1.25rem 1.5rem; border-radius: 0 .75rem .75rem 0; margin: 1.5rem 0; font-style: italic; }
.article-content img { border-radius: 1rem; margin: 1.5rem 0; box-shadow: 0 8px 30px rgba(0,0,0,0.04); }
.article-content h2:first-child { margin-top: 0; }

/* WP core alignment helpers */
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; margin: 0 0 1rem 1.5rem; }
.alignleft { float: left; margin: 0 1.5rem 1rem 0; }