/*
###   Custom Styles for JRSF client site
*/

:root {
    --color-links:#F6650B !important;
    --color-01:#000 !important;;
    --color-02:#fff !important;;
    --color-03:#f0f0f0 !important;;
    --color-03-1:#BFBFBF !important;;
    --color-03-2:#808080 !important;;
    --color-04:#f00 !important;;
    --color-05:#F6650B !important;;
    }

#info {}
.jrm-desktop #info #about,
.jrm-desktop #info #delivery,
.jrm-desktop #info #takeaway {
    padding-top:150px;
    margin-top:-110px;
    }
.jrm-desktop #info #takeaway {
    margin-top:-90px;
    padding-top:150px;
    }

.header-wrp {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    box-shadow:rgba(0,0,0,0.15) 0 10px 60px;
    z-index:100;
    }
.footer-wrp {
    box-shadow:rgba(0,0,0,0.15) 0 -10px 60px;
    }
.header-second-wrp,
.footer-second-wrp {
    width:100%;
    max-width:1200px;
    margin:0 auto;
    overflow:hidden;
    }
.header-wrp.bordered,
.footer-wrp.bordered {
    box-shadow:none;
    }
.header-wrp.bordered .header-second-wrp {
    top:5px;
    border-radius:15px;
    box-shadow:rgba(0,0,0,0.15) 0 10px 60px;
    }
.footer-wrp.bordered .footer-second-wrp {
    border-radius:15px;
    box-shadow:rgba(0,0,0,0.15) 0 0 60px;
    }
.footer-wrp.bordered {
    padding-bottom:30px;
    }


.header {
    width:100%;
    padding:10px 0;
    background:#fff;
    }
.header,
.header * {
    transition: all 0.25s ease-out;
    }
.header > .section {
    padding:0 25px;
    }
.header-logo {
    display:block;
    width:60px;
    height:auto;
    overflow:hidden;
    }
.header-logo img {
    width:100%;
    height:auto;
    }
.header b {
    font-weight:500;
    color:var(--color-05);
    }
.header-links a {
    font-size:15px;
    margin:0 10px;
    }
.header .marks,
.footer .marks {
    color:var(--color-03-2);
    }

.header-inline-categories-wrp {
    user-select:none;
    }

.header-inline-categories-wrp:before,
.header-inline-categories-wrp:after {
    content:'';
    position:absolute;
    top:1px;
    height:calc(100% - 10px);
    width:50px;
    z-index:1;
    }
.header-inline-categories-wrp:before {
    left:0;
    background:linear-gradient(90deg, rgba(255,255,255,1), rgba(255,255,255,0));
    }
.header-inline-categories-wrp:after {
    right:0;
    background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,1));
    }
.header-inline-categories {
    width:100%;
    display:flex;
    flex-direction:row;
    max-width:1200px;
    padding:10px 20px 5px 20px;
    margin:0 auto;
    border-top:#DEDEDE 1px solid;
    background:#fff;
    overflow: auto;
    will-change: auto;
    transform: scale(1);
    }
/* scroll in header categories & popups & order panel */
.header-inline-categories:hover::-webkit-scrollbar,
.jrm-popup:hover ::-webkit-scrollbar,
.jrm-menupanel:hover ::-webkit-scrollbar {
    background:hsla(0,0%,87.1%,.25);
    opacity:1;
    }
.header-inline-categories::-webkit-scrollbar,
.jrm-popup ::-webkit-scrollbar,
.jrm-menupanel ::-webkit-scrollbar {
    background:hsla(0,0%,87.1%,0);
    height:10px;
    width:10px;
    opacity:0;
    }
.header-inline-categories:hover::-webkit-scrollbar-thumb,
.jrm-popup:hover ::-webkit-scrollbar-thumb,
.jrm-menupanel:hover ::-webkit-scrollbar-thumb {
    min-height:60px;
    border-radius:8px;
    background:rgba(0, 0, 0, .35);
    }

.hdr-inl-cats-unit {
    flex-shrink:0;
    width:76px;
    height:auto;
    margin:0 2.5px;
    padding:0 0 5px 0;
    border-radius:11px;
    border:transparent 1px solid;
    }
.hdr-inl-cats-unit:hover {
    background:var(--color-03);
    }
