/* DawriGo brand theme — UI chrome only (does not recolor platform/seller icon images) */
:root {
    --dawrigo-navy: #0D1732;
    --dawrigo-blue: #00AEEF;
    --dawrigo-blue-dark: #0891C4;
    --dawrigo-green: #7BC943;
}

.dropdown-item.active,
.dropdown-item:active {
    background-color: var(--dawrigo-blue) !important;
}

.border-primary {
    border-color: var(--dawrigo-blue) !important;
}

.bg-primary {
    background-color: var(--dawrigo-blue) !important;
    background: linear-gradient(135deg, var(--dawrigo-blue) 0%, var(--dawrigo-blue-dark) 100%) !important;
}

.btn-primary {
    background: var(--dawrigo-blue) !important;
    border-color: var(--dawrigo-blue) !important;
    color: #fff !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
    background: linear-gradient(135deg, var(--dawrigo-blue) 0%, var(--dawrigo-green) 100%) !important;
    border-color: var(--dawrigo-blue-dark) !important;
    color: #fff !important;
}

.btn-outline-primary {
    color: var(--dawrigo-blue) !important;
    border-color: var(--dawrigo-blue) !important;
}

.btn-outline-primary:hover {
    background: var(--dawrigo-blue) !important;
    border-color: var(--dawrigo-blue) !important;
    color: #fff !important;
}

.text-primary {
    color: var(--dawrigo-blue) !important;
}

a.text-primary:hover,
.see-all a,
.list-card a:hover {
    color: var(--dawrigo-blue-dark) !important;
}

.ecommerce-content .title .see-all a,
.siddhi-home-page .see-all a,
.grocery-home-page .see-all a {
    background: var(--dawrigo-blue) !important;
    color: #fff !important;
    border: none !important;
}

.ecommerce-content .title .see-all a:hover,
.siddhi-home-page .see-all a:hover {
    background: linear-gradient(135deg, var(--dawrigo-blue) 0%, var(--dawrigo-green) 100%) !important;
    color: #fff !important;
}

/* Food / Grocery choose modal */
.site-mode-card:hover,
.site-mode-card:focus {
    border-color: var(--dawrigo-blue) !important;
    box-shadow: 0 8px 24px rgba(0, 174, 239, 0.18) !important;
}

.food-mode-icon {
    background: rgba(0, 174, 239, 0.12) !important;
    color: var(--dawrigo-blue) !important;
}

.food-mode-icon .fa {
    color: var(--dawrigo-blue) !important;
}

.grocery-mode-icon {
    background: rgba(123, 201, 67, 0.15) !important;
    color: var(--dawrigo-green) !important;
}

.grocery-mode-icon i {
    color: var(--dawrigo-green) !important;
}

/* Search UI accents */
.search .input-group-text.text-primary,
.search_food_btn,
.feather-search.bg-primary,
.widget-header .feather-search {
    color: var(--dawrigo-blue) !important;
}

.widget-header .feather-percent {
    color: var(--dawrigo-blue) !important;
}

.feather-search.bg-primary {
    background: var(--dawrigo-blue) !important;
    color: #fff !important;
}

.grocery-search-btn {
    background: var(--dawrigo-blue) !important;
    color: #fff !important;
    border: 0 !important;
}

.grocery-search-btn:hover {
    background: linear-gradient(135deg, var(--dawrigo-blue) 0%, var(--dawrigo-green) 100%) !important;
    color: #fff !important;
}

.grocery-search-icon {
    background: rgba(0, 174, 239, 0.12) !important;
    color: var(--dawrigo-blue) !important;
}

/* UI icons (feather/font-awesome chrome) — not uploaded seller images */
.head-loc i.feather-map-pin,
.feather-star.star_active,
.rating-stars .feather-star.star_active,
.rating-stars .feather-star.text-warning {
    color: var(--dawrigo-blue) !important;
}

.header-main {
    padding: 10px 0 !important;
    position: relative;
    z-index: 100;
}

.header-nav-wrapper {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    gap: 1rem !important;
}

.header-nav-left {
    display: flex !important;
    align-items: center !important;
    flex-shrink: 0 !important;
    gap: 0.75rem !important;
}

.header-nav-left .brand-wrap {
    max-width: 160px !important;
    flex-shrink: 0 !important;
}

.header-nav-left .head-search {
    width: 240px !important;
    max-width: 260px !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
}

