/*
Theme Name: aLOTTaperspective
Theme URI: https://www.alottaperspective.com
Description: Child theme of Twenty Twenty-Five for alottaperspective.com. Carries the brand palette, editorial typography, navigation and hero styling so customizations survive parent-theme updates.
Author: Pamela Lott
Author URI: https://www.alottaperspective.com
Template: twentytwentyfive
Version: 1.0.0
Requires at least: 6.7
Tested up to: 7.0
Requires PHP: 7.4
Text Domain: alottaperspective
*/

/* =========================================================
   aLOTTaperspective brand polish
   (parent = Twenty Twenty-Five; palette lives in theme.json)
   ========================================================= */

/* --- Hero cover: never render as an empty dimmed band ---
   Defence-in-depth: if a full-width cover has no background media,
   fall back to the brand-ink colour so text stays readable. */
.wp-block-cover.alignfull:not(.has-background-image) > .wp-block-cover__background:only-child,
.wp-block-cover.alignfull:not(:has(img.wp-block-cover__image-background)) {
  background-color: var(--wp--preset--color--brand-ink, #141414);
}
.wp-block-cover.alignfull {
  align-items: center;
}
.wp-block-cover .wp-block-cover__inner-container {
  max-width: 820px;
  padding-inline: var(--wp--preset--spacing--40, 1.5rem);
  text-align: center;
}
.wp-block-cover h1 { text-wrap: balance; line-height: 1.05; }

/* --- Primary navigation: quiet, editorial, letter-spaced --- */
.wp-block-navigation {
  font-size: 0.86rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.wp-block-navigation .wp-block-navigation-item__content { font-weight: 500; }
.wp-block-navigation a:hover,
.wp-block-navigation a:focus { color: var(--wp--preset--color--brand-accent); }

/* --- Buttons read as the brand accent --- */
.wp-block-button__link {
  border-radius: 2px;
  letter-spacing: 0.03em;
}

/* --- Post & card imagery: subtle, consistent framing --- */
.wp-block-image img { border-radius: 3px; }

/* --- Post title links: accent on hover, not by default --- */
.wp-block-post-title a:hover,
h2 a:hover, h3 a:hover { color: var(--wp--preset--color--brand-accent); }

/* --- Category / latest-stories grids: even columns, tidy gaps --- */
.wp-block-columns { gap: 2rem; }
@media (max-width: 781px) {
  .wp-block-columns { gap: 1.25rem; }
}

/* --- Footer social icons keep breathing room --- */
.wp-block-social-links { margin-block: 0.75rem; }