/*
Theme Name: Dickinson City Cemetery
Theme URI: https://dickinsonhistoricalsociety.org/dickinson-city-cemetery/
Author: Dickinson Historical Society
Author URI: https://dickinsonhistoricalsociety.org/
Description: A quiet, accessible block theme for the Dickinson City Cemetery (est. 1882), maintained by the Dickinson Historical Society. Edit everything in Appearance → Editor.
Requires at least: 6.5
Tested up to: 6.8
Requires PHP: 7.4
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dickinson-city-cemetery
*/

/* Small refinements theme.json can't express. */

html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

.skip-link.screen-reader-text:focus { background: #fff; color: #1E2621; }

/* Small-caps eyebrow used above headings */
.dcc-eyebrow {
	font-size: 0.8rem;
	font-weight: 600;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--wp--preset--color--accent);
	margin-bottom: 0.25rem !important;
}
.has-primary-dark-background-color .dcc-eyebrow,
.has-primary-background-color .dcc-eyebrow { color: var(--wp--preset--color--accent-light); }

/* Header */
.dcc-header { border-bottom: 1px solid rgba(52, 74, 58, 0.15); }
.dcc-header .wp-block-site-tagline {
	font-size: 0.78rem; letter-spacing: 0.12em; text-transform: uppercase;
	color: var(--wp--preset--color--contrast-2); margin: 0;
}
.dcc-header .wp-block-navigation a:hover { color: var(--wp--preset--color--accent); }

/* Hero */
.dcc-hero { position: relative; overflow: hidden; }
.dcc-hero .dcc-hero-art { max-width: 520px; margin-inline: auto; }
.dcc-hero .dcc-hero-art img { width: 100%; height: auto; display: block; }

/* Plaque-style panel for marker text */
.dcc-plaque {
	border: 1px solid var(--wp--preset--color--accent-light);
	outline: 1px solid var(--wp--preset--color--accent-light);
	outline-offset: 6px;
	background: var(--wp--preset--color--base-2);
}

/* Cards */
.dcc-card {
	background: var(--wp--preset--color--white);
	border-top: 3px solid var(--wp--preset--color--accent);
	height: 100%;
}
.dcc-card h3 { margin-top: 0; }

/* Fact row */
.dcc-fact .dcc-fact-num {
	font-family: var(--wp--preset--font-family--serif);
	font-size: clamp(2.2rem, 5vw, 3rem);
	line-height: 1;
	color: var(--wp--preset--color--accent-light);
	margin: 0;
}
.dcc-fact p:last-child { margin-top: 0.4rem; font-size: 0.95rem; }

/* Timeline */
.dcc-timeline { border-left: 2px solid var(--wp--preset--color--accent-light); padding-left: 1.5rem !important; }
.dcc-timeline > .wp-block-group { position: relative; }
.dcc-timeline > .wp-block-group::before {
	content: ""; position: absolute; left: calc(-1.5rem - 6px); top: 0.55em;
	width: 10px; height: 10px; border-radius: 50%;
	background: var(--wp--preset--color--accent);
}
.dcc-timeline .dcc-year {
	font-family: var(--wp--preset--font-family--serif);
	color: var(--wp--preset--color--accent);
	font-size: 1.25rem; margin: 0;
}

/* Rules list */
.dcc-rules li { margin-bottom: 0.9rem; }
.dcc-rules li::marker { color: var(--wp--preset--color--accent); }

/* Map embed */
.dcc-map iframe { width: 100%; min-height: 360px; border: 0; display: block; }

/* Footer */
.dcc-footer a { color: inherit; }
.dcc-footer a:hover { color: var(--wp--preset--color--accent-light); }
.dcc-footer .wp-block-navigation { font-weight: 400; }

/* Keep the plaque outline inside its column */
.dcc-plaque { margin: 7px; }

/* WPForms: match the theme */
div.wpforms-container-full {
	--wpforms-button-background-color: #344A3A;
	--wpforms-button-text-color: #FFFFFF;
	--wpforms-button-border-radius: 2px;
	--wpforms-field-border-radius: 2px;
	--wpforms-field-border-color: rgba(30, 38, 33, 0.3);
	--wpforms-label-color: #1E2621;
	--wpforms-label-sublabel-color: #4A524C;
	--wpforms-button-size-font-size: 17px;
	--wpforms-button-size-height: 50px;
	--wpforms-button-size-padding-h: 28px;
}
div.wpforms-container-full input[type=radio]:checked:before,
div.wpforms-container-full input[type=checkbox]:checked:before { border-color: #344A3A; }
div.wpforms-container-full input[type=radio]:checked:after { background-color: #344A3A; border-color: #344A3A; }
div.wpforms-container-full input[type=checkbox]:checked:after { border-left-color: #344A3A; border-bottom-color: #344A3A; }
div.wpforms-container-full input:focus,
div.wpforms-container-full select:focus,
div.wpforms-container-full textarea:focus { border-color: #8A6A3B; box-shadow: 0 0 0 1px #8A6A3B; }
div.wpforms-container-full button[type=submit]:hover { background-color: #22332A; }
div.wpforms-container-full .wpforms-field-payment-total .wpforms-payment-total {
	font-family: var(--wp--preset--font-family--serif); font-size: 1.6rem; color: #22332A;
}
div.wpforms-container-full .wpforms-confirmation-container-full {
	background: #EAE3D4; border: 1px solid #C9AE7C; color: #1E2621;
}

.dcc-plaque-photo img { display: block; width: 100%; max-width: 380px; height: auto; margin-inline: auto; box-shadow: 0 2px 10px rgba(30,38,33,0.18); }