#cookie-bar {background: #6b675e; /* Dark greyish background */
    height: auto; /* Height adjusts to content */
    line-height: 24px; /* Line height for internal text */
    color: #eeeeee; /* Light grey text color */
    text-align: center; /* Center-align the text */
    padding: 4px 0; /* Padding above and below text */
    width: 100%; /* Full viewport width */
    position: fixed; /* Fixed positioning relative to the viewport */
    bottom: 0; /* Positioned at the bottom of the viewport */
    left: 0; /* Aligned to the left side of the viewport */
    z-index: 1000; /* High z-index to ensure it overlays other content */}
#cookie-bar.fixed {position:fixed; bottom:0; left:0; width:100%;}
#cookie-bar.fixed.bottom {bottom:0; top:auto;}
#cookie-bar p {margin:0; padding:0;}
#cookie-bar a {color:#ffffff; display:inline-block; border-radius:3px; text-decoration:none; padding:0 8px; margin-left:14px;}/* buttons styling */
#cookie-bar .cb-enable {background:#007700;}
#cookie-bar .cb-enable:hover {background:#009900;}

#cookie-bar .cb-disable {background:#990000;}
#cookie-bar .cb-disable:hover {background:#bb0000;}

#cookie-bar .cb-policy {background:#445771;}
#cookie-bar .cb-policy:hover {background:#38465c;}

@media only screen and (max-width: 479px) {
    #cookie-bar {
        font-size: 12px; /* Smaller text size for very small screens */
    }

    #cookie-bar p {
        padding: 0 5px; /* Smaller side padding */
		width: 400px;
    }

    #cookie-bar a {
        padding: 3px 8px; /* Slightly smaller padding for very narrow widths */
        margin: 0 5px; /* Reduce margin to fit on smaller screens */
        font-size: 12px; /* Maintain readable font size */
    }
}