@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Display:ital,wght@0,100..900;1,100..900&display=swap');

:root {
    --main-color: #0072ce !important;
}


*,
*::before,
*::after,
html,
body,
input,
button,
select,
textarea,
p,
span,
a,
li,
div,
label,
td,
th {
    font-family: 'Noto Sans Display', sans-serif !important;
    font-weight: 300 !important;
}


h1, h2, h3, h4, h5, h6,
b, strong,
.title,
.category-title,
.category-nav-title,
.section-title,
.section-title h4,
.restaurant-name,
.item-name,
.price-bg,
.item-price,
.item-weight,
.category-button-label,
.brand,
.tab,
.active,
.modal-title-v2,
.modal-price,
.modal-summary-weight,
.fw-bold,
.bold,
[style*="font-weight: bold"],
[style*="font-weight:bold"],
[style*="font-weight: 500"],
[style*="font-weight:500"],
[style*="font-weight: 600"],
[style*="font-weight:600"],
[style*="font-weight: 700"],
[style*="font-weight:700"],
[style*="font-weight: 800"],
[style*="font-weight:800"],
[style*="font-weight: 900"],
[style*="font-weight:900"] {
    font-weight: 400 !important;
}

/* Remove spacing between category sections */
.section-container,
.section-container .container,
.container {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.section-title {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    position: relative !important;
    height: auto !important;
}

.section-title::after {
    display: none !important;
}

.section-title h4{
    color: #05236e !important;
    text-transform: uppercase !important;
    text-align: center !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    margin: 0 auto !important;
    padding: 30px 10px !important;
}

.section-title h4::before,
.section-title h4::after{
    content: '' !important;
    display: inline-block !important;
    width: 37px !important;
    height: 2px !important;
    background-color: var(--main-color) !important;
    flex-shrink: 0 !important;
}


.price-currency,
.food-item .item-price .price-currency,
.item-price .price-currency {
    position: absolute !important;
    bottom: 0px !important;
    color: var(--main-color) !important;
}


.description-container p::first-letter,
.description-container p:first-letter {
    float: none !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    padding: 0 !important;
    font-family: inherit !important;
}


.food-item,
.row.food-item,
.item,
.food-details {
    border-top: none !important;
    border-bottom: none !important;
}

/* Swiper category list item (li) - no border */
li.category,
.category.swiper-slide,
.menu-tabs .swiper-slide,
.categories-list li {
    border: none !important;
}

/* Category links common styling */
.main-categories-link,
.navbar-link,
.cat-link {
    text-transform: uppercase !important;
}

/* Swiper category links (a) - Active item */
.category.swiper-slide.active .main-categories-link,
.category.active .main-categories-link,
.menu-tabs .swiper-slide.active .cat-link,
.menu-tabs .active .cat-link,
.main-categories-link.navbar-link.active {
    border-radius: 30px !important;
    border: 1px solid var(--main-color) !important;
    background-color: var(--main-color) !important;
    color: #ffffff !important;
    text-transform: uppercase !important;
}

/* Swiper category links (a) - Inactive item */
.category.swiper-slide:not(.active) .main-categories-link,
.category:not(.active) .main-categories-link,
.menu-tabs .swiper-slide:not(.active) .cat-link,
.swiper-slide:not(.swiper-slide-active) .main-categories-link,
.main-categories-link.navbar-link:not(.active) {
    border-radius: 30px !important;
    border: 1px solid var(--main-color) !important;
    color: var(--main-color) !important;
    text-transform: uppercase !important;
}

/* Language selector styling */
#language {
    border-radius: 30px !important;
    border-color: var(--main-color) !important;
}