/*
Theme Name: AZNC — Dr. Alex Rinehart
Description: Dr. Alex Rinehart brand child theme for Twenty Twenty-Five (AZ Nutrition Center). Colors/fonts live in theme.json; this file covers buttons, the nav bar and legacy (classic-editor) page content. Note: theme.json re-points TT5's "manrope" font slug to Sequel Sans so every parent style picks up the brand font.
Template: twentytwentyfive
Version: 1.0.0
Requires at least: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: aznc-dralex
*/

:root {
	--aznc-indigo: #12176E;
	--aznc-cobalt: #1E34B7;
	--aznc-azure: #3F88EA;
	--aznc-neon: #93E775;
	--aznc-lime: #E4FB52;
	--aznc-wash: #F4F7FD;
	--aznc-grad-blue: linear-gradient(135deg, #3F88EA 0%, #60D2CF 100%);
	--aznc-grad-neon: linear-gradient(135deg, #93E775 0%, #E4FB52 100%);
}

strong, b { font-weight: 700; }

/* ---------- Buttons (shop-style pill with neon offset) ---------- */

.wp-element-button, .wp-block-button__link, .aznc-btn {
	transition: transform .15s ease, box-shadow .15s ease, background-color .15s ease, color .15s ease;
}
.wp-element-button:hover, .wp-block-button__link:hover { transform: translateY(2px); box-shadow: 0 3px 0 var(--aznc-neon) !important; }

/* Legacy "Schedule Now" images become this (see functions.php). */
.aznc-btn {
	display: inline-block;
	padding: 0.85em 2em;
	border: 3px solid var(--aznc-indigo);
	border-radius: 999px;
	background: #fff;
	color: var(--aznc-indigo);
	font-size: 0.9rem;
	font-weight: 700;
	letter-spacing: 0.05em;
	line-height: 1;
	text-transform: uppercase;
	box-shadow: 0 5px 0 var(--aznc-neon);
}
a:hover > .aznc-btn { background: var(--aznc-indigo); color: #fff; transform: translateY(2px); box-shadow: 0 3px 0 var(--aznc-neon); }
a.aznc-btn-link, a:has(> .aznc-btn) { text-decoration: none; }
p:has(> a > .aznc-btn), p:has(> .aznc-btn), center:has(.aznc-btn) { text-align: center; margin-block: 1.6em; }

.aznc-btn-lime .wp-block-button__link { background: transparent; border-color: var(--aznc-lime); color: var(--aznc-lime); box-shadow: 0 5px 0 var(--aznc-azure); }
.aznc-btn-lime .wp-block-button__link:hover { background: var(--aznc-lime); color: var(--aznc-indigo); box-shadow: 0 3px 0 var(--aznc-azure) !important; }

/* ---------- Header + nav ---------- */

.aznc-header { border-bottom: 1px solid #e3e6f2; }
.aznc-logo { margin: 0; }
.aznc-logo img { display: block; height: auto; max-width: 100%; }
.aznc-header-cta { gap: 22px; }
.aznc-header-note { margin: 0; color: var(--aznc-indigo); font-size: 0.85rem; font-weight: 600; }

.aznc-nav-bar .wp-block-navigation { font-size: 0.82rem; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; }
.aznc-nav-bar .wp-block-navigation__container { gap: 0; }
.aznc-nav-bar .wp-block-navigation-item__content { position: relative; padding: 1.25em 1.1em; }
.aznc-nav-bar .wp-block-navigation-item__content::after {
	content: ""; position: absolute; left: 1.1em; right: 1.1em; bottom: 0.8em; height: 3px; border-radius: 3px;
	background: var(--aznc-lime); transform: scaleX(0); transform-origin: left; transition: transform .2s ease;
}
.aznc-nav-bar .wp-block-navigation-item__content:hover { color: var(--aznc-lime); }
.aznc-nav-bar .wp-block-navigation-item__content:hover::after,
.aznc-nav-bar .current-menu-item > .wp-block-navigation-item__content::after { transform: scaleX(1); }
.aznc-nav-bar .wp-block-navigation__submenu-container { background: var(--aznc-indigo) !important; border: 0 !important; border-radius: 0 0 12px 12px; padding: 6px 0; text-transform: none; letter-spacing: 0; }
.aznc-nav-bar .wp-block-navigation__submenu-container .wp-block-navigation-item__content { padding: 0.8em 1.4em; }
.aznc-nav-bar .wp-block-navigation__submenu-container .wp-block-navigation-item__content::after { display: none; }
.aznc-nav-bar .wp-block-navigation__responsive-container-open { padding: 14px 0; color: #fff; }
.aznc-nav-bar .wp-block-navigation__responsive-container.is-menu-open { font-size: 1.1rem; }
.aznc-nav-bar .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content { padding: 0.5em 0; }
.aznc-nav-bar .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content::after { display: none; }

/* ---------- Page title ---------- */

.aznc-title { margin-top: 0; }
.aznc-title::after { content: ""; display: block; width: 72px; height: 6px; margin-top: 0.45em; border-radius: 6px; background: var(--aznc-grad-neon); }

/* ---------- Legacy classic-editor content ---------- */

.aznc-entry { overflow-wrap: break-word; }
.aznc-entry > * { max-width: 100%; }
.aznc-entry img { max-width: 100%; height: auto; border-radius: 14px; }
.aznc-entry .alignright { float: right; margin: 0.3em 0 1em 1.6em; max-width: 48%; }
.aznc-entry .alignleft { float: left; margin: 0.3em 1.6em 1em 0; max-width: 48%; }
.aznc-entry .aligncenter { display: block; margin-left: auto; margin-right: auto; }
.aznc-entry::after { content: ""; display: table; clear: both; }
.aznc-entry h2, .aznc-entry h3 { clear: none; margin-top: 1.6em; }
.aznc-entry h2 strong, .aznc-entry h3 strong { font-weight: inherit; }
.aznc-entry iframe { max-width: 100%; border-radius: 12px; }
.aznc-entry table { max-width: 100%; }

.aznc-entry ul { list-style: none; padding-left: 0.3em; }
.aznc-entry ul li { position: relative; padding-left: 1.4em; margin-bottom: 0.35em; }
.aznc-entry ul li::before { content: ""; position: absolute; left: 0; top: 0.62em; width: 8px; height: 8px; border-radius: 50%; background: var(--aznc-grad-blue); }
.aznc-entry ol li::marker { color: var(--aznc-cobalt); font-weight: 700; }

.aznc-entry blockquote {
	margin: 2em 0; padding: 1.6em 2em 1.2em; border: 0; border-radius: 22px;
	background: var(--aznc-grad-blue); box-shadow: 0 8px 0 var(--aznc-indigo);
	color: #fff; font-style: italic;
}
.aznc-entry blockquote p, .aznc-entry blockquote strong, .aznc-entry blockquote em, .aznc-entry blockquote a { color: #fff; }
.aznc-entry blockquote blockquote { margin: 0; padding: 0; background: none; box-shadow: none; border-radius: 0; }

/* ---------- Sidebar (existing widgets) ---------- */

.aznc-sidebar { display: flex; flex-direction: column; gap: 22px; }
.aznc-widget { background: var(--aznc-wash); border-radius: 18px; padding: 22px; font-size: 0.9rem; line-height: 1.6; overflow: hidden; }
.aznc-widget-title { margin: 0 0 0.9em; font-size: 0.78rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--aznc-indigo); }
.aznc-widget p { margin: 0 0 0.8em; }
.aznc-widget iframe { max-width: 100%; border-radius: 12px; }
.aznc-widget .hs-button { background: #fff !important; border: 3px solid var(--aznc-indigo) !important; color: var(--aznc-indigo) !important; border-radius: 999px !important; box-shadow: 0 5px 0 var(--aznc-neon) !important; }
.aznc-widget .hs-button:hover { background: var(--aznc-indigo) !important; color: #fff !important; }

/* ---------- Footer ---------- */

.aznc-footer { position: relative; font-size: 0.88rem; }
.aznc-footer::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 6px; background: var(--aznc-grad-neon); }
.aznc-footer a { color: #fff; text-decoration: none; }
.aznc-footer a:hover { color: var(--aznc-lime); }
.aznc-footer-title { color: var(--aznc-lime) !important; font-size: 0.75rem !important; letter-spacing: 0.12em; text-transform: uppercase; margin-bottom: 1em; }
.aznc-footer-links { line-height: 1.9; }
.aznc-footer-small { color: rgba(255,255,255,.72); font-size: 0.8rem; }
.aznc-script { font-size: 1.9rem; line-height: 1.2; margin: 0.4em 0 0.8em; }
.aznc-copyright { margin-top: 2.5em; padding-top: 1.4em; border-top: 1px solid rgba(255,255,255,.15); color: rgba(255,255,255,.6); font-size: 0.78rem; }

/* ---------- Small screens ---------- */

@media (max-width: 781px) {
	.aznc-header > .wp-block-group { justify-content: center !important; }
	.aznc-header-note { display: none; }
	.aznc-logo img { width: 240px !important; }
	.aznc-nav-bar .wp-block-navigation { justify-content: flex-end; }
	.aznc-entry .alignright, .aznc-entry .alignleft { float: none; display: block; max-width: 100%; margin: 1em auto; }
}
