/*
Theme Name: Take Pride Boutique, Inc.
Theme URI: https://takeprideboutique.org/
Author: The Free Website Guys
Author URI: https://thefreewebsiteguys.com/
Description: React-powered landing theme for Take Pride Boutique, Inc.
Version: 1.2.7
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
Text Domain: tmt
*/

/* Lovable design tokens (canonical); wp_add_inline_style on tmt-theme-app may override. */
:root,
#tmt-app {
	--white: #ffffff;
	--paper: #F2F2F2;
	--lilac: #EFEBF7;
	--purple: #6B3FA0;
	--purple-deep: #0F1D3A;
	--ink: #0F1D3A;
	--ink-55: rgba(15, 29, 58, 0.55);
	--cream-60: rgba(255, 255, 255, 0.6);
	--muted: #6B3FA0;
	--line: rgba(15, 29, 58, 0.12);
	--purple-wash-10: rgba(107, 63, 160, 0.10);
	--purple-wash-14: rgba(107, 63, 160, 0.14);
	--purple-wash-08: rgba(107, 63, 160, 0.08);
	--purple-number: rgba(107, 63, 160, 0.12);
	--rainbow: linear-gradient(90deg, #D94F8B, #F08A3C, #F7C94B, #3DBA7D, #2EA6B7, #6EA8E6, #6B3FA0);
	--guideline-overlay: linear-gradient(180deg, rgba(15,29,58,0.35), rgba(15,29,58,0.9));
	--gallery-overlay: linear-gradient(180deg, transparent 45%, rgba(15,29,58,0.78) 100%);
	--lightbox-overlay: rgba(15,29,58,0.94);
	--on-video-bg: rgba(255, 255, 255, 0.14);
	--on-video-text: #ffffff;
	--on-video-border: rgba(255, 255, 255, 0.35);
	--on-video-muted: rgba(255,255,255,0.82);
	--on-video-rule: rgba(255,255,255,0.25);
	--on-video-fade: rgba(255,255,255,0.75);
	--glass-bg: rgba(255,255,255,0.08);
	--glass-border: rgba(255,255,255,0.18);
	--gift-panel-wash: rgba(255,255,255,0.72);
	--donate-card-border: rgba(255,255,255,0.4);
	--vbg-overlay: radial-gradient(ellipse at center, transparent 45%, rgba(15, 29, 58, 0.6) 100%), linear-gradient(180deg, rgba(15, 29, 58, 0.25) 0%, rgba(15, 29, 58, 0.88) 100%), rgba(15, 29, 58, 0.5);
	--lightbox-control-border: rgba(255,255,255,0.3);
	--ease: cubic-bezier(0.2, 0, 0.2, 1);
}

*, *::before, *::after { box-sizing: border-box; }

body {
	margin: 0;
	padding: 0;
}

/* Admin bar offset — logged-in users */
body.admin-bar #tmt-app .rainbow-bottom.fixed {
	top: 32px;
}
@media screen and (max-width: 782px) {
	body.admin-bar #tmt-app .rainbow-bottom.fixed {
		top: 46px;
	}
}
html.admin-bar-active {
	scroll-padding-top: calc(96px + 32px);
}
@media screen and (max-width: 782px) {
	html.admin-bar-active {
		scroll-padding-top: calc(96px + 46px);
	}
}

/* Clickable affordance */
#tmt-app a,
#tmt-app button,
#tmt-app [role="button"],
#tmt-app summary,
#tmt-app label[for],
#tmt-app .feature-card,
#tmt-app [data-tilt] {
	cursor: pointer;
}