/*
Theme Name: Compass Consulting Group
Theme URI: https://compassfinancialgroup.co
Author: Compass Consulting Group
Description: Custom theme for Compass Consulting Group, LLC — life insurance, estate planning, and business tax strategy. Faithful rebuild of the approved design with editable home, services, and articles. No paid plugins required.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: compass
*/

/* Most styling is delivered via Tailwind (loaded in header.php) to match the
   approved design exactly. The rules below are small global fallbacks plus
   the original layout guards from the design export. */

html { scroll-behavior: smooth; }
body { font-family: 'Inter', sans-serif; color: #1A2238; background: #FAFAF7; margin: 0; }
h1, h2, h3, h4, h5, h6 { font-family: 'Libre Baskerville', serif; }

.animate-on-scroll { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; }
.animate-on-scroll.visible { opacity: 1; transform: translateY(0); }

/* Layout guard: force top-level sections to stack vertically */
body > header, body > section, body > footer, body > nav,
#lp-root > header, #lp-root > section, #lp-root > footer, #lp-root > nav {
  display: block;
  width: 100%;
  float: none;
}
#lp-root { display: flex; flex-direction: column; width: 100%; overflow-x: hidden; }

/* WordPress core helper classes */
.screen-reader-text {
  border: 0; clip: rect(1px,1px,1px,1px); clip-path: inset(50%);
  height: 1px; width: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute;
}
.skip-link { position: absolute; left: -9999px; }
.skip-link:focus { left: 1rem; top: 1rem; background: #fff; padding: .5rem 1rem; z-index: 100; }

/* Editor-rendered content (articles & service pages) gets readable defaults */
.compass-content p { margin: 0 0 1.25rem; line-height: 1.8; color: rgba(26,34,56,.8); }
.compass-content h2 { font-size: 1.875rem; margin: 2rem 0 1rem; color: #0B2545; }
.compass-content h3 { font-size: 1.4rem; margin: 1.75rem 0 .75rem; color: #0B2545; }
.compass-content ul, .compass-content ol { margin: 0 0 1.25rem 1.5rem; line-height: 1.8; }
.compass-content li { margin-bottom: .5rem; }
.compass-content img { max-width: 100%; height: auto; border-radius: 1rem; margin: 1.5rem 0; }
.compass-content a { color: #0B2545; text-decoration: underline; }
.compass-content blockquote {
  border-left: 4px solid #C9A961; padding-left: 1.25rem; margin: 1.5rem 0;
  font-style: italic; color: rgba(26,34,56,.75);
}
/* Responsive YouTube / oEmbed wrapper */
.compass-content .wp-block-embed__wrapper,
.compass-embed { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; margin: 1.5rem 0; border-radius: 1rem; }
.compass-content .wp-block-embed__wrapper iframe,
.compass-embed iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; border-radius: 1rem; }