/* MENU ROWS style */



/* Top row styling */
.mainmenu-toprow 
{
    background-color: var(--dark-theme-dark-brown-like-logobg);
    
}


.row-bg-dark 
{
    background-color: var(--dark-theme-dark-brown-like-logobg);
    color: rgb(255,255,255); /* white text for contrast */
    padding: 10px;
}

.row-bg-teal 
{
    background-color: var(--dark-theme-teal-pleasing);
    color: rgb(255,255,255); /* white text for contrast */
  
     text-align: center;      /* keeps items centered horizontally */

    margin-top: 45px;
    padding: 0px;
}


/* Remove bullets from menu lists */
.mainmenu-list 
{
    list-style-type: none;   /* no discs, no squares, nothing */
    margin: 0;               /* reset default margins */
    padding: 0;              /* reset default padding */
    text-align: center;      /* keeps items centered horizontally */
}

.mainmenu-list li 
{
    margin-top: 10px;           /* space between items */
}


/* Side panel link styling */
.mainmenu-list a 
{
    color: rgb(255,255,255);       /* soft white text */
    text-decoration: none;         /* remove underline */
    display: inline-block;         /* makes hover area cleaner */
    padding: 5px 0;                /* spacing between links */
}

/* Hover effect for links */
.mainmenu-list a:hover 
{
    text-decoration: underline;    /* optional: show underline only on hover */
    color: rgb(230,230,230);       /* slightly lighter white for hover */
}