/*
 * TWO Visual Fixes
 * - Targets the hero image by its Media Library class .wp-image-150 (update number if your image ID differs).
 * - Improves header menu spacing.
 * - Adds subtle text shadow for readability (homepage only).
 *
 * If your hero image has a different ID, edit the class below:
 *   .wp-image-150  ->  .wp-image-XXX
 */

/* --- HERO IMAGE (no crop, keep full body visible) --- */
body.home img.wp-image-150 {
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;   /* show entire photo */
    object-position: center !important;
    display: block;
    border-radius: 14px;
}
/* ensure no ancestor is clipping it */
body.home figure.wp-block-image img.wp-image-150 {
    clip-path: none !important;
    overflow: visible !important;
}
body.home figure.wp-block-image {
    overflow: visible !important;
}

/* --- NAV MENU SPACING & LEGIBILITY --- */
.wp-block-navigation__container > .wp-block-navigation-item {
    margin-right: 18px;
}
.wp-block-navigation__container > .wp-block-navigation-item:last-child {
    margin-right: 0;
}

/* --- HOMEPAGE TEXT LEGIBILITY --- */
body.home h1, body.home h2, body.home .has-text-color:not(.has-background) {
    text-shadow: 0 2px 8px rgba(0,0,0,0.55);
}

/* --- Cards readability (slightly brighter) --- */
body.home .wp-block-group.has-background {
    background-color: rgba(28,28,30,0.85);
}

/* --- Optional: slightly lighten site background if it's pure black --- */
body { background-color: #0f0f12; }