.hdr-inl-cats-unit.active {
    background:#FFF6F0;
    border-color:#F6650B;
    }
.hdr-inl-cats-unit-img {
    width:56px;
    height:auto;
    margin:0 auto;
    }
.hdr-inl-cats-unit-img img {
    width:100%;
    mix-blend-mode: darken;
    }
.hdr-inl-cats-unit-name {
    color:#6C6C6C;
    font-size:11px;
    text-align:center;
    margin:2px 0 0 0;
    }
/* Collapsed header */
.header-wrp.collapsed {}
.header-wrp.collapsed .header {
    padding:5px 0;
    }
.header-wrp.collapsed .header-logo {
    height:74px;
    zoom:0.85;
    }
.header-wrp.collapsed .header .socials-wrp,
.header-wrp.collapsed .header .link-for-hide {
    opacity:0;
    display:none;
    }
.burger-nav .socials-wrp,
.burger-nav .link-for-hide {
    opacity:1 !important;
    display:block !important;
    }
.header-wrp.collapsed .header-inline-categories {
    padding:5px 20px 3px 20px;
    }
.header-wrp.collapsed .header-inline-categories .hdr-inl-cats-unit {
    padding:5px 0;
    }
.header-wrp.collapsed .header-inline-categories .hdr-inl-cats-unit-img {
    width:32px;
    }
.header-wrp.collapsed .header-inline-categories .hdr-inl-cats-unit-name {
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
    }

.burger-nav {
    border-radius:10px 0 0 10px;
    min-width:60%;
    }
.burger-nav-links-wrp {
    top:10%;
    }


/* ###   Footer   #### */
.footer {
    display:flex;
    align-items:stretch;
    }
.footer > .section {padding:30px 30px 20px 30px;}
.jrm-mobile .footer > .section {padding:20px 20px 20px 20px;}
.footer > .section:last-child {
    padding:20px;
    }
.footer > .section + .section {
    border-left:var(--color-03) 1px solid;
    }
.footer .header-links a {
    font-size:13px;
    margin:0;
    }
.footer-company-info {
    font-size:10px;
    color:var(--color-03-1);
    }
.payment-systems {
    width:176px;
    margin:0 auto;
    filter:grayscale(1);
    opacity:0.3;
    }
.payment-systems img {
    width:100%;
    }

.jrm-mobile .footer > .section + .section {
    border:none;
    border-top:var(--color-03) 1px solid;
    }

/* ###   Content   ### */
.content-wrp {
    padding:260px 0 0 0;
    }
.content-wrp .content {
    width:100%;
    max-width:1200px;
    margin:0 auto;
    padding:30px;
    }

.promo-banners-wrp {
    width:auto;
    height:200px;
    overflow-x:auto;
    margin:0 -30px 0 -30px;
    padding:0 0 50px 0;
    scroll-snap-type: x mandatory;
    }
.promo-banner {
    width:90%;
    height:100%;
    background:#ffecc2;
    border-radius:15px;
    box-shadow:rgba(0,0,0,0.15) 0 10px 30px;
    overflow:hidden;
    scroll-snap-align:center;
    }
.promo-banner + .promo-banner {
    margin-left:10px;
    }
.promo-banner:first-child {
    margin-left:20px;
    }
.promo-banner:last-child {
    margin-right:20px;
    }
.desktop-promo-banners-wrp {
    margin:0 0 80px 0;
    }
.desktop-promo-banner {
    background:#ffecc2;
    border-radius:15px;
    box-shadow:rgba(0,0,0,0.15) 0 10px 30px;
    overflow:hidden;
    }
.desktop-promo-banner  img {
    display:block;
    width:100%;
    height:auto;
    }



.text-content {}
.textpart-container {
    padding:30px 0;
    }
.text-content h1,
.text-content h2 {
    color:var(--color-links);
    font-size:24px;
    font-weight:800;
    }
.text-content h2 {
    font-weight:600;
    }
.text-content ul {
    list-style:none;
    }
.text-content ul li:after {
    content:'';
    position:absolute;
    right:100%;
    top:50%;
    width:15px;
    height:2px;
    margin:-1px 5px 0 0;
    background:var(--color-links);
    }

.aboutpage {}
.aboutpage-map-wrp {
    border-radius:30px 0 0 30px;
    overflow:hidden;
    }
