@charset "utf-8";
.ddsmoothmenu-v ul{
margin: 0;
padding: 0;
width: 220px; /* Main Menu Item widths */
list-style-type: none;
font-size:15px;
font-weight:bold;
text-align:left;

}
 
.ddsmoothmenu-v ul li{
position: relative;
}

/* Top level menu links style */
.ddsmoothmenu-v ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: white;
text-decoration: none;
padding: 8px;
padding-left:20px;
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;

}

.ddsmoothmenu-v ul li a:link, .ddsmoothmenu-v ul li a:visited, .ddsmoothmenu-v ul li a:active{
background: #414141; /*background of menu items (default state)*/
color: white;
}


.ddsmoothmenu-v ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
background: black; 
color: white;
}

.ddsmoothmenu-v ul li a:hover{
background: black; /*background of menu items during onmouseover (hover state)*/
color: white;
}

/*Sub level menu items */
.ddsmoothmenu-v ul li ul{
position: absolute;
width: 220px; /*Sub Menu Items width */
top: 0;
font-size:15px;
font-weight: normal;
visibility: hidden;
}

 
/* Holly Hack for IE \*/
* html .ddsmoothmenu-v ul li { float: left; height: 1%; }
* html .ddsmoothmenu-v ul li a { height: 1%; }
/* End */


/* ======================================
   MOBILE RESPONSIVE STYLES (max-width: 768px)
   ====================================== */
@media screen and (max-width: 768px) {
    
    .ddsmoothmenu-v {
        width: 100% !important;
    }
    
    .ddsmoothmenu-v ul {
        width: 100% !important;
    }
    
    .ddsmoothmenu-v ul li {
        position: static !important;
        display: block;
        width: 100%;
    }
    
    .ddsmoothmenu-v ul li a {
        width: 100%;
        box-sizing: border-box;
        border-right: none;
        position: relative;
    }
    
    /* Submenu styles for mobile */
    .ddsmoothmenu-v ul li ul {
        position: static !important;
        visibility: visible !important;
        width: 100% !important;
        display: none; /* Hidden by default, shown when parent is clicked */
        background: #333;
    }
    
    .ddsmoothmenu-v ul li ul li a {
        padding-left: 30px !important;
        background: #333 !important;
        font-size: 14px;
    }
    
    .ddsmoothmenu-v ul li ul li ul li a {
        padding-left: 45px !important;
        background: #2a2a2a !important;
        font-size: 13px;
    }
    
    .ddsmoothmenu-v ul li ul li ul li ul li a {
        padding-left: 60px !important;
        background: #222 !important;
        font-size: 12px;
    }
    
    /* Show submenu when parent has 'open' class */
    .ddsmoothmenu-v ul li.mobile-open > ul {
        display: block !important;
    }
    
    /* Add arrow indicator for items with submenus */
    .ddsmoothmenu-v ul li.has-submenu > a::after {
        content: '\25BC'; /* Down arrow */
        position: absolute;
        right: 15px;
        font-size: 12px;
        transition: transform 0.3s ease;
    }
    
    .ddsmoothmenu-v ul li.has-submenu.mobile-open > a::after {
        transform: rotate(180deg); /* Rotate arrow when open */
    }
    
    /* Prevent hover effects on mobile */
    .ddsmoothmenu-v ul li a:hover {
        background: #414141 !important;
    }
    
    .ddsmoothmenu-v ul li.mobile-open > a,
    .ddsmoothmenu-v ul li.mobile-active > a {
        background: black !important;
    }
    
    /* Container adjustments */
    #kontener {
        display: block !important;
    }
    
    #kontener > div[style*="float:left"] {
        float: none !important;
        width: 100% !important;
    }
    
    #tresc {
        width: 100% !important;
        padding: 15px;
        box-sizing: border-box;
    }
}

/* Smaller mobile devices */
@media screen and (max-width: 480px) {
    .ddsmoothmenu-v ul li a {
        font-size: 14px;
        padding: 10px 15px;
    }
    
    .ddsmoothmenu-v ul li ul li a {
        font-size: 13px;
        padding-left: 25px !important;
    }
    
    .ddsmoothmenu-v ul li ul li ul li a {
        font-size: 12px;
        padding-left: 35px !important;
    }
}