/* font */
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");

/* font */
/* header */
#header {
    background: transparent !important;
}

nav a {
    color: #1578be;
}

html {
    background: linear-gradient(135deg, rgba(140, 213, 237, 0.25) 0%, rgba(182, 27, 9, 0.25) 100%) fixed !important;
    font-size: 16px;
    scroll-behavior: smooth;
    overflow-x: hidden;
}

body {
    background: linear-gradient(135deg, rgba(140, 213, 237, 0.25) 0%, rgba(182, 27, 9, 0.25) 100%) fixed !important;
    overflow-x: hidden;
}

body #root {
    background: transparent !important;
    font-family: "Roboto", sans-serif;
}

/* Make all main containers transparent */
#main-content,
#content,
.container,
.row,
main,
.main-wrapper,
#app-container,
.page-wrapper {
    background: transparent !important;
}

/* Add backdrop blur to content areas */
.card,
.menu-item,
.location-card,
.info-card,
#detail_view_menu .menu-items,
.accordion .card {
    background: rgba(255, 255, 255, 0.9) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

#header .resp-navbar ul li a,
#header .resp-navbar ul li a svg {
    color: #333333;
    fill: #333333;
}

#header .resp-navbar ul li:hover {
    color: #333333;
    background: none;
    border-radius: 5px;
}

#header .resp-navbar .dropdown ul li a {
    color: #555555;
}

#header .resp-navbar .dropdown ul li:hover a {
    color: #555555;
}

#header .resp-navbar ul li a:hover svg {
    fill: #555555;
}

/* homepage */
.carousel {
    margin-top: 4rem !important;
}

/* footer */
footer {
    background: transparent !important;
}

#main_footer {
    display: none;
}

footer ul li:hover {
    color: #c32428;
    background: rgba(255, 252, 241, 0.8) !important;
    border-radius: 5px;
}

footer ul li:hover a {
    color: #c32428 !important;
}

footer ul li a, footer ul p {
    color: #333333 !important;
}

footer .social h3 {
    color: #333333;
}

footer .hygiene-rating-disclaimer p {
    color: #333333;
}

footer .copy_rights {
    color: #333333;
    fill: #333333;
}

.copy_rights ul li:hover {
    background: none;
}

.copy_rights ul li a svg {
    fill: #333333;
}

/* order now */
#detail_view_menu h3,
h3,
#detail_view_menu .accordion .card-header {
    color: #c32428;
}

#detail_view_menu .accordion .card-sub-header {
    color: #af9e80;
}

.info-status h5 {
    color: #af9e80;
}

.info-status h3 {
    color: #c32428;
}

#detail_view_menu ul li a {
    background: rgba(255, 255, 255, 0.9) !important;
    color: #333333;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

#detail_view_menu ul li a:hover,
#detail_view_menu ul li a:focus,
#detail_view_menu ul li a.active {
    background: rgba(255, 255, 255, 0.95) !important;
    color: #c32428;
}

/* Additional overrides for any white backgrounds */
.page-content,
.content-wrapper,
.main-container,
.menu-container {
    background: transparent !important;
}