/*
Theme Name: MemberCore Realm
Theme URI: https://github.com/caseproof/membercore-realm
Author: Caseproof
Author URI: https://caseproof.com
Description: A full-site-editing WordPress theme that complements the MemberCore Gamification plugin. AAA / RPG dashboard aesthetic with subtle gamification styling on standard content. Ships a Royal Gold default and an Obsidian alt style variation.
Requires at least: 6.7
Tested up to: 6.9
Requires PHP: 7.4
Version: 0.1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: membercore-realm
Tags: full-site-editing, block-patterns, custom-colors, custom-menu, editor-style, featured-images, style-variations, threaded-comments, translation-ready, wide-blocks, accessibility-ready
*/

/* Logged-in visitors don't need the Join CTA. */
body.logged-in .realm-header__guest-cta { display: none; }

/* Hide continue-quest CTA for logged-out visitors. */
body:not(.logged-in) .realm-cta--continue { display: none; }

/* Visible focus ring across the whole theme. */
:focus-visible {
    outline: 2px solid var(--wp--preset--color--royal-gold, #d4af37);
    outline-offset: 3px;
}

body:has(.realm-home-infographic-only) {
    background:
        radial-gradient(ellipse at 50% 10%, rgba(255, 250, 232, 0.98) 0 20rem, rgba(246, 232, 190, 0.44) 38rem, transparent 64rem),
        linear-gradient(180deg, #8d897c 0, #bdb59a 14rem, #eee6ce 30rem, #fbf7eb 100%);
}

.realm-home-infographic-only {
    min-height: 100vh;
    display: grid;
    place-items: center;
}

.realm-home-infographic-only .wp-block-image {
    position: relative;
    margin: 0;
    width: min(100%, 58rem);
    padding: clamp(0.75rem, 2vw, 1.25rem);
    border: 1px solid rgba(118, 94, 48, 0.26);
    border-radius: 24px;
    background: rgba(255, 252, 241, 0.76);
    box-shadow:
        0 2rem 5rem rgba(30, 28, 20, 0.28),
        0 0.35rem 1.25rem rgba(30, 28, 20, 0.18),
        inset 0 0 0 1px rgba(255, 255, 255, 0.72);
}

.realm-home-infographic-only .wp-block-image::before {
    content: "";
    position: absolute;
    inset: clamp(0.35rem, 1vw, 0.625rem);
    z-index: 0;
    border: 1px solid rgba(188, 149, 72, 0.22);
    border-radius: 18px;
    pointer-events: none;
}

.realm-home-infographic-only img {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: auto;
    border-radius: 18px;
    box-shadow: 0 0.8rem 2rem rgba(63, 51, 29, 0.16);
}