.jrm-mobile .aboutpage {
    margin:0 -20px;
    }
.jrm-mobile .aboutpage-map-wrp {
    height:420px;
    border-radius:30px 30px 0 0;
    overflow:hidden;
    }
.aboutpage .text-content {
    background:#fff;
    box-shadow:rgba(0,0,0,0.15) 0 15px 60px;
    border-radius:0 30px 30px 0
    }
.jrm-mobile .aboutpage .text-content {
    border-radius:0 0 30px 30px;
    }

/* ###   JRMSF Fixes   ### */

.jrm-link {
    color:var(--color-05) !important;
    }
.jrm-input:focus,
.jrm-input-sts-done
.jrm-input,
.jrm-input-sts-error .jrm-input {
    color:var(--color-05) !important;
    }
.jrm-input:focus + .jrm-input-border {
    border-color:var(--color-04) !important;
    }
.jrm-input-sts-error,
.jrm-input-sts-error .jrm-input {
    color:var(--color-04) !important;
    }

.content-wrp .jrm-page-spinner {
    position:relative;
    width:100%;
    height:auto;
    background:transparent;
    height:460px;
    margin-top:-100px;
    }
.wg-wpr-body  {
    padding:0 !important;
    }
.jrm-popup-wrp:before {
    backdrop-filter:none !important;
    }
.jrm-button {
    color:#F6650B !important;
    }
.jrm-button.jrm-btn-primary {
    color:#fff !important;
    }


.jrm-desktop .jrm-timelist:after {
    content:none;
    }
.jrm-timelist-unit-active {
    color:var(--color-05) !important;
    border-color:var(--color-05) !important;
    }


.jrm-embm-u-selected .jrm-embm-unit-image,
.jrm-button.jrm-btn-primary,
.jrm-prd-v-addtns-cat.jrm-prd-v-addtns-oneoff .jrm-prd-v-addtns-u-active {
    border-color:var(--color-05) !important;
    }
.jrm-embm-u-selected .jrm-embm-unit-image {
    border:none;
    }
.jrm-embm-u-count,
.jrm-embm-items .jrm-embm-unit-i-price,
.jrm-button.jrm-btn-primary {
    background:#F6650B !important;
    }
.jrm-embm-u-selected .jrm-embm-unit-image {
    border:none;
    }
.jrm-mobile .jrm-embedmenu-category h2 {
    font-size:42px;
    font-weight:500;
    }
.jrm-mobile .jrm-embedmenu .jrm-embm-unit-i-name {
    font-size:24px !important;
    font-weight:400 !important;
    }
.jrm-mobile .jrm-embedmenu.jrm-embm-itms-row .jrm-embm-items {
    flex-wrap:wrap;
    }
.jrm-mobile .jrm-embedmenu.jrm-embm-itms-row .jrm-embm-unit {
    width:100%;
    margin:0 !important;
    padding:10%;
    }
.jrm-mobile .jrm-embedmenu.jrm-embm-itms-row .jrm-embm-unit + .jrm-embm-unit {
    border-top:var(--color-03-1) 1px solid !important;
    }

.jrm-desktop .jrm-nav-tabs {
    position:sticky;
    top:0;
    }
.jrm-desktop .jrm-popup-wrp-placemap .jrm-places-list {
    padding:30px !important;
    }
.jrm-desktop .jrm-embedmenu.jrm-embm-itms-row .jrm-embm-cat-name {
    margin-left:0 !important;
    }
.jrm-desktop .jrm-embedmenu.jrm-embm-itms-row .jrm-embm-items {
    overflow:visible;
    }
.jrm-desktop .site-rollx .jrm-embm-unit {
    width: 23% !important;
    padding: 2% !important;
    margin: 0.5% !important;
    border: #e4e4e4 1px solid;
    border-radius: 15px;
    }
.jrm-desktop .jrm-embm-unit:hover {
    box-shadow: rgba(0,0,0,0.15) 0 20px 50px;
    }
.jrm-desktop .jrm-popup-wrp.jrm-product-view .jrm-popup {
    max-width:760px !important;
    }


@media (max-width: 820px) {

    .header-wrp.collapsed .header-inline-categories .hdr-inl-cats-unit-img {
        display:none;
        }

    }