/* ############################################################################################################################################################################ */
/* ############################################################################################################################################################################ */
/* Glyh Entertainment Public Website                                                                                                                                            */
/*  • Page:            	        Navbook (navbook.css)                                                                                                                           */
/*  • Description:              Navbook / Grimoire style with page-flip hover effect                                                                                            */
/*  • Location:               	/css/navbook.css                                                                                                                                */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/*  • Version:                  v0.0.03 α                                                                                                                                       */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/*  • Project Start Date:       2026-05-06                                                                                                                                      */
/*  • α Release Date:           2026-05-06                                                                                                                                      */
/*  • β Release Date:           2026-05-06                                                                                                                                      */
/*  • Last updated:             2026-05-06 @ 0015 EDT                                                                                                                          	*/
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/*  • Author:                   by Conner Rhoads                                                                                                                                */
/*  • Official Site:            www.glyphentertainment.com                                                                                                                      */
/* ############################################################################################################################################################################ */
/* ############################################################################################################################################################################ */


/* ============================================================================================================================================================================ */
/*  GRIMOIRE BOOK DISPLAY - NAVBOOK.PNG                                                                                                                                         */
/* ============================================================================================================================================================================ */

.book-container 
{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 60px auto;
    max-width: 620px;
    position: relative;
}

/* Book image base styling */
.book-container img 
{
    width: 100%;
    max-width: 1000px;

    /* Strong drop shadow */
    box-shadow: 
        0 30px 60px -10px rgb(0 0 0 / 90%),
        0 10px 20px -5px rgb(0 0 0 / 70%);

}


/* Hover - Book lifts + page dramatically flips */
.book-container:hover img 
{
    box-shadow: 
        0 50px 100px -20px rgb(0 0 0 / 95%),
        0 0 100px rgba(255, 215, 0, 0.6),
        inset 0 0 50px rgba(255, 215, 0, 0.3);
}

.book-container:hover::after 
{
    transform: perspective(600px) rotateY(-38deg) translateX(25px);
    opacity: 0.9;
    box-shadow: 
        -25px 25px 40px -10px rgba(0, 0, 0, 0.75),
        inset -40px 20px 45px rgba(255, 215, 0, 0.25);
}

/* ============================================================================================================================================================================ */
/*  END NAVBOOK STYLESHEET                                                                                                                                                      */
/* ============================================================================================================================================================================ */