.mt-3 {
    margin-top: 1.75rem;
}
span.text-sm {
    color: rgb(209 213 219 / var(--tw-text-opacity, 1));
}
.text-sm.font-normal.text-gray-500.dark\:text-gray-400.w-40.lg\:w-auto {
    text-align: left;
}
h2.text-2xl.font-semibold {
    color: rgb(209 213 219 / var(--tw-text-opacity, 1));
}

a.hidden.lg\:inline-flex.items-center.px-2.py-1.text-sm.font-medium.text-center.text-gray-600.bg-white.border-skin-base.border.rounded-md.focus\:ring-4.focus\:outline-none.focus\:ring-blue-300.dark\:bg-gray-800.dark\:text-gray-300 {
    background-color: #cddfff;
}
label.block.text-xs.text-slate-400.mb-1 {
    text-align: left;
    padding-left: .2rem;
    font-size: 0.9rem;
    padding-bottom: 0.2rem;
}
button.shop-mobile-flag-btn.inline-flex.items-center.justify-center.rounded-full.border.border-slate-300\/60.bg-slate-900\/70.px-1\.5.py-1 {
    width: 2.5rem;
    height: 2.5rem;
    border: 0;
    margin-top: -0.4rem;
}
img.shop-mobile-flag-img.h-5.w-5.rounded-full.object-cover {
    width: fit-content;
    height: auto;
}
.flex.items-center.justify-end.gap-2.mb-1 {
    height: 3rem;
}
.mb-6.bg-white.dark\:bg-gray-800.rounded-lg.overflow-hidden.shadow-xl.transform.transition-all.sm\:w-full.sm\:max-w-xl.sm\:max-h-2xl.sm\:mx-auto.overflow-y-auto {
    background-color: #051b24b3;
}

h2.mb-3.text-sm.font-semibold.text-slate-100 {
    margin-top: 2rem;
    margin-bottom: 1rem;
    font-size: 1.2rem;
    padding-left: 0.4rem;
}
.shop-mobile-icon-btn {
    width: 2.5rem;
    height: 2.5rem;
    background: transparent;
    margin-top: -.8rem;
    margin-left: .5rem;
    margin-right: .5rem;
    color: #f9fafb;
    border: 0;
    border-radius: 0%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: .9rem;
}
span.shop-mobile-cart-icon-badge {
    background-color: rgba(var(--color-base),var(--tw-bg-opacity, 1));
    padding: .04rem;
    border-radius: 9999px;
    min-width: 22px;
    max-width: 22px;
    height: 22px;
    font-weight: 400;
    margin-left: -.9rem;
    margin-top: 1.4rem;
}
input::placeholder, textarea::placeholder {
    color: #b8babe;
    opacity: 1;
}
input.w-full.rounded-lg.border.border-slate-600.bg-slate-900\/80.text-slate-100.text-sm.px-3.py-2.focus\:outline-none.focus\:ring-1.focus\:ring-\[var\(--restaurant-primary\)\] {
    border-color: #2b323d;
    height: 55px;
    background-color: #101114;
}
.focus\:ring-\[var\(--restaurant-primary\)\]:focus {
    --tw-ring-color: #717ea3;
}
.dark\:bg-gray-900:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(23 26 33);
}
/* Overlay pentru Call Waiter – fundal întunecat peste pagină */
.waiter-modal-overlay {
    background: rgba(0, 0, 0, 0.85);  /* poți schimba 0.85 după gust */
    /* opțional, un pic de blur frumos în spate */
    backdrop-filter: blur(2px);
}
.bg-slate-900.text-slate-100.rounded-xl.shadow-xl.w-full.max-w-md.mx-4 {
    background-color: #123f55;
}
.bg-slate-900\/80 {
    background-color: #1e3f4d;;
}
.shop-mobile-section-title {
    padding-left: .1rem;
    padding-bottom: .2rem;
    font-size: .8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: #ced3db;
}
.text-slate-200 {
    --tw-text-opacity: 1;
    color: rgb(226 232 240 / var(--tw-text-opacity, 1));
    font-size: 1.2rem;
    text-align: center;
    line-height: 1.3;
    padding-left: 4rem;
    padding-right: 4rem;
}
.text-slate-400 {

    --tw-text-opacity: 1;
    font-weight: 100;
    font-size: 0.6rem;
    color: rgb(219 219 219);
    text-shadow: 0 0 black;
    text-align: center;
}
h2.text-lg.font-semibold {
    font-size: 1.8rem;
    text-align: center;
    padding-bottom: 0.8rem;
    padding-top: 0.4rem;
}
/* --- HERO SLIDER MOBILE --- */
.shop-mobile-hero-slider {
    position: relative;
    margin-top: 0;
    width: 100%;
    height: 500px;
    overflow: hidden;
}