.head-search .dropdown {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    border: 1px solid var(--dawrigo-blue, #00AEEF) !important;
    border-radius: 9px !important;
    padding: 6px 12px !important;
    transition: all ease 0.3s !important;
    overflow: hidden !important;
    margin: 0 !important;
    position: relative !important;
}

.head-search .dropdown-toggle {
    width: 100% !important;
    min-width: 0 !important;
    display: flex !important;
    align-items: center !important;
    overflow: hidden !important;
    text-decoration: none !important;
}

.head-search .dropdown-toggle::after {
    display: none !important;
}

.head-search .dropdown-toggle .head-loc {
    flex-shrink: 0 !important;
    margin-right: 6px !important;
    line-height: 1 !important;
}

.header-main .pac-target-input#user_locationnew {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    border: none !important;
    background: transparent !important;
    outline: none !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    padding: 0 !important;
    color: #333 !important;
    height: auto !important;
}

.header-right {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

.header-right > .d-flex {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex-wrap: nowrap !important;
    gap: 0.85rem !important;
}

.header-right .widget-header {
    flex-shrink: 0 !important;
    margin-right: 0 !important;
}

.header-main .takeaway-div input[type="checkbox"]::before,
.header-main .takeaway-div input[type="checkbox"]:checked::before {
    background: var(--dawrigo-blue) !important;
    background-color: var(--dawrigo-blue) !important;
}

.header-main .takeaway-div input[type="checkbox"]:checked::before {
    background: linear-gradient(135deg, var(--dawrigo-blue) 0%, var(--dawrigo-green) 100%) !important;
}

.mobile-header-loc-lang .takeaway-btn,
.mobile-header-loc-lang .takeaway-btn i,
.mobile-header-loc-lang .takeaway-btn span {
    color: #fff !important;
}

.mobile-header-loc-lang .takeaway-div input[type="checkbox"]::before,
.mobile-header-loc-lang .takeaway-div input[type="checkbox"]:checked::before {
    background: var(--dawrigo-blue) !important;
    opacity: 1 !important;
}

.nav-pills .nav-link.active,
.search .nav-tabs .nav-link.active,
.search .nav-tabs .nav-item.show .nav-link {
    background-color: var(--dawrigo-blue) !important;
    border-color: var(--dawrigo-blue) !important;
}

.custom-control-input:checked ~ .custom-control-label::before {
    background-color: var(--dawrigo-blue) !important;
    border-color: var(--dawrigo-blue) !important;
}

.badge-primary,
.offer_coupon_code .offer_code p.badge {
    background-color: var(--dawrigo-blue) !important;
}

.list-card .member-plan .badge.open,
.rest-basic-detail .feather_icon .fu-status a.rest-right-btn > span.open {
    background-color: var(--dawrigo-green) !important;
}

.page-item.active .page-link,
.row.fu-loadmore-btn .page-link {
    background-color: var(--dawrigo-blue) !important;
    border-color: var(--dawrigo-blue) !important;
}

.page-link {
    color: var(--dawrigo-blue);
}

.page-link:hover {
    color: var(--dawrigo-blue-dark);
}

/* Search / restaurant / grocery page chrome */
.siddhi-search-page .bg-primary,
.siddhi-restaurant-list .bg-primary,
.siddhi-categories .bg-primary,
.restaurant-detailed-page .bg-primary,
.all-restaurant-page .bg-primary,
.grocery-page .bg-primary,
body .bg-primary.p-3 {
    background: linear-gradient(135deg, var(--dawrigo-blue) 0%, var(--dawrigo-blue-dark) 100%) !important;
}

.cat-item a.cat-link:hover,
.cat-item.section-selected a.cat-link {
    border-color: var(--dawrigo-blue) !important;
}

.cat-item a.cat-link:hover i.fa {
    color: var(--dawrigo-blue) !important;
}

.count-number .count-number-input,
.count-number button.btn-sm.btn:hover,
.btn-link,
.card-icon > span {
    color: var(--dawrigo-blue) !important;
}

.add-btn .menu-itembtn a.btn,
.gold-members .add-btn .menu-itembtn a.btn {
    border-color: var(--dawrigo-blue) !important;
    color: var(--dawrigo-blue) !important;
}

.product-detail-page .addtocart .add-to-cart.btn.btn-primary,
.addtocart .add-to-cart.btn.btn-primary {
    background: var(--dawrigo-blue) !important;
    border-color: var(--dawrigo-blue) !important;
}

/* Logo: no dark plate behind image */
.dawrigo-logo-link,
.header-main .brand-wrap.dawrigo-logo-link,
.mobile-logo.brand-wrap.dawrigo-logo-link {
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
}

.dawrigo-logo-img {
    background: transparent !important;
}

/* Keep uploaded platform/seller images untouched */
.cat-slider img,
.trending-slider .slick-slide img,
.list-card img,
.item-img,
.cat-img img,
.grid-card img {
    filter: none;
    -webkit-filter: none;
}

/* Header nav: keep Offers / Sign In icon+label grouped and spaced */
.header-right > .d-flex {
    gap: 1rem;
    flex-wrap: nowrap;
    align-items: center;
}

.header-right > .d-flex > .mr-4,
.header-right > .d-flex > a.widget-header,
.header-right > .d-flex > .dropdown {
    margin-right: 0 !important;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    line-height: 1.2;
    vertical-align: middle;
}

.header-right .widget-header .icon {
    display: inline-flex !important;
    align-items: center;
    flex-wrap: nowrap !important;
    white-space: nowrap;
    gap: 0.4rem;
    line-height: 1;
}

.header-right .widget-header .icon i {
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
}

.header-right .widget-header .icon span {
    line-height: 1.2;
    display: inline-block;
    white-space: nowrap;
}

.header-right .header-signin-link {
    display: inline-flex !important;
    align-items: center;
    flex-shrink: 0 !important;
    white-space: nowrap !important;
    min-width: max-content;
}

.header-right .header-signin-icon {
    margin-right: 0 !important;
    flex-shrink: 0;
    line-height: 1;
}

.header-right .header-signin-text {
    display: inline-block !important;
    white-space: nowrap !important;
    margin-left: 0;
}

.header-right .header-account-dropdown {
    flex-shrink: 0;
    align-self: center;
}

.header-right .header-account-dropdown > .dropdown-toggle {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height: 1;
    display: inline-flex;
    align-items: center;
}

/* Delivery / takeaway: same row height as other header links */
.header-right .takeaway-div {
    display: inline-flex !important;
    align-items: center !important;
    align-self: center !important;
    flex-shrink: 0;
    margin: 0 !important;
    line-height: 1;
    height: auto;
}

.header-right .takeaway-btn {
    display: inline-flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center;
    gap: 0.4rem;
    white-space: nowrap !important;
    padding: 8px 12px !important;
    min-height: 38px;
    max-height: 38px;
    line-height: 1.2 !important;
    border-radius: 8px;
    box-sizing: border-box;
}

.header-right .takeaway-btn > i {
    margin: 0 !important;
    line-height: 1 !important;
    font-size: 14px;
    flex-shrink: 0;
}

.header-right .takeaway-btn > span:not(.slider) {
    margin: 0 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    font-size: 13px;
    font-weight: 500;
}

.header-right .takeaway-btn > .slider {
    display: none !important;
}

.header-main .takeaway-div input[type="checkbox"] {
    margin: 0;
}

/* Burger: flex-align with header items (not absolute top offset) */
.header-right > .d-flex > .toggle,
.header-right > .d-flex > .hc-nav-trigger,
.header-right .header-burger,
.header-right .hc-nav-trigger.header-burger,
.header-right a.hc-nav-trigger {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    align-self: center !important;
    width: 28px;
    height: 38px;
    min-height: 24px;
    margin: 0 !important;
    flex-shrink: 0;
    padding: 0;
}

.header-right .hc-nav-trigger span {
    top: 50%;
    transform: translateY(-50%);
}

/* Mobile / offcanvas: white Dawri logo on dark/brand title bar */
.hc-offcanvas-nav h2 {
    background-color: var(--dawrigo-navy) !important;
    background-image: url('../img/dawrigo_logo_footer.png') !important;
    background-repeat: no-repeat !important;
    background-position: 16px center !important;
    background-size: auto 34px !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
    min-height: 60px;
    padding: 14px 17px !important;
}

.mobile-logo .dawrigo-logo-img,
#mobile_logo_web.dawrigo-logo-img {
    max-height: 36px !important;
}

@media screen and (max-width: 1199px) {
    .header-right > .d-flex {
        gap: 0.75rem;
    }

    .header-right .takeaway-btn {
        padding: 7px 10px !important;
        min-height: 34px;
        max-height: 34px;
    }

    .header-right > .d-flex > .toggle,
    .header-right > .d-flex > .hc-nav-trigger,
    .header-right a.hc-nav-trigger {
        height: 34px;
    }
}