/*
Theme Name: Capital Authority
Theme URI: https://thecapitalauthority.com/
Author: The Capital Authority
Description: Sacramento's Architectural Growth Engine — a high-end, editorial SEO agency theme built on tonal design principles, glassmorphism, and structural precision.
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: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: capital-authority
Tags: blog, portfolio, business, custom-menu, featured-images, full-width-template, threaded-comments, translation-ready
*/

/* =========================================================
   Base overrides — Tailwind handles everything else
   ========================================================= */

html { scroll-behavior: smooth; }

.tonal-transition { transition: background-color 0.3s ease; }

.glass-effect {
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}

.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
    vertical-align: middle;
    line-height: 1;
}

/* Prose overrides for blog body */
.ca-prose h2 { font-family: 'Manrope', sans-serif; font-weight: 700; color: #00346f; margin-bottom: 1.5rem; font-size: 1.875rem; line-height: 1.3; }
.ca-prose h3 { font-family: 'Manrope', sans-serif; font-weight: 700; color: #00346f; margin-bottom: 1rem; font-size: 1.5rem; }
.ca-prose p  { color: #424751; line-height: 1.75; margin-bottom: 1.5rem; }
.ca-prose ul, .ca-prose ol { color: #424751; padding-left: 1.5rem; margin-bottom: 1.5rem; }
.ca-prose li { margin-bottom: 0.5rem; line-height: 1.75; }
.ca-prose a  { color: #00346f; text-decoration: underline; }
.ca-prose blockquote { border-left: 4px solid #1b6d24; padding-left: 1.5rem; color: #424751; font-style: italic; margin: 2rem 0; }
.ca-prose img { border-radius: 0.5rem; width: 100%; height: auto; }

/* Animate marquee for trust bar */
@keyframes marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }
.animate-marquee { animation: marquee 30s linear infinite; }

/* Sticky sidebar on single post */
.sticky-sidebar { position: sticky; top: 6rem; }