.shop-mobile-hero-slide.is-active {
    opacity: 1;
}

.shop-mobile-hero-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
/* fiecare slide */
.shop-mobile-hero-slide {
    position: absolute;
    inset: 0; /* top:0 right:0 bottom:0 left:0 */
    transition: transform .45s ease, opacity .45s ease;
    will-change: transform, opacity;
}

/* optional – doar pentru referință/focus pe slide curent */
.shop-mobile-hero-slide.is-active {
    z-index: 1;
}
h2.shop-mobile-specific-title {
    text-align: center;
    font-size: 1rem;
    padding-bottom: .4rem;
    font-family: arial;
}
h2.shop-mobile-section-specific-title {
    text-align: center;
    font-size: 1.2rem;
    padding-bottom: .3rem;
    color: #dfdfdf;
}
.dark\:bg-gray-800:is(.dark *) {
    --tw-bg-opacity: 1;
}
.flex.mt-4.space-x-6.sm\:justify-center.sm\:mt-0.rtl\:space-x-reverse {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    align-items: flex-end;
    flex-direction: row;
}
a.text-gray-500.hover\:text-gray-900.dark\:hover\:text-white {
    margin-right: 0;
    margin-left: 0;
}
.shop-mobile-specific-label
 {
    font-size: .9rem;
    line-height: 1.2;
    font-weight: 600;
    width: 100px;
    text-shadow: 0px 2px 2px #000000d4;
}
/*  EDITOR  */
.note-editor .note-editing-area .note-editable {
    outline: none;
    background-color: #ebecea;
}
.note-toolbar {
    background-color: #181a20;
    border-bottom: 1px solid;
    border-color: #ddd;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    color: #ffffff;
    padding: 10px 5px;
}
.note-btn {
    background-color: #405576;
    background-image: none;
    border: 1px solid #adaeae;
    border-radius: 0;
    color: #d2d2d2;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    margin-bottom: 0;
    outline: 0;
    margin-left: 3px;
    margin-right: 7px;
    padding: 5px 10px;
    text-align: center;
    touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
}
.note-btn.active, .note-btn.focus, .note-btn:active, .note-btn:focus, .note-btn:hover {
    background-color: #181a28;
    border: 1px solid rgba(var(--color-base),var(--tw-bg-opacity, 1));
    border-radius: 0;
    color: #fff5f5;
    outline: 0;
    text-decoration: none;
}
.note-dropdown-menu
 {
    background: #0a0d14;
    background-clip: padding-box;
    border: 1px solid #040404;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .06);
    display: none;
    float: left;
    left: 5px;
    min-width: 100px;
    padding: 0;
    position: absolute;
    text-align: left;
    top: 100%;
    z-index: 1000;
}
a.note-dropdown-item, a.note-dropdown-item:hover {
    color: #b6b6b6;
    margin: 5px 0;
    text-decoration: none;
    padding-left: .8rem;
}
.note-btn-group {
    display: inline-block;
    margin-right: 8px;
    position: relative;
    margin-top: 5px;
    margin-bottom: 3px;
}
.note-dropdown-item:hover
 {
    background-color: rgba(var(--color-base),var(--tw-bg-opacity, 1));
    font-weight: 800;
}
button.note-color-select.btn.btn-light.btn-default {
    background-color: #33a7ff;
}
button.note-color-reset.btn.btn-light.btn-default {
    background-color: #bb0015;
}
.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-reset:hover, .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select:hover, .note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-reset:hover, .note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-select:hover {
    background: #16974b;
}
.note-modal-footer {
    height: 60px;
    padding: 1rem;
    text-align: center;
}
.note-modal-content {
    background: #fff;
    background-clip: border-box;
    border: 0;
    border-radius: 12px;
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
    margin: auto;
    outline: 0;
    position: relative;
    width: 30%;
}
.note-modal-header {
    border: 0;
    padding: 10px 20px;
}
.dark input[type=file]::file-selector-button
 {
    color: #fff;
    border-radius: .4rem;
    background: rgba(var(--color-base),var(--tw-bg-opacity, 1));
}
.note-modal-footer .note-btn {
    float: right;
    background-color: rgba(var(--color-base),var(--tw-bg-opacity, 1));
    border-radius: .4rem;
}