/*
Theme Name: Shree Datta Devasthan
Description: A warm, readable block theme for the Shree Datta Devasthan temple website at Palshet: temple story, aarti timings, village information, devotee stay requests and donations.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: shree-datta
*/

:root {
	--dd-cream: var(--wp--preset--color--cream, #FFF6E6);
	--dd-sand: var(--wp--preset--color--sand, #F6E7CC);
	--dd-maroon: var(--wp--preset--color--maroon, #7A1F1F);
	--dd-deep: var(--wp--preset--color--deep-maroon, #5E1414);
	--dd-saffron: var(--wp--preset--color--saffron, #E8741E);
	--dd-gold: var(--wp--preset--color--gold, #C9962B);
	--dd-ink: var(--wp--preset--color--ink, #2B1A12);
}

html { scroll-behavior: smooth; }

/* Full-width sections sit flush against each other (no block-gap strips) */
.wp-site-blocks > * { margin-block-start: 0; margin-block-end: 0; }
main :where(.dd-section, .dd-hero, .dd-pagehead) { margin-block-start: 0; margin-block-end: 0; }
.wp-site-blocks > main { min-height: 40vh; }

/* Skip link and focus */
:where(a, button, input, select, textarea, summary):focus-visible {
	outline: 3px solid var(--dd-saffron);
	outline-offset: 2px;
}

/* ---------- Header ---------- */
.dd-header {
	background: var(--dd-cream);
	border-bottom: 3px solid var(--dd-gold);
	padding: 0.6rem 1.25rem;
	gap: 1rem 2rem;
}
.dd-brand { gap: 0.75rem; align-items: center; }
.dd-brand figure { margin: 0; }
.dd-brand img { display: block; height: 58px; width: auto; }
.dd-brand .wp-block-site-title {
	font-family: var(--wp--preset--font-family--heading);
	font-size: 1.15rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	line-height: 1.15;
	margin: 0;
}
.dd-brand .wp-block-site-title a { color: var(--dd-maroon); text-decoration: none; }
.dd-brand .dd-devanagari {
	font-family: "Noto Serif Devanagari", var(--wp--preset--font-family--heading);
	font-size: 0.95rem;
	color: var(--dd-saffron);
	margin: 0;
	line-height: 1.3;
}
.dd-header .wp-block-navigation { font-weight: 600; font-size: 0.98rem; }
.dd-header .wp-block-navigation a { text-decoration: none; color: var(--dd-maroon); }
.dd-header .wp-block-navigation a:hover { color: var(--dd-saffron); }
.dd-header .wp-block-navigation .current-menu-item > a,
.dd-header .wp-block-navigation [aria-current="page"] { border-bottom: 2px solid var(--dd-saffron); }

/* ---------- Page heading band ---------- */
.dd-pagehead {
	background: var(--wp--preset--gradient--temple, linear-gradient(135deg, #5E1414, #7A1F1F 55%, #A8381B));
	border-bottom: 4px solid var(--dd-gold);
	padding: clamp(2rem, 5vw, 3.5rem) 1.25rem;
	text-align: center;
}
.dd-pagehead .wp-block-post-title { color: var(--dd-cream); margin: 0; }

/* ---------- Sections ---------- */
.dd-section { padding: clamp(2.5rem, 6vw, 4.5rem) 1.25rem; }
.dd-section.dd-band { background: var(--dd-sand); }
.dd-section.dd-dark { background: var(--dd-deep); color: var(--dd-cream); }
.dd-section.dd-dark :where(h1, h2, h3, h4) { color: var(--dd-gold); }
.dd-section.dd-dark a { color: #FFD58A; }
.dd-section > :where(h2) { margin-top: 0; }
.dd-section.dd-dark .wp-block-button__link { background: var(--dd-saffron); color: var(--dd-ink); }
.dd-section.dd-dark .wp-block-button__link:hover { background: #FFD58A; color: var(--dd-ink); }
.dd-section.dd-dark .is-style-outline .wp-block-button__link { background: transparent; color: var(--dd-cream); border: 2px solid var(--dd-cream); }
.dd-section.dd-dark .is-style-outline .wp-block-button__link:hover { background: var(--dd-cream); color: var(--dd-deep); }

.dd-eyebrow {
	font-size: 0.85rem;
	font-weight: 600;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--dd-gold);
	margin: 0 0 0.5rem;
}

/* ---------- Hero ---------- */
.dd-hero {
	background:
		radial-gradient(circle at 78% 40%, rgba(232, 116, 30, 0.35), transparent 55%),
		var(--wp--preset--gradient--temple, linear-gradient(135deg, #5E1414, #7A1F1F 55%, #A8381B));
	color: var(--dd-cream);
	border-bottom: 4px solid var(--dd-gold);
	padding: clamp(2.5rem, 6vw, 4.5rem) 1.25rem;
}
.dd-hero :where(h1, h2) { color: var(--dd-cream); }
.dd-hero .dd-devanagari {
	font-family: "Noto Serif Devanagari", var(--wp--preset--font-family--heading);
	font-size: clamp(1.4rem, 3.2vw, 2rem);
	color: #FFD58A;
	margin: 0.25rem 0 1rem;
	font-weight: 700;
}
.dd-hero .dd-lead { font-size: 1.2rem; max-width: 34em; }
.dd-hero .wp-block-image { margin: 0; text-align: center; }
.dd-hero .wp-block-image img { max-height: 440px; width: auto; max-width: 100%; }
.dd-hero .wp-block-button__link { background: var(--dd-saffron); color: var(--dd-ink); }
.dd-hero .wp-block-button__link:hover { background: #FFD58A; color: var(--dd-ink); }
.dd-hero .is-style-outline .wp-block-button__link {
	background: transparent;
	color: var(--dd-cream);
	border: 2px solid var(--dd-cream);
}
.dd-hero .is-style-outline .wp-block-button__link:hover { background: var(--dd-cream); color: var(--dd-deep); }

/* ---------- Cards ---------- */
.dd-card {
	background: #fff;
	border-top: 4px solid var(--dd-gold);
	border-radius: 4px;
	padding: 1.5rem;
	height: 100%;
	box-shadow: 0 2px 10px rgba(94, 20, 20, 0.08);
}
.dd-card h3 { margin-top: 0; }
.dd-card p:last-child { margin-bottom: 0; }

/* ---------- Gallery placeholders ---------- */
.dd-ph {
	aspect-ratio: 4 / 3;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	background: repeating-linear-gradient(45deg, #fbefd9, #fbefd9 12px, #f6e7cc 12px, #f6e7cc 24px);
	border: 2px dashed var(--dd-gold);
	border-radius: 4px;
	color: var(--dd-maroon);
	padding: 1rem;
	font-weight: 600;
}
.dd-ph p { margin: 0; }

/* ---------- Tables, lists, details ---------- */
.wp-block-table table { border-collapse: collapse; width: 100%; }
.wp-block-table :where(th, td) { border: 1px solid #e2cfa8; padding: 0.6rem 0.8rem; text-align: left; }
.wp-block-table thead { background: var(--dd-sand); color: var(--dd-maroon); }
.wp-block-details { border: 1px solid #e2cfa8; border-radius: 4px; padding: 0.7rem 1rem; background: #fff; margin-bottom: 0.6rem; }
.wp-block-details summary { cursor: pointer; font-weight: 600; color: var(--dd-maroon); }

/* ---------- Footer ---------- */
.dd-footer { background: var(--dd-deep); color: var(--dd-cream); padding: 3rem 1.25rem 1.25rem; border-top: 4px solid var(--dd-gold); }
.dd-footer :where(h2, h3, h4) { color: var(--dd-gold); font-size: 1.1rem; margin-top: 0; }
.dd-footer a { color: #FFD58A; text-decoration: none; }
.dd-footer a:hover { text-decoration: underline; }
.dd-footer .wp-block-site-title { font-family: var(--wp--preset--font-family--heading); font-size: 1.3rem; margin: 0 0 0.4rem; }
.dd-footer .wp-block-site-title a { color: var(--dd-cream); }
.dd-footer p { margin: 0 0 0.5rem; }
.dd-footer .dd-copy { border-top: 1px solid rgba(255, 246, 230, 0.25); margin-top: 2rem; padding-top: 1rem; font-size: 0.9rem; opacity: 0.85; text-align: center; }

@media (max-width: 781px) {
	.dd-brand img { height: 48px; }
}