/*
Theme Name:   Aimers Child (Twenty Twenty-Four)
Theme URI:    https://aimers.com.pk/
Description:  Child theme of Twenty Twenty-Four for the Aimers learning site. Ships a ready header and footer (editable in the Site Editor), a brand colour + font system controlled from theme.json, built-in SEO output, and the interactive "CS9 Unit" chapter template with quizzes.
Author:       Aimers
Template:     twentytwentyfour
Version:      1.0.0
Requires at least: 6.4
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:  aimers-child
*/

/* ------------------------------------------------------------------
   Small global polish. Colours and fonts live in theme.json — do not
   hard-code brand colours here.
   ------------------------------------------------------------------ */

/* keyboard focus must always be visible (accessibility = better SEO signals) */
:where(a, button, input, select, textarea, summary):focus-visible {
	outline: 3px solid var(--wp--preset--color--accent);
	outline-offset: 2px;
	border-radius: 4px;
}

/* ---------- Header ---------- */
.aimers-header .wp-block-site-title a {
	text-decoration: none;
}
.aimers-header .wp-block-navigation a {
	text-decoration: none;
}
.aimers-header .wp-block-navigation .wp-block-navigation-item__content:hover {
	color: var(--wp--preset--color--accent);
}
.aimers-header .wp-block-button__link {
	text-decoration: none;
}

/* ---------- Footer ---------- */
.aimers-footer a,
.aimers-footer .wp-block-navigation-item__content {
	color: var(--wp--preset--color--base-2);
	text-decoration: none;
}
.aimers-footer a:hover,
.aimers-footer .wp-block-navigation-item__content:hover {
	color: var(--wp--preset--color--mint);
	text-decoration: underline;
}
.aimers-footer .wp-block-navigation__container {
	gap: 0.5rem;
}
.aimers-footer .wp-block-separator {
	border-color: rgba(255, 255, 255, 0.16);
}
.aimers-footer .wp-block-heading {
	letter-spacing: 0.01em;
}
.aimers-footer .wp-block-site-title a {
	color: var(--wp--preset--color--base-2);
}

/* ---------- Reading comfort for normal pages/posts ---------- */
.wp-block-post-content :where(img, video) {
	height: auto;
	max-width: 100%;
}