/*!
 * MakeMonLab Academy — page-fixes-20260422.css
 * Cross-page layout & visual fixes surfaced during QA on 2026-04-22+
 */

/* ========== Fix: blank space after hero image on single pages ========== */
.single-page .page-hero + .site-main { margin-top: 0; }

/* ========== Fix: table overflow on mobile for admin pages ========== */
@media (max-width: 640px) {
    .mml-academy-admin table,
    .mml-loyalty-dashboard table {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

/* ========== Fix: WooCommerce cart totals vertical alignment ========== */
.woocommerce .cart_totals table td,
.woocommerce .cart_totals table th { vertical-align: middle; }

/* ========== Fix: bbPress hero + widget area breadcrumb overlap ========== */
.bbp-breadcrumb { margin-bottom: 16px; }
body.bbpress .page-hero + .site-main .bbp-breadcrumb:first-child { margin-top: 12px; }

/* ========== Fix: form placeholder colors inconsistent ========== */
input::placeholder,
textarea::placeholder { color: var(--muted, #64748b); opacity: 0.7; }

/* ========== Fix: focus ring invisible on dark backgrounds ========== */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
    outline: 2px solid var(--accent, #f59e0b);
    outline-offset: 2px;
}

/* ========== Fix: mobile menu body scroll lock when nav-open ========== */
body.nav-open { overflow: hidden; height: 100vh; }

/* ========== Fix: long Korean text breaking awkwardly ========== */
.hero-title,
.page-hero-title,
.section-title,
h1, h2, h3 { word-break: keep-all; overflow-wrap: break-word; }

/* ========== Fix: WP admin notice overlap with HQ widgets ========== */
.wrap > .notice,
.wrap > .updated { margin: 5px 0 15px !important; }

/* ========== Fix: image alt overlay on broken image ========== */
img:not([src]),
img[src=""] {
    min-height: 40px;
    background: var(--surface-soft, #f8fafc);
    border: 1px dashed var(--line, #e5e7eb);
    border-radius: 6px;
}

/* ========== Fix: select2 z-index below modal overlay ========== */
.select2-dropdown { z-index: 99999 !important; }

/* ========== Fix: WooCommerce price markup double-span spacing ========== */
.woocommerce-Price-amount + .woocommerce-Price-amount { margin-left: 4px; }