/*
Theme Name: Sangharsh
Theme URI: https://sangharshfoundation.com/
Description: Warm editorial child theme for Sangharsh Foundation. Forest green and marigold over Twenty Twenty-Five.
Author: Sangharsh Foundation
Template: twentytwentyfive
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sangharsh
*/

/* ---------- Masthead ---------- */

.sf-topstrip {
	font-size: 0.82rem;
}

.sf-topstrip a {
	color: var(--wp--preset--color--base);
	text-decoration: none;
}

.sf-topstrip a:hover {
	color: var(--wp--preset--color--marigold);
	text-decoration: underline;
	text-underline-offset: 3px;
}

.sf-masthead {
	position: sticky;
	top: 0;
	z-index: 50;
	background: var(--wp--preset--color--base);
	border-bottom: 1px solid var(--wp--preset--color--line);
}

body.admin-bar .sf-masthead {
	top: 32px;
}

@media (max-width: 782px) {
	body.admin-bar .sf-masthead {
		top: 46px;
	}
}

.sf-masthead .wp-block-site-logo img {
	width: 132px;
	height: auto;
}

/* Current page marker in the primary nav. */
.sf-masthead .wp-block-navigation .current-menu-item > a,
.sf-masthead .wp-block-navigation .current-menu-ancestor > a {
	text-decoration: underline;
	text-decoration-color: var(--wp--preset--color--marigold);
	text-decoration-thickness: 2px;
	text-underline-offset: 5px;
}

/* ---------- Hero emblem ---------- */

.sf-arch {
	background: var(--wp--preset--color--moss);
	border-radius: 22px;
	padding: clamp(20px, 4vw, 36px);
}

.sf-arch img {
	border-radius: 170px 170px 20px 20px;
}

@media (max-width: 781px) {
	.sf-arch img {
		border-radius: 120px 120px 16px 16px;
	}
}

/* ---------- Numbered bands ---------- */

.sf-numeral {
	font-family: var(--wp--preset--font-family--display);
	font-weight: 600;
	font-size: 1.05rem;
	color: var(--wp--preset--color--marigold-deep);
	margin: 0;
}

.wp-block-separator.sf-rule {
	border: 0;
	border-top: 2px solid var(--wp--preset--color--forest);
	width: 100%;
	max-width: 100%;
	margin: 0 0 18px;
	opacity: 1;
}

/* Keep explicitly coloured buttons stable on hover. */
a.wp-block-button__link.has-marigold-background-color:hover {
	background-color: var(--wp--preset--color--marigold);
}

.wp-block-button.is-style-outline > .wp-block-button__link:hover {
	background-color: transparent;
}

.sf-band-dark .wp-block-button.is-style-outline > .wp-block-button__link:hover {
	background-color: rgba(255, 255, 255, 0.12);
}

/* Status and topic tags. */
.sf-tag {
	display: inline-block;
	background: var(--wp--preset--color--moss);
	color: var(--wp--preset--color--forest);
	font-size: 0.82rem;
	font-weight: 700;
	padding: 5px 14px;
	border-radius: 999px;
	margin: 0 0 10px;
}

.sf-band-dark .sf-tag {
	background: rgba(255, 255, 255, 0.14);
	color: var(--wp--preset--color--base);
}

.sf-band-dark .wp-block-separator {
	opacity: 0.35;
}

.sf-band-dark a {
	color: var(--wp--preset--color--base);
}

.sf-band-dark a:hover {
	color: var(--wp--preset--color--marigold);
}

/* Give band: keep text large and dark-on-marigold for contrast. */
.sf-give h2 {
	color: var(--wp--preset--color--forest);
}

.sf-give p {
	color: var(--wp--preset--color--contrast);
}

/* Page title band. */
.sf-pagehero {
	border-bottom: 1px solid var(--wp--preset--color--line);
}

/* ---------- Contact form (mu-plugin markup) ---------- */

body .sf-form input,
body .sf-form textarea {
	border: 1px solid var(--wp--preset--color--line);
	border-radius: 10px;
	background: #fff;
}

body .sf-form input:focus,
body .sf-form textarea:focus {
	outline: 2px solid var(--wp--preset--color--pine);
	outline-offset: 1px;
	border-color: var(--wp--preset--color--pine);
}

body .sf-form button {
	background: var(--wp--preset--color--forest);
	border-radius: 999px;
	padding: 13px 28px;
}

body .sf-form button:hover {
	background: var(--wp--preset--color--pine);
}

body .sf-note {
	background: var(--wp--preset--color--moss);
	border-radius: 12px;
}

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

.sf-footer a {
	text-decoration: none;
}

.sf-footer a:hover {
	color: var(--wp--preset--color--marigold);
}

.sf-footer .wp-block-separator {
	opacity: 0.3;
}

/* On-brand focus ring (overrides the parent theme's accent). */
.wp-block-button__link:focus,
.wp-element-button:focus {
	outline: 2px solid var(--wp--preset--color--forest);
	outline-offset: 2px;
}

/* Subtle link transition; off for reduced-motion readers. */
@media (prefers-reduced-motion: no-preference) {
	a {
		transition: color 120ms ease-in-out;
	}
}