html { scroll-behavior: smooth; }
html, body {
    overflow-x: clip;
    max-width: 100%;
    overscroll-behavior-x: none;
}

html {
    scrollbar-width: thin;
    scrollbar-color: #F5A623 #efe6d8;
}
html.oroeat-dark,
.oroeat-dark {
    scrollbar-color: #F5A623 #1c1917;
}

* {
    scrollbar-width: thin;
    scrollbar-color: #F5A623 #efe6d8;
}
.oroeat-dark *,
html.oroeat-dark * {
    scrollbar-color: #F5A623 #1c1917;
}

*::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
*::-webkit-scrollbar-track {
    background: #efe6d8;
    border-radius: 999px;
}
*::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #F5C518 0%, #F5A623 55%, #E68C1B 100%);
    border: 2px solid #efe6d8;
    border-radius: 999px;
}
*::-webkit-scrollbar-thumb:hover {
    background: #C2410C;
}
*::-webkit-scrollbar-corner { background: transparent; }

html.oroeat-dark *::-webkit-scrollbar-track,
.oroeat-dark *::-webkit-scrollbar-track {
    background: #1c1917;
}
html.oroeat-dark *::-webkit-scrollbar-thumb,
.oroeat-dark *::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #F5C518 0%, #F5A623 55%, #E68C1B 100%);
    border-color: #1c1917;
}

.oroeat-pager {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}
.oroeat-pager__meta {
    margin: 0;
    font-size: 12px;
    color: #78716c;
}
.oroeat-pager__links {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}
.oroeat-pager__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.25rem;
    padding: 0.4rem 0.8rem;
    border-radius: 999px;
    background: #fff;
    color: #1c1917;
    font-size: 12px;
    font-weight: 700;
    box-shadow: inset 0 0 0 1px #e7e5e4;
    text-decoration: none;
}
.oroeat-pager__btn:hover {
    background: #fff7ed;
    color: #c2410c;
}
.oroeat-pager__btn.is-current {
    background: linear-gradient(180deg, #F5C518, #F5A623);
    color: #111;
    box-shadow: none;
}
.oroeat-pager__btn.is-disabled {
    color: #a8a29e;
    background: #f5f5f4;
    pointer-events: none;
}

.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }
.no-scrollbar::-webkit-scrollbar { display: none; }

@keyframes oroeat-float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-16px); }
}
@keyframes oroeat-fade-up {
    from { opacity: 0; transform: translateY(22px); }
    to { opacity: 1; transform: none; }
}
@keyframes oroeat-cart-pulse {
    0%, 100% { box-shadow: 0 0 0 0 rgba(245, 166, 35, 0.45); }
    70% { box-shadow: 0 0 0 12px rgba(245, 166, 35, 0); }
}
@keyframes oroeat-glow {
    0%, 100% { opacity: 0.35; transform: scale(1); }
    50% { opacity: 0.55; transform: scale(1.08); }
}

.oroeat-float { animation: oroeat-float 4.2s ease-in-out infinite; }
.oroeat-fade { animation: oroeat-fade-up 0.7s ease both; }
.oroeat-fade-delay-1 { animation-delay: 0.12s; }
.oroeat-fade-delay-2 { animation-delay: 0.22s; }
.oroeat-fade-delay-3 { animation-delay: 0.32s; }
.oroeat-fade-delay-4 { animation-delay: 0.42s; }
.oroeat-hero-glow { animation: oroeat-glow 5s ease-in-out infinite; }

.oroeat-card {
    transition: transform 0.35s ease, box-shadow 0.35s ease;
}
.oroeat-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 18px 36px rgba(0, 0, 0, 0.12);
}
.oroeat-card img,
.oroeat-card [data-cover] {
    transition: transform 0.6s ease;
}
.oroeat-card:hover [data-cover],
.oroeat-card:hover img {
    transform: scale(1.06);
}

[data-reveal] {
    opacity: 0;
    transform: translateY(36px);
    transition: opacity 0.75s ease, transform 0.75s cubic-bezier(0.22, 1, 0.36, 1);
}
[data-reveal].is-in {
    opacity: 1;
    transform: none;
}
[data-reveal="left"] { transform: translateX(-28px); }
[data-reveal="right"] { transform: translateX(28px); }
[data-reveal].is-in { transform: none; }

.oroeat-dock {
    background: rgba(17, 17, 17, 0.9);
    backdrop-filter: blur(14px);
}

@media (max-width: 1023.98px) {
    body:has(#oroeat-dash-nav:checked) {
        overflow: hidden;
    }
}

#oroeat-finder-map,
#map {
    position: relative;
    z-index: 0;
    isolation: isolate;
}

.leaflet-container {
    z-index: 0 !important;
}

#paypal-btn-paypal,
#paypal-btn-card,
#paypal-btn-paypal iframe,
#paypal-btn-card iframe,
.paypal-buttons,
.paypal-buttons-context-iframe,
iframe[name^="jsx-iframe"],
iframe[title*="PayPal"],
iframe[title*="paypal"] {
    position: relative !important;
    z-index: 1 !important;
}

div[id^="zoid-paypal"],
.paypal-checkout-sandbox {
    z-index: 40 !important;
}

@media (max-width: 1023px) {
    [data-reveal],
    [data-reveal="left"],
    [data-reveal="right"] {
        opacity: 1;
        transform: none;
    }
    .oroeat-card:hover,
    .oroeat-card:hover img,
    .oroeat-card:hover [data-cover] {
        transform: none;
        box-shadow: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .oroeat-float,
    .oroeat-fade,
    .oroeat-hero-glow { animation: none; }
    [data-reveal] { opacity: 1; transform: none; transition: none; }
    .oroeat-card { transition: none; }
}