/*
Theme Name: CMA Alumni
Description: Columbia Military Academy Alumni Association. Styled to match cabulldogs.org (navy, red, Roboto).
Template: twentytwentyfive
Version: 1.0.0
Requires at least: 6.7
Text Domain: cma-alumni
*/

/* Thin red rule across the very top, like cabulldogs.org */
body { border-top: 4px solid var(--wp--preset--color--red); }

/* Utility bar buttons: small square navy boxes */
.cma-topbar .wp-block-button__link {
	border-radius: 0;
	font-size: 12px;
	letter-spacing: .03em;
	padding: .9em 1.6em;
	text-transform: uppercase;
}

/* Navy header */
.cma-header .wp-block-site-title a { color: #fff; text-decoration: none; }
.cma-header .cma-wordmark { line-height: 1.05; }
.cma-header .cma-wordmark p { margin: 0; }
.cma-header .cma-wordmark a { text-decoration: none !important; }

/* Phones: one compact top row, smaller wordmark */
@media (max-width: 600px) {
	.cma-topbar { flex-wrap: nowrap !important; gap: 8px; }
	.cma-topbar .wp-block-button__link { font-size: 11px; padding: .75em 1em; }
	.cma-topbar .wp-block-social-links { display: none; }
	.cma-topbar .wp-block-loginout { font-size: 12px !important; white-space: nowrap; }
	.cma-header .cma-wordmark p:first-child { font-size: 16px !important; }
	.cma-header .cma-wordmark p:last-child { font-size: 10px !important; letter-spacing: .25em !important; }
	.cma-header .wp-block-site-logo img { width: 48px !important; }
}

/* Header, page and footer sit flush: no white gaps between full-width bands */
.wp-site-blocks > footer, .wp-site-blocks > .wp-block-template-part:last-child { margin-block-start: 0; }
.wp-site-blocks > main, .wp-site-blocks > .wp-block-cover { margin-block-start: 0; }
.wp-site-blocks > main > .alignfull:last-child, .wp-site-blocks > .alignfull + footer { margin-block-end: 0; }
.home .wp-site-blocks > * + * { margin-block-start: 0; }
.cma-header .wp-block-navigation { font-size: 15px; text-transform: uppercase; letter-spacing: .04em; }
.cma-header .wp-block-navigation a:hover { color: #fff; text-decoration: underline; text-decoration-color: var(--wp--preset--color--red); text-underline-offset: 6px; text-decoration-thickness: 2px; }
.cma-header .wp-block-navigation__submenu-container { background: var(--wp--preset--color--navy) !important; border: 0 !important; min-width: 220px !important; }
.cma-header .wp-block-navigation__submenu-container a { padding: .6em 1.1em !important; text-transform: none; }
.cma-header .wp-block-navigation__responsive-container.is-menu-open { background: var(--wp--preset--color--navy) !important; color: #fff !important; }

/* Hero: thin light headline over a navy-tinted photo */
.cma-hero h1, .cma-hero h2 { font-weight: 100; }
.cma-hero .cma-motto { letter-spacing: .3em; text-transform: uppercase; font-size: 14px; }

/* Quick-link tiles */
.cma-tiles .cma-tile { transition: background-color .2s ease; }
.cma-tiles .cma-tile:hover { background-color: var(--wp--preset--color--red) !important; }
.cma-tiles .cma-tile a { color: inherit; text-decoration: none; }
.cma-tiles .cma-tile a::after { content: ""; position: absolute; inset: 0; }
.cma-tiles .cma-tile { position: relative; }

/* Stat numbers like the cabulldogs.org strip */
.cma-stat-number { font-weight: 100; line-height: 1; }
.cma-stat-label { text-transform: uppercase; letter-spacing: .08em; font-size: 13px; }

/* Directory, lists and forms */
.cma-directory table { width: 100%; border-collapse: collapse; font-size: 16px; }
.cma-directory th, .cma-directory td { text-align: left; padding: .5em .6em; border-bottom: 1px solid #e2e0e0; vertical-align: top; }
.cma-directory th { background: var(--wp--preset--color--navy); color: #fff; font-weight: 500; }
.cma-directory tr.is-deceased td { color: #818285; }
.cma-letters { display: flex; flex-wrap: wrap; gap: 4px; margin: 1em 0; padding: 0; list-style: none; }
.cma-letters a, .cma-letters span { display: inline-block; min-width: 2em; padding: .3em .5em; text-align: center; background: #f0f0f0; text-decoration: none; }
.cma-letters .is-current { background: var(--wp--preset--color--navy); color: #fff; }
.cma-form label { display: block; font-weight: 500; margin-top: 1em; }
.cma-form input[type=text], .cma-form input[type=email], .cma-form input[type=search], .cma-form select, .cma-form textarea {
	width: 100%; max-width: 640px; padding: .6em .7em; border: 1px solid #c9c9c9; font: inherit; border-radius: 0; box-sizing: border-box;
}
.cma-form .cma-inline { display: flex; flex-wrap: wrap; gap: .75em; align-items: end; }
.cma-form .cma-inline > * { flex: 1 1 180px; }
.cma-form button, .cma-button {
	display: inline-block; background: var(--wp--preset--color--navy); color: #fff; border: 0; padding: .8em 1.6em;
	font: inherit; font-size: 15px; text-transform: uppercase; letter-spacing: .04em; cursor: pointer; text-decoration: none;
}
.cma-form button:hover, .cma-button:hover { background: var(--wp--preset--color--red); color: #fff; }
.cma-hp { position: absolute !important; left: -9999px !important; }
.cma-notice { padding: 1em 1.2em; background: #f0f0f0; border-left: 4px solid var(--wp--preset--color--navy); margin: 1em 0; }
.cma-notice.is-error { border-left-color: var(--wp--preset--color--red); }
.cma-filelist { list-style: none; padding: 0; columns: 3 220px; column-gap: 2em; }
.cma-filelist li { break-inside: avoid; padding: .35em 0; border-bottom: 1px solid #eee; }
.cma-bugle-year { margin-top: 1.5em; }
