/*
Theme Name: Chapter Theme
Theme URI: https://example.com/chapter-theme
Author: Chapter
Author URI: https://example.com
Description: Chapter Theme is a GeneratePress child theme for the Chapter New Site project. Landing styles live in WindPress volumes (wp-content/uploads/windpress/data/).
Template: generatepress
Version: 1.1.0
Requires at least: 6.0
Tested up to: 7.1
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: chapter-theme
Tags: custom-colors, custom-menu, custom-logo, featured-images, threaded-comments, translation-ready
*/

/* Landing component CSS is compiled by WindPress from
   wp-content/uploads/windpress/data/*.css — do not duplicate it here. */

/* Minimal page chrome for non-landing pages only. */
body {
	margin: 0;
}

/* Keep inline social SVGs compact and aligned even before WindPress rebuilds. */
.footer-b__social > a {
	display:inline-flex;
	align-items:center;
	gap:10px;
}
.footer-b__social {
	flex-wrap:nowrap;
}
.footer-b__social > a > svg {
	display:block;
	width:20px;
	height:20px;
	flex:0 0 20px;
}
@media (max-width:520px) {
	.footer-b__social { flex-wrap:wrap; }
}

/* ============================================================
   HERO OVERRIDES — intentionally kept in the theme, NOT in the
   WindPress volumes. WindPress re-writes ALL data/*.css volumes
   on every editor "Save", which has repeatedly reverted the hero
   pill sizing and copy spacing. These unlayered rules override
   WindPress' @layer output regardless of source order, so the
   hero stays correct even if a future volume regeneration drops
   the rules again. Keep in sync with data/hero.css.
   ============================================================ */
.hero__ctas{margin-top:36px}
.hero__method{margin-top:44px}
.hero__method span{margin-right:4px}
.hero__method button{width:30px;height:30px;border-radius:9px;font-size:14px;font-weight:600}

/* Shared animated gradient border for CTA and compact button controls. */
.btn,.connect__btn,.header__cta,.header__burger,.footer-switch button,.case-deck__arrow,
.hero__method button {
	position:relative;
	isolation:isolate;
}
.btn::before,.connect__btn::before,.header__cta::before,.header__burger::before,
.footer-switch button::before,.case-deck__arrow::before,.hero__method button::before {
	content:"";
	position:absolute;
	inset:-2px;
	padding:2px;
	border-radius:inherit;
	background-image:linear-gradient(90deg,#7A1FFF 0%,#F44FAD 40.91%,#F0B535 68.99%,#EE2528 100%);
	background-size:300% 100%;
	background-position:0% 50%;
	-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
	-webkit-mask-composite:xor;
	mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
	mask-composite:exclude;
	opacity:0;
	transition:opacity .2s ease;
	pointer-events:none;
}
/* The header CTA keeps its gradient ring visible when idle. */
.header__cta::before { opacity:1; }
.btn:hover::before,.connect__btn:hover::before,.header__cta:hover::before,.header__burger:hover::before,
.footer-switch button:hover::before,.case-deck__arrow:hover::before,.hero__method button:hover::before {
	opacity:1;
	animation:button-border-slide 1.4s ease-in-out infinite alternate;
}
@keyframes button-border-slide { to { background-position:100% 50%; } }
@media (prefers-reduced-motion:reduce) {
	.btn:hover::before,.connect__btn:hover::before,.header__cta:hover::before,.header__burger:hover::before,
	.footer-switch button:hover::before,.case-deck__arrow:hover::before,.hero__method button:hover::before { animation:none; }
}
.section-head__link:hover {
	background-position:0 0,100% 0;
	animation:section-border-slide 1.4s ease-in-out infinite alternate;
}
@keyframes section-border-slide {
	from { background-position:0 0,0 0; }
	to { background-position:0 0,100% 0; }
}
@media (prefers-reduced-motion:reduce) {
	.section-head__link:hover { animation:none; }
}