/*
Theme Name: Handsome for WordPress
Description: WordPress adaptation of the licensed Handsome theme.
Version: 0.1.0
Requires at least: 6.7
Requires PHP: 8.2
*/
/* WordPress adds "page" to the body; Handsome uses .page inside reading mode. */
body.page { margin: 0; padding: 0; }
.navbar-header .navbar-brand { max-width: 100%; overflow: hidden; }
#navbar-brand-day { display: flex; align-items: center; min-width: 0; max-width: 100%; }
#navbar-brand-day > .hidden-folded { min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.handsome-sub-toggle {
    width: 100%;
    padding: 10px 20px;
    text-align: left;
    border: 0;
    background: transparent;
    color: inherit;
}
.handsome-sub-toggle + ul[hidden], .handsome-menu-child-toggle + ul[hidden] { display: none; }
.navi .menu-item-has-children > .nav-sub:not([hidden]) { height: auto; margin-left: 0; overflow: visible; opacity: 1; }
.handsome-menu-child-toggle { position: absolute; top: 0; right: 0; width: 40px; height: 40px; border: 0; background: transparent; color: inherit; }
#left_footer { display: flex; align-items: center; justify-content: space-around; }
#left_footer a { display: inline-flex; align-items: center; justify-content: center; min-width: 40px; min-height: 38px; }
#search_tips_drop:not([hidden]) { display: block; }
#morphing-content:not([open]) { display: none; }
#morphing-content[open] { max-width: min(90vw, 900px); max-height: 90vh; overflow-y: auto; border: 0; }
#morphing-content::backdrop { background: rgba(0, 0, 0, .55); }
.handsome-read-close { position: sticky; top: 8px; float: right; z-index: 1; }
@media (max-width: 767px) {
    #aside.handsome-aside-open {
        display: block !important;
        position: fixed;
        z-index: 1001;
        top: 50px;
        bottom: 0;
        left: 0;
        transform: translateX(0) !important;
        overflow-y: auto;
    }
}