/* elder_global.css -- LOCKED 2026-06-10 (Mr Z directive)
 *
 *   The ENTIRE elder section uses a minimum 22 px body font.
 *   The rest of the site stays at its normal size.
 *
 *   How activation works:
 *     - Any page under /elders/*                   -> add body class .elder-section
 *     - Any user with users.signup_role = 'elder'  -> add body class .elder-section
 *     - The welcome.php for an elder-signed-up user -> add body class .elder-section
 *     - Done by includes/header.php (or elder_header.php once E3 ships it)
 *
 *   RULE 32 (palette) is enforced here too:
 *     - NO red on dark bg  (use soft pink / yellow / light blue)
 *     - NO pure black bg   (use deep blue / blue-purple)
 *     - Dark bg requires LIGHT card
 */

body.elder-section,
body.elder-section p,
body.elder-section li,
body.elder-section a,
body.elder-section span,
body.elder-section label,
body.elder-section input,
body.elder-section textarea,
body.elder-section select,
body.elder-section button {
    font-size: 22px !important;
    line-height: 1.55;
}

body.elder-section h1 { font-size: 32px !important; line-height: 1.25; }
body.elder-section h2 { font-size: 28px !important; line-height: 1.3;  }
body.elder-section h3 { font-size: 24px !important; line-height: 1.35; }
body.elder-section h4 { font-size: 22px !important; line-height: 1.4;  }

body.elder-section button,
body.elder-section .btn,
body.elder-section input[type=submit],
body.elder-section input[type=button] {
    min-height: 48px;
    padding: 10px 18px;
}

body.elder-section input[type=text],
body.elder-section input[type=email],
body.elder-section input[type=password],
body.elder-section input[type=tel],
body.elder-section input[type=number],
body.elder-section textarea,
body.elder-section select {
    min-height: 44px;
    padding: 10px 12px;
    font-size: 22px !important;
}

body.elder-section a { text-decoration: underline; }

/* Panic button = soft pink, NOT red (RULE 32) */
body.elder-section .panic-btn {
    background: #ffb5c2;
    color: #4a0d18;
    border: 2px solid #6e0f1f;
    font-weight: 700;
    min-width: 110px;
    min-height: 48px;
}
body.elder-section .panic-btn:hover { background: #ff9aae; }

/* Forbid red-on-dark for any text on elder pages */
body.elder-section { background: #112a55; }
body.elder-section .card,
body.elder-section .panel { background: #ffffff; color: #111; }