/*
Theme Name: Sal-Site AGSC
Template: twentytwentyfive
Description: Child theme for ambystoma.uky.edu. UK blue, Fira Sans, header and footer for Sal-Site and the Ambystoma Genetic Stock Center.
Version: 0.1.2
Requires at least: 6.7
Text Domain: salsite
*/

/* Visible focus everywhere, 3px, high contrast on both light and navy backgrounds */
:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
	outline: 3px solid #FFB81C;
	outline-offset: 2px;
	box-shadow: 0 0 0 5px #001E5F;
}
.salsite-topbar a { color: #fff; text-decoration: none; }
.salsite-topbar a:hover, .salsite-topbar a:focus { text-decoration: underline; }
.salsite-card { height: 100%; }
.salsite-card img { aspect-ratio: 3 / 2; object-fit: cover; width: 100%; }
.salsite-footer a { color: #fff; }
.wp-block-latest-posts.wp-block-latest-posts__list li { margin-bottom: .6em; }
/* old content tables: readable and scrollable on phones */
.wp-block-post-content table { border-collapse: collapse; max-width: 100%; overflow-wrap: anywhere; }
.wp-block-post-content td, .wp-block-post-content th { border: 1px solid #C8D3E8; padding: .4em .6em; }
.wp-block-post-content img { max-width: 100%; height: auto; }
/* no gap between header, hero and title band */
.wp-site-blocks > * + * { margin-block-start: 0; }
.wp-site-blocks > footer, .wp-site-blocks > .wp-block-template-part:last-child { margin-block-start: 0; }

/* Form controls in old content and the lookup forms: readable size, fit the column */
.wp-block-post-content :is(input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset]):not([type=file]), select, textarea) {
	font: inherit; font-size: 1rem; padding: .4rem .55rem; border: 1px solid #6B7585; border-radius: 4px;
	background: #fff; color: #1B1F24; max-width: 100%; box-sizing: border-box;
}
.wp-block-post-content textarea { width: 100%; }
.wp-block-post-content :is(input[type=submit], input[type=button], input[type=reset], button):not([class*="agsc-carousel"]) {
	font: inherit; font-size: 1rem; font-weight: 600; padding: .45rem 1rem; margin: .2rem 0;
	background: #0033A0; color: #fff; border: 1px solid #0033A0; border-radius: 4px; cursor: pointer;
}
.wp-block-post-content :is(input[type=submit], input[type=button], input[type=reset], button):not([class*="agsc-carousel"]):hover { background: #001E5F; }
.wp-block-post-content input[type=file] { font-size: 1rem; max-width: 100%; }
.wp-block-post-content :is(input[type=checkbox], input[type=radio]) { width: 1.1rem; height: 1.1rem; vertical-align: middle; }

/* AGSC news list (sidebar and home) */
.agsc-news { list-style: none; padding: 0; margin: 0; }
.agsc-news li { margin: 0 0 .75rem; }
.agsc-news__date { display: block; font-size: .875rem; color: #4A5260; }
.agsc-news__more { font-size: .95rem; font-weight: 600; }

/* AGSC emblem (two axolotls, from the AGSC logo) beside the site title and the
   footer heading. Decorative only: the title text stays the link's name. */
header .wp-block-group:has(> .wp-block-site-title) { position: relative; padding-left: 66px; }
header .wp-block-group:has(> .wp-block-site-title)::before {
	content: ""; position: absolute; left: 0; top: 50%; width: 54px; height: 54px; transform: translateY(-50%);
	background: url("assets/icons/agsc-emblem-navy.png") no-repeat center / contain;
}
.salsite-footer .wp-block-column:first-child > h2::before {
	content: ""; display: inline-block; width: 34px; height: 34px; margin-right: .6rem; vertical-align: -8px;
	background: url("assets/icons/agsc-emblem-white.png") no-repeat center / contain;
}
@media (max-width: 600px) {
	header .wp-block-group:has(> .wp-block-site-title) { padding-left: 52px; }
	header .wp-block-group:has(> .wp-block-site-title)::before { width: 42px; height: 42px; }
}