/*
Theme Name:   Structural Clarity
Theme URI:    https://structuralclarity.co
Author:       Evergreen Advisory LLC
Author URI:   https://structuralclarity.co
Description:  Official production theme for StructuralClarity.co — organizational diagnostics for leaders who need to see what no one else has mapped.
Version:      1.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License:      Proprietary — All Rights Reserved
Text Domain:  structural-clarity
Tags:         consulting, business, portfolio, one-page
*/

/* =========================================================================
   BASE RESETS
   ========================================================================= */
*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; padding: 0; background: #f4efe4; }
::selection { background: #e8923f; color: #14304c; }
a { text-decoration: none; color: inherit; }
img { max-width: 100%; display: block; }

/* =========================================================================
   INTERACTION / UTILITY CLASSES
   ========================================================================= */
.sc-nav-link { transition: color .15s ease; }
.sc-nav-link:hover { color: #29a08a; }

.sc-card-lift { transition: transform .2s ease, box-shadow .2s ease; }
.sc-card-lift:hover { transform: translateY(-3px); box-shadow: 0 14px 34px rgba(20,48,76,0.12); }

.sc-btn { transition: background .15s ease, transform .15s ease; }
.sc-btn:hover { transform: translateY(-1px); }

.sc-link-arrow { transition: gap .15s ease; }

/* =========================================================================
   MOBILE NAV — default hidden until media query enables
   ========================================================================= */
.sc-hamburger { display: none; }
.sc-mobile-nav { display: none; }
.sc-mobile-nav.is-open { display: block !important; }

/* =========================================================================
   IMAGE SLOT WEB COMPONENT
   ========================================================================= */
image-slot { display: block; }