/* ==========================================================
   Orchard Profile Styles
   Profile-type specific visual treatments
   ========================================================== */


.orchard-profile-crop {
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* controls visible vertical area */
    height: 280px; /* adjust once */
}

    /* Optional: gently scale image inside crop */
    .orchard-profile-crop img {
        max-height: 120%;
    }



/* ----------------------------------------------------------
   Maker Class Profile
   ---------------------------------------------------------- */

.orchard-profile--makerclass {
    display: block;
    width: 100%;
    max-width: 260px;
    height: auto;
    /* Soft storybook silhouette */
    border-radius: 20px;
    /* Parchment mat */
    padding: 10px;
    background: rgba(255, 252, 245, 0.88);
    /* Handcrafted edge */
    border: 1px solid rgba(170, 150, 120, 0.35);
    /* Orchard depth (warm, never black) */
    box-shadow: 0 6px 18px rgba(95, 75, 45, 0.18), inset 0 0 0 1px rgba(255, 255, 255, 0.65);
    transition: box-shadow 0.25s ease, transform 0.25s ease;
}

    /* Hover / focus — gentle presence, no UI aggression */
    .orchard-profile--makerclass:hover,
    .orchard-profile--makerclass:focus {
        transform: translateY(-2px);
        box-shadow: 0 10px 26px rgba(95, 75, 45, 0.25), inset 0 0 0 1px rgba(255, 255, 255, 0.75);
    }

    /* Earned / unlocked maker class */
    .orchard-profile--makerclass.is-earned {
        box-shadow: 0 10px 30px rgba(110, 90, 60, 0.30), 0 0 0 3px rgba(145, 175, 150, 0.28), inset 0 0 0 1px rgba(255, 255, 255, 0.75);
    }

    /* Locked / undiscovered maker class */
    .orchard-profile--makerclass.is-locked {
        filter: grayscale(60%) brightness(0.95);
        opacity: 0.7;
    }

/* ----------------------------------------------------------
   Optional Frame Wrapper
   Use on busy backgrounds or profile grids
   ---------------------------------------------------------- */

.orchard-profile-frame--makerclass {
    display: inline-block;
    padding: 6px;
    border-radius: 24px;
    background: radial-gradient( ellipse at center, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.18) );
}