* {margin: 0;padding: 0;box-sizing: border-box;}
.renelno-header {position: fixed;top: 0;left: 0;height: 60px;width: 100%;background: linear-gradient(to right, #002e5d, #002e5d, #2774ae);gap: 50px;padding: 0.5px;display: flex;justify-content:center;align-items: center;
 z-index: 10;border-bottom: 1px solid rgba(0, 0, 0, 0.05);}
.logo {text-decoration: none;display: flex;align-items: center;gap: 15px;margin-left: 25px;}
/*.logo img {width: 42px;height: 40px;}
/*.menu-head img {width: 16px;height: 16px; margin: 15px;}*/
.menu-head {height:65px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;background:#1565c0;color:#fff;}

.hamburger-icon {background: yellow;border: solid 3px red;padding:5px 10px;line-height: 18px;font-size: 18px;font-weight: bold;color: black;margin-right: 20px;display: flex;cursor: pointer;z-index: 1100;animation: blinker 2s linear infinite;}
.menu-backdrop {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.4);backdrop-filter: blur(4px);visibility: hidden;opacity: 0;transition: visibility 0.3s ease, opacity 0.3s ease;z-index:  1050;}
.menu-backdrop.active {visibility: visible;opacity: 1;}

.sidebar-menu {position: fixed;top: 0;left: -320px;width: 320px;max-width: 85%;height: 100%;font-family: roboto;background: #F7C39E;box-shadow: 6px 0 28px rgba(0, 0, 0, 0.12);z-index: 1100;transition: left 0.3s cubic-bezier(0.2, 0.9, 0.4, 1.2);display: flex;flex-direction: column;overflow: hidden;}
.sidebar-menu.open {left: 0;}

.menu-head {padding: 1rem;border-bottom: 1px solid #eef2f8;background: #C9F5C4;}
.nav-menu {list-style: none;padding: 0.5rem 0 2rem 0;margin: 0;}
/*.nav-item {border-bottom: 1px solid #f0f4fa;}*/

.menu-link {display: flex;align-items: center;justify-content: space-between;padding: 0.75rem 1.5rem;font-family: 'Calistoga';font-size: 1.2rem;font-weight: bold;color: black;text-decoration: none;background: #F7C39E;cursor: pointer;}
.menu-link:hover {background: #f6f9fe;}

.link-label {display: flex;font-family: 'Roboto';align-items: center;gap: 10px;}

/* Dropdown arrow */
.dropdown-arrow {font-size: 0.7rem;transition: transform 0.25s ease;color: #7c8ba0;font-weight: 600;}
.dropdown-arrow.rotated {transform: rotate(180deg);}

/* Submenu container (multi-level) */
.sub-menu {list-style: none;margin: 0;padding-left: 0;background: #fefefe;max-height: 0;overflow: hidden;transition: max-height 0.35s cubic-bezier(0.33, 1, 0.68, 1);}
.sub-menu.show {max-height: 600px;  /* accommodates nested items */}

/* Nested indentation */
.sub-menu .menu-link {padding-left: 2.2rem;font-weight: 450;font-size: 0.85rem;background: #fafdff;}

/* Close button inside menu */
.close-sidebar-btn {margin: 0.1rem 1.5rem 0.1rem 1.5rem;background: red;border: none;padding: 0.7rem;border-radius: 15px;font-size: 1rem;font-weight: bold;color: white;cursor: pointer;transition: 0.2s;font-family: inherit;}
.close-sidebar-btn:hover {background: #e4e9f2;}

/* scroll lock while menu is open */
body.menu-open-state {overflow: hidden;}

/* subtle scrollbar */
.sidebar-menu::-webkit-scrollbar {width: 4px;}
.sidebar-menu::-webkit-scrollbar-track {background: #f1f1f1;}
.sidebar-menu::-webkit-scrollbar-thumb {background: #cbd5e1;border-radius: 10px;}
.imHTMLObject {z-index:-1;}