.elementor-74 .elementor-element.elementor-element-5ec08332{--display:flex;--min-height:90px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;box-shadow:0px 0px 5px 1px #FFF900;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:10;}.elementor-74 .elementor-element.elementor-element-5ec08332:not(.elementor-motion-effects-element-type-background), .elementor-74 .elementor-element.elementor-element-5ec08332 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2D302E;}.elementor-74 .elementor-element.elementor-element-78e38f8a{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-74 .elementor-element.elementor-element-23b8722e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-74 .elementor-element.elementor-element-a20dd8b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--overlay-opacity:0.46;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-74 .elementor-element.elementor-element-a20dd8b::before, .elementor-74 .elementor-element.elementor-element-a20dd8b > .elementor-background-video-container::before, .elementor-74 .elementor-element.elementor-element-a20dd8b > .e-con-inner > .elementor-background-video-container::before, .elementor-74 .elementor-element.elementor-element-a20dd8b > .elementor-background-slideshow::before, .elementor-74 .elementor-element.elementor-element-a20dd8b > .e-con-inner > .elementor-background-slideshow::before, .elementor-74 .elementor-element.elementor-element-a20dd8b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-74 .elementor-element.elementor-element-5f5e777a{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-74 .elementor-element.elementor-element-3915ed07{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-74 .elementor-element.elementor-element-38a41c25.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-74 .elementor-element.elementor-element-63263925{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.5;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-74 .elementor-element.elementor-element-63263925::before, .elementor-74 .elementor-element.elementor-element-63263925 > .elementor-background-video-container::before, .elementor-74 .elementor-element.elementor-element-63263925 > .e-con-inner > .elementor-background-video-container::before, .elementor-74 .elementor-element.elementor-element-63263925 > .elementor-background-slideshow::before, .elementor-74 .elementor-element.elementor-element-63263925 > .e-con-inner > .elementor-background-slideshow::before, .elementor-74 .elementor-element.elementor-element-63263925 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-74 .elementor-element.elementor-element-1e27dbe8{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--z-index:400;}.elementor-74 .elementor-element.elementor-element-320314ab{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-74 .elementor-element.elementor-element-43534dca{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:9999;}.elementor-74 .elementor-element.elementor-element-2b558ca{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--border-radius:15px 15px 15px 15px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-74 .elementor-element.elementor-element-74872201{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:35px 0px 35px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__toggle .elementor-button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__product-name a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__product-price{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons .elementor-button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons a.elementor-button--view-cart{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons a.elementor-button--checkout{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .woocommerce-mini-cart__empty-message{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-74 .elementor-element.elementor-element-2109e843 .elementor-menu-cart__close-button, .elementor-74 .elementor-element.elementor-element-2109e843 .elementor-menu-cart__close-button-custom{margin-left:auto;}.elementor-74 .elementor-element.elementor-element-2109e843{z-index:999;--divider-style:solid;--subtotal-divider-style:solid;--elementor-remove-from-cart-button:none;--remove-from-cart-button:block;--toggle-button-icon-color:#FFD200;--toggle-button-icon-hover-color:#FF0000;--toggle-button-border-width:0px;--toggle-button-border-radius:0px;--toggle-icon-size:59px;--items-indicator-text-color:#000000;--items-indicator-background-color:#F7FF02;--cart-border-style:none;--cart-footer-layout:1fr 1fr;--products-max-height-sidecart:calc(100vh - 240px);--products-max-height-minicart:calc(100vh - 385px);--empty-message-color:#FF0000;}body:not(.rtl) .elementor-74 .elementor-element.elementor-element-2109e843 .elementor-menu-cart__toggle .elementor-button-icon .elementor-button-icon-qty[data-counter]{right:-6px;top:-6px;}body.rtl .elementor-74 .elementor-element.elementor-element-2109e843 .elementor-menu-cart__toggle .elementor-button-icon .elementor-button-icon-qty[data-counter]{right:6px;top:-6px;left:auto;}.elementor-74 .elementor-element.elementor-element-2109e843 .widget_shopping_cart_content{--subtotal-divider-left-width:0;--subtotal-divider-right-width:0;}.elementor-74 .elementor-element.elementor-element-1560c9a3{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:2;}.elementor-74 .elementor-element.elementor-element-1560c9a3:not(.elementor-motion-effects-element-type-background), .elementor-74 .elementor-element.elementor-element-1560c9a3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFCC00;}.elementor-74 .elementor-element.elementor-element-1560c9a3.e-con{--align-self:center;}.elementor-74 .elementor-element.elementor-element-119c721a{--display:flex;--min-height:40px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-74 .elementor-element.elementor-element-119c721a:not(.elementor-motion-effects-element-type-background), .elementor-74 .elementor-element.elementor-element-119c721a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5A623;}.elementor-74 .elementor-element.elementor-element-119c721a.e-con{--align-self:center;}.elementor-74 .elementor-element.elementor-element-3cfb04f8{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;box-shadow:0px 4px 5px -1px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-74 .elementor-element.elementor-element-6914b8b0{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-74 .elementor-element.elementor-element-4960e968{--e-transform-translateX:19px;--e-transform-translateY:-5px;--e-transform-scale:1.2;padding:0px 0px 0px 0px;}.elementor-74 .elementor-element.elementor-element-7704f0df{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-74 .elementor-element.elementor-element-52685275{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-74 .elementor-element.elementor-element-768aa93c{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-74 .elementor-element.elementor-element-4e94e11b{padding:9px 0px 0px 0px;z-index:999;--divider-style:solid;--subtotal-divider-style:solid;--elementor-remove-from-cart-button:none;--remove-from-cart-button:block;--toggle-button-icon-color:#FFBB00;--toggle-button-border-color:#FF0000;--toggle-button-border-width:0px;--toggle-icon-size:28px;--cart-border-style:none;--cart-footer-layout:1fr 1fr;--products-max-height-sidecart:calc(100vh - 240px);--products-max-height-minicart:calc(100vh - 385px);}.elementor-74 .elementor-element.elementor-element-4e94e11b .widget_shopping_cart_content{--subtotal-divider-left-width:0;--subtotal-divider-right-width:0;}.elementor-74 .elementor-element.elementor-element-5ac5da6f{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-74 .elementor-element.elementor-element-3cfb04f8{--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-evenly;--align-items:center;}.elementor-74 .elementor-element.elementor-element-6914b8b0{--width:20%;}.elementor-74 .elementor-element.elementor-element-4960e968{--e-transform-translateX:25px;--e-transform-translateY:0px;--e-transform-scale:1.7;}.elementor-74 .elementor-element.elementor-element-7704f0df{--width:22%;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-74 .elementor-element.elementor-element-52685275{--width:13%;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-74 .elementor-element.elementor-element-52685275.e-con{--align-self:flex-end;}.elementor-74 .elementor-element.elementor-element-33ecac04{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-74 .elementor-element.elementor-element-33ecac04.elementor-element{--order:99999 /* order end hack */;}.elementor-74 .elementor-element.elementor-element-768aa93c{--width:25%;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-74 .elementor-element.elementor-element-4e94e11b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--main-alignment:center;--toggle-icon-size:40px;--toggle-icon-padding:0px 0px 0px 0px;}.elementor-74 .elementor-element.elementor-element-4e94e11b.elementor-element{--align-self:center;}body:not(.rtl) .elementor-74 .elementor-element.elementor-element-4e94e11b .elementor-menu-cart__toggle .elementor-button-icon .elementor-button-icon-qty[data-counter]{right:-7px;top:-7px;}body.rtl .elementor-74 .elementor-element.elementor-element-4e94e11b .elementor-menu-cart__toggle .elementor-button-icon .elementor-button-icon-qty[data-counter]{right:7px;top:-7px;left:auto;}.elementor-74 .elementor-element.elementor-element-5ac5da6f{--width:20%;}}@media(min-width:768px){.elementor-74 .elementor-element.elementor-element-78e38f8a{--width:3%;}.elementor-74 .elementor-element.elementor-element-a20dd8b{--width:20%;}.elementor-74 .elementor-element.elementor-element-5f5e777a{--width:27%;}.elementor-74 .elementor-element.elementor-element-3915ed07{--width:100%;}.elementor-74 .elementor-element.elementor-element-63263925{--width:40%;}.elementor-74 .elementor-element.elementor-element-43534dca{--width:10%;}.elementor-74 .elementor-element.elementor-element-119c721a{--width:100%;}.elementor-74 .elementor-element.elementor-element-3cfb04f8{--width:100%;}.elementor-74 .elementor-element.elementor-element-6914b8b0{--width:20%;}.elementor-74 .elementor-element.elementor-element-7704f0df{--width:20%;}.elementor-74 .elementor-element.elementor-element-52685275{--width:20%;}.elementor-74 .elementor-element.elementor-element-768aa93c{--width:20%;}.elementor-74 .elementor-element.elementor-element-5ac5da6f{--width:20%;}}/* Start custom CSS for html, class: .elementor-element-38a41c25 *//* добавить к существующему стилю кнопки */
.restaurant-button.attention {
    position: relative;           /* чтобы свечение не «двигало» разметку */
    z-index: 1;                   /* поверх соседних элементов */
    animation: pulse 1.6s infinite;
}

/* ключевые кадры: кольцо расширяется и растворяется */
@keyframes pulse {
    0%   { box-shadow: 0 0 0   0px rgba(255,109,5,0.7); }
    70%  { box-shadow: 0 0 0 12px rgba(255,109,5,0);   }
    100% { box-shadow: 0 0 0   0px rgba(255,109,5,0); }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2756c7 *//* Общий стиль для кнопки */
.unique-menu-button-7strav2 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 15px;
    background-color: #2a2a29;
    color: #ffcc00;
    text-decoration: none;
    font-size: 20px;
    font-family: 'Montserrat', sans-serif;
    cursor: pointer;
    white-space: nowrap;
    border: none;
    box-shadow: none;
    outline: none;
    border-radius: 8px;
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* Ховер эффект */
.unique-menu-button-7strav2:hover {
    background-color: #555555;
    color: #ffcc00;
}


/* Стиль для иконки (контейнера) */
.unique-menu-button-7strav2 .unique-menu-icon-7strav2 {
    display: inline-block;
    position: relative;
    width: 34px;
    height: 34px;
    margin-right: 8px;
    vertical-align: middle;
    transition: transform 0.3s ease;
}

.unique-menu-button-7strav2:hover .unique-menu-icon-7strav2 > img {
    transform: scale(1.1);
}

/* Стиль для первой иконки */
.unique-menu-button-7strav2 .unique-menu-icon-7strav2 > img:first-child {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    background-image: url('https://simstrav.com.ua/restoran1/wp-content/uploads/sites/3/2025/01/icon_dostavka11.svg');
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    transition: opacity 0.3s ease;
    object-fit: cover;
}

/* Стиль для второй иконки (при наведении) */
.unique-menu-button-7strav2 .unique-menu-icon-7strav2 > img:last-child {
    content: "";
    display: inline-block;
     width: 100%;
    height: 100%;
    background-image: url('https://simstrav.com.ua/restoran1/wp-content/uploads/sites/3/2025/01/icon_dostavka22');
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0; /* Делаем вторую иконку невидимой по умолчанию */
   transition: opacity 0.3s ease;
     object-fit: cover;
}

/* Показывать вторую иконку при наведении */
.unique-menu-button-7strav2:hover .unique-menu-icon-7strav2 > img:last-child {
    opacity: 1; /* Делаем вторую иконку видимой при наведении */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-788b6a48 *//* Общий стиль для кнопки */
.unique-menu-button-7strav3 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 15px;
    background-color: #2a2a29;
    color: #ffcc00;
    text-decoration: none;
    font-size: 20px;
    font-family: 'Montserrat', sans-serif;
    cursor: pointer;
    white-space: nowrap;
    border: none;
    box-shadow: none;
    outline: none;
    border-radius: 8px;
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* Ховер эффект для кнопки */
.unique-menu-button-7strav3:hover {
    background-color: #555555;
    color: #ffcc00;
}

/* Стиль для иконки (контейнера) */
.unique-menu-button-7strav3 .unique-menu-icon-7strav3 {
    display: inline-block;
    position: relative;
    width: 34px;
    height: 34px;
    margin-right: 8px;
    vertical-align: middle;
    transition: transform 0.3s ease;
}

.unique-menu-button-7strav3:hover .unique-menu-icon-7strav3 > img {
    transform: scale(1.1);
}

/* Стиль для первой иконки */
.unique-menu-button-7strav3 .unique-menu-icon-7strav3 > img:first-child {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    background-image: url('https://simstrav.com.ua/icons/icon_zabrati1.svg');
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    transition: opacity 0.3s ease;
    object-fit: cover;
}

/* Стиль для второй иконки (при наведении) */
.unique-menu-button-7strav3 .unique-menu-icon-7strav3 > img:last-child {
    content: "";
    display: inline-block;
     width: 100%;
    height: 100%;
    background-image: url('https://simstrav.com.ua/icons/icon_zabrati2.svg');
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0; /* Делаем вторую иконку невидимой по умолчанию */
   transition: opacity 0.3s ease;
     object-fit: cover;
}

/* Показывать вторую иконку при наведении */
.unique-menu-button-7strav3:hover .unique-menu-icon-7strav3 > img:last-child {
    opacity: 1; /* Делаем вторую иконку видимой при наведении */
}/* End custom CSS */
/* Start custom CSS for woocommerce-menu-cart, class: .elementor-element-2109e843 */.elementor-button--checkout {
    display: none !important;
}


.elementor-menu-cart__footer-buttons {
    display: flex;
}

.elementor-button--view-cart {
    flex: 1; /* Занимает всю доступную ширину */
    text-align: center;
}


 /* ------------ */
 
  .elementor-button--view-cart .elementor-button-text {
    display: none; /* Скрываем старый текст */
}

.elementor-button--view-cart::after {
    content: "ОФОРМИТИ ЗАМОВЛЕННЯ"; /* Новый текст */
    color: white; /* Белый текст */
    background-color: red; /* Красный фон */
    display: block; /* Отображаем новый текст */
    text-align: center;
    padding: 20px 20px;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 5px; /* Радиус скругления углов */
}









/* ------------ */



/* Фон для элементов корзины */
.elementor-menu-cart__main {
    background-color: #333 !important;  /* Белый фон для основного блока */
}

/* Фон для кнопок в корзине */
.elementor-menu-cart__footer-buttons .elementor-button {
    background-color: #333 !important; /* Белый фон для кнопок */
}



/* ------------ */


/* Белый цвет для текста "Проміжний підсумок" */
.elementor-menu-cart__subtotal strong {
    color: #fff !important;
}

/* Жёлтый цвет для суммы */
.elementor-menu-cart__subtotal .woocommerce-Price-amount {
    color: #FFD700 !important;  /* Жёлтый цвет */
}

/* Жёлтый цвет для текста названий товаров и ссылок */
.elementor-menu-cart__product-name a {
    color: #FFD700 !important;  /* Жёлтый цвет для текста ссылки */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5ec08332 */.your-header-.elementor-74 .elementor-element.elementor-element-5ec08332 {
      backdrop-filter: blur(10px);
   }
 .your-cart-.elementor-74 .elementor-element.elementor-element-5ec08332 {
   z-index: 9999 !important;
    position: fixed !important;
    top: 0;
    right: 0;
    backdrop-filter: none !important;  /*исключаем корзину из фильтра*/
 }
 


.elementor-74 .elementor-element.elementor-element-5ec08332 {
  background: linear-gradient(to right, #2d302e, #262323, #2d2e2d);
  background: -webkit-linear-gradient(to right, #2d302e, #262323, #2d2e2d);
  background: -moz-linear-gradient(to right, #2d302e, #262323, #2d2e2d);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7e743d42 *//* Общий стиль для кнопки */
.custom-menu-button-sups {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 15px;
  background-color: transparent;
  color: #333333;
  text-decoration: none;
  font-size: 20px;
  font-family: 'Montserrat', sans-serif;
  cursor: pointer;
  white-space: nowrap;
  border: none;
  box-shadow: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 8px;
  transition: background-color 0.3s ease, color 0.3s ease;
}

/* Ховер эффект для кнопки */
.custom-menu-button-sups:hover {
  background-color: #e4e4e4;
  color: #ff0000;
}

/* Стиль для иконки (контейнера) */
.custom-menu-button-sups .custom-menu-icon-sups {
    display: inline-block;
    position: relative;
    width: 28px;
    height: 28px;
    margin-right: 8px;
    vertical-align: middle;
    transition: transform 0.3s ease;
}

.custom-menu-button-sups:hover .custom-menu-icon-sups > img {
    transform: scale(1.1);
}

/* Стиль для первой иконки */
.custom-menu-button-sups .custom-menu-icon-sups > img:first-child {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    background-image: url('https://simstrav.com.ua/icons/menu_sup2.svg');
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    transition: opacity 0.3s ease;
        object-fit: cover;
    opacity: 1; /* Делаем первую иконку видимой по умолчанию*/

}

/* Стиль для второй иконки (при наведении) */
.custom-menu-button-sups .custom-menu-icon-sups > img:last-child {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    background-image: url('https://simstrav.com.ua/icons/menu_sup2.svg');
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0; /* Делаем вторую иконку невидимой по умолчанию*/
    transition: opacity 0.3s ease;
        object-fit: cover;
}

/*показывать вторую иконку при наведении*/
.custom-menu-button-sups:hover .custom-menu-icon-sups > img:last-child {
   opacity: 1; /* делаем вторую иконку видимой */
}
/*скрывать первую иконку при наведении*/
.custom-menu-button-sups:hover .custom-menu-icon-sups > img:first-child {
    opacity: 0; /* делаем первую иконку невидимой */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2f4d90ea *//* Общий стиль для кнопки "Салати" */
.custom-menu-button-salad {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 15px;
    background-color: transparent;
    color: #333333;
    text-decoration: none;
    font-size: 20px;
    font-family: 'Montserrat', sans-serif;
    cursor: pointer;
    white-space: nowrap;
    border: none;
    box-shadow: none;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 8px;
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* Ховер эффект для кнопки "Салати" */
.custom-menu-button-salad:hover {
    background-color: #e4e4e4;
    color: #ff0000;
}

/* Стиль для иконки (контейнера) в кнопке "Салати" */
.custom-menu-button-salad .custom-menu-icon-salad {
    display: inline-block;
    position: relative;
    width: 28px;
    height: 28px;
    margin-right: 8px;
    vertical-align: middle;
    transition: transform 0.3s ease;
}

.custom-menu-button-salad:hover .custom-menu-icon-salad > img {
    transform: scale(1.1);
}

/* Стиль для первой иконки в кнопке "Салати" */
.custom-menu-button-salad .custom-menu-icon-salad > img:first-child {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    background-image: url('https://simstrav.com.ua/restoran1/wp-content/uploads/sites/3/2025/01/icon_salad1-1.svg');
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    transition: opacity 0.3s ease;
    object-fit: cover;
     opacity: 1; /* Делаем первую иконку видимой по умолчанию*/
}

/* Стиль для второй иконки (при наведении) в кнопке "Салати" */
.custom-menu-button-salad .custom-menu-icon-salad > img:last-child {
    content: "";
    display: inline-block;
     width: 100%;
    height: 100%;
    background-image: url('https://simstrav.com.ua/restoran1/wp-content/uploads/sites/3/2025/01/icon_salad2.svg');
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 0.3s ease;
        object-fit: cover;
}

/*показывать вторую иконку при наведении в кнопке "Салати"*/
.custom-menu-button-salad:hover .custom-menu-icon-salad > img:last-child {
   opacity: 1;
}
/*скрывать первую иконку при наведении в кнопке "Салати"*/
.custom-menu-button-salad:hover .custom-menu-icon-salad > img:first-child {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6faad6ed *//* Общий стиль для кнопки М'ЯСО" */
.custom-menu-button-meat {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 15px;
    background-color: transparent;
    color: #333333;
    text-decoration: none;
    font-size: 20px;
    font-family: 'Montserrat', sans-serif;
    cursor: pointer;
    white-space: nowrap;
    border: none;
    box-shadow: none;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 8px;
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* Ховер эффект для кнопки М'ЯСО" */
.custom-menu-button-meat:hover {
    background-color: #e4e4e4;
    color: #ff0000;
}

/* Стиль для иконки (контейнера) в кнопке М'ЯСО" */
.custom-menu-button-meat .custom-menu-icon-meat {
    display: inline-block;
    position: relative;
    width: 28px;
    height: 28px;
    margin-right: 8px;
    vertical-align: middle;
    transition: transform 0.3s ease;
}

.custom-menu-button-meat:hover .custom-menu-icon-meat > img {
    transform: scale(1.1);
}

/* Стиль для первой иконки в кнопке М'ЯСО" */
.custom-menu-button-meat .custom-menu-icon-meat > img:first-child {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    background-image: url('https://simstrav.com.ua/restoran1/wp-content/uploads/sites/3/2025/01/icon_meat1.svg');
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    transition: opacity 0.3s ease;
    object-fit: cover;
     opacity: 1; /* Делаем первую иконку видимой по умолчанию*/
}

/* Стиль для второй иконки (при наведении) в кнопке М'ЯСО" */
.custom-menu-button-meat .custom-menu-icon-meat > img:last-child {
    content: "";
    display: inline-block;
     width: 100%;
    height: 100%;
    background-image: url('https://simstrav.com.ua/restoran1/wp-content/uploads/sites/3/2025/01/icon_meat2.svg');
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 0.3s ease;
        object-fit: cover;
}

/*показывать вторую иконку при наведении в кнопке М'ЯСО"*/
.custom-menu-button-meat:hover .custom-menu-icon-meat > img:last-child {
   opacity: 1;
}
/*скрывать первую иконку при наведении в кнопке М'ЯСО"*/
.custom-menu-button-meat:hover .custom-menu-icon-meat > img:first-child {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-56d40609 *//* Общий стиль для кнопки "Локшина" */
.custom-menu-button-lokshina {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 15px;
    background-color: transparent;
    color: #333333;
    text-decoration: none;
    font-size: 20px;
    font-family: 'Montserrat', sans-serif;
    cursor: pointer;
    white-space: nowrap;
    border: none;
    box-shadow: none;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 8px;
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* Ховер эффект для кнопки "Локшина" */
.custom-menu-button-lokshina:hover {
    background-color: #e4e4e4;
    color: #ff0000;
}

/* Стиль для иконки (контейнера) в кнопке "Локшина" */
.custom-menu-button-lokshina .custom-menu-icon-lokshina {
    display: inline-block;
    position: relative;
    width: 28px;
    height: 28px;
    margin-right: 8px;
    vertical-align: middle;
    transition: transform 0.3s ease;
}

.custom-menu-button-lokshina:hover .custom-menu-icon-lokshina > img {
    transform: scale(1.1);
}

/* Стиль для первой иконки в кнопке "Локшина"*/
.custom-menu-button-lokshina .custom-menu-icon-lokshina > img:first-child {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
     background-image: url('https://simstrav.com.ua/restoran1/wp-content/uploads/sites/3/2025/01/menu_noodles1.svg');/* отображаем эту иконку по умолчанию*/
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    transition: opacity 0.3s ease;
        object-fit: cover;
 opacity: 1; /* Делаем первую иконку видимой по умолчанию*/
}

/* Стиль для второй иконки (при наведении) в кнопке "Локшина"*/
.custom-menu-button-lokshina .custom-menu-icon-lokshina > img:last-child {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    background-image: url('https://simstrav.com.ua/restoran1/wp-content/uploads/sites/3/2025/01/menu_noodles2.svg');/*показываем эту иконку при наведении*/
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 0.3s ease;
     object-fit: cover;
}

/*показывать вторую иконку при наведении в кнопке "Локшина"*/
.custom-menu-button-lokshina:hover .custom-menu-icon-lokshina > img:last-child {
   opacity: 1; /* Делаем вторую иконку видимой при наведении */
}
/*скрывать первую иконку при наведении в кнопке "Локшина"*/
.custom-menu-button-lokshina:hover .custom-menu-icon-lokshina > img:first-child {
    opacity: 0; /* делаем первую иконку невидимой при наведении */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-68c7a426 *//* Общий стиль для кнопки "Рис" */
.custom-menu-button-rice {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 15px;
    background-color: transparent;
    color: #333333;
    text-decoration: none;
    font-size: 20px;
    font-family: 'Montserrat', sans-serif;
    cursor: pointer;
    white-space: nowrap;
    border: none;
    box-shadow: none;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 8px;
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* Ховер эффект для кнопки "Рис" */
.custom-menu-button-rice:hover {
    background-color: #e4e4e4;
    color: #ff0000;
}

/* Стиль для иконки (контейнера) в кнопке "Рис" */
.custom-menu-button-rice .custom-menu-icon-rice {
    display: inline-block;
    position: relative;
    width: 28px;
    height: 28px;
    margin-right: 8px;
    vertical-align: middle;
    transition: transform 0.3s ease;
}

.custom-menu-button-rice:hover .custom-menu-icon-rice > img {
    transform: scale(1.1);
}

/* Стиль для первой иконки в кнопке "Рис" */
.custom-menu-button-rice .custom-menu-icon-rice > img:first-child {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    background-image: url('https://simstrav.com.ua/restoran1/wp-content/uploads/sites/3/2025/01/icon_ris1.svg');
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    transition: opacity 0.3s ease;
    object-fit: cover;
     opacity: 1; /* Делаем первую иконку видимой по умолчанию*/
}

/* Стиль для второй иконки (при наведении) в кнопке "Рис" */
.custom-menu-button-rice .custom-menu-icon-rice > img:last-child {
    content: "";
    display: inline-block;
     width: 100%;
    height: 100%;
    background-image: url('https://simstrav.com.ua/restoran1/wp-content/uploads/sites/3/2025/01/icon_ris1.svg');
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 0.3s ease;
        object-fit: cover;
}

/*показывать вторую иконку при наведении в кнопке "Рис"*/
.custom-menu-button-rice:hover .custom-menu-icon-rice > img:last-child {
   opacity: 1;
}
/*скрывать первую иконку при наведении в кнопке "Рис"*/
.custom-menu-button-rice:hover .custom-menu-icon-rice > img:first-child {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-472f011 *//* Общий стиль для кнопки Пельмені" */
.custom-menu-button-dumplings {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 15px;
    background-color: transparent;
    color: #333333;
    text-decoration: none;
    font-size: 20px;
    font-family: 'Montserrat', sans-serif;
    cursor: pointer;
    white-space: nowrap;
    border: none;
    box-shadow: none;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 8px;
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* Ховер эффект для кнопки Пельмені" */
.custom-menu-button-dumplings:hover {
    background-color: #e4e4e4;
    color: #ff0000;
}

/* Стиль для иконки (контейнера) в кнопке Пельмені" */
.custom-menu-button-dumplings .custom-menu-icon-dumplings {
    display: inline-block;
    position: relative;
    width: 28px;
    height: 28px;
    margin-right: 8px;
    vertical-align: middle;
    transition: transform 0.3s ease;
}

.custom-menu-button-dumplings:hover .custom-menu-icon-dumplings > img {
    transform: scale(1.1);
}

/* Стиль для первой иконки в кнопке Пельмені" */
.custom-menu-button-dumplings .custom-menu-icon-dumplings > img:first-child {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    background-image: url('https://simstrav.com.ua/restoran1/wp-content/uploads/sites/3/2025/01/menu_dumplings01.svg');
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    transition: opacity 0.3s ease;
    object-fit: cover;
     opacity: 1; /* Делаем первую иконку видимой по умолчанию*/
}

/* Стиль для второй иконки (при наведении) в кнопке Пельмені" */
.custom-menu-button-dumplings .custom-menu-icon-dumplings > img:last-child {
    content: "";
    display: inline-block;
     width: 100%;
    height: 100%;
    background-image: url('https://simstrav.com.ua/restoran1/wp-content/uploads/sites/3/2025/01/menu_dumplings2.svg');
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 0.3s ease;
        object-fit: cover;
}

/*показывать вторую иконку при наведении в кнопке Пельмені"*/
.custom-menu-button-dumplings:hover .custom-menu-icon-dumplings > img:last-child {
   opacity: 1;
}
/*скрывать первую иконку при наведении в кнопке Пельмені"*/
.custom-menu-button-dumplings:hover .custom-menu-icon-dumplings > img:first-child {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4a3fb9ab *//* Общий стиль для кнопки Стір-фрай" */
.custom-menu-button-steerfry {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 15px;
    background-color: transparent;
    color: #333333;
    text-decoration: none;
    font-size: 20px;
    font-family: 'Montserrat', sans-serif;
    cursor: pointer;
    white-space: nowrap;
    border: none;
    box-shadow: none;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 8px;
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* Ховер эффект для кнопки Стір-фрай" */
.custom-menu-button-steerfry:hover {
    background-color: #e4e4e4;
    color: #ff0000;
}

/* Стиль для иконки (контейнера) в кнопке Стір-фрай" */
.custom-menu-button-steerfry .custom-menu-icon-steerfry {
    display: inline-block;
    position: relative;
    width: 28px;
    height: 28px;
    margin-right: 8px;
    vertical-align: middle;
    transition: transform 0.3s ease;
}

.custom-menu-button-steerfry:hover .custom-menu-icon-steerfry > img {
    transform: scale(1.1);
}

/* Стиль для первой иконки в кнопке Стір-фрай" */
.custom-menu-button-steerfry .custom-menu-icon-steerfry > img:first-child {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    background-image: url('https://simstrav.com.ua/restoran1/wp-content/uploads/sites/3/2025/01/icon_steerfry1.svg');
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    transition: opacity 0.3s ease;
    object-fit: cover;
     opacity: 1; /* Делаем первую иконку видимой по умолчанию*/
}

/* Стиль для второй иконки (при наведении) в кнопке Стір-фрай" */
.custom-menu-button-steerfry .custom-menu-icon-steerfry > img:last-child {
    content: "";
    display: inline-block;
     width: 100%;
    height: 100%;
    background-image: url('https://simstrav.com.ua/restoran1/wp-content/uploads/sites/3/2025/01/icon_steerfry2.svg');
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 0.3s ease;
        object-fit: cover;
}

/*показывать вторую иконку при наведении в кнопке Стір-фрай"*/
.custom-menu-button-steerfry:hover .custom-menu-icon-steerfry > img:last-child {
   opacity: 1;
}
/*скрывать первую иконку при наведении в кнопке Стір-фрай"*/
.custom-menu-button-steerfry:hover .custom-menu-icon-steerfry > img:first-child {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3e8e5084 *//* Общий стиль для кнопки НапоЇ" */
.custom-menu-button-napoi {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 15px;
    background-color: transparent;
    color: #333333;
    text-decoration: none;
    font-size: 20px;
    font-family: 'Montserrat', sans-serif;
    cursor: pointer;
    white-space: nowrap;
    border: none;
    box-shadow: none;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 8px;
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* Ховер эффект для кнопки НапоЇ" */
.custom-menu-button-napoi:hover {
    background-color: #e4e4e4;
    color: #ff0000;
}

/* Стиль для иконки (контейнера) в кнопке НапоЇ" */
.custom-menu-button-napoi .custom-menu-icon-napoi {
    display: inline-block;
    position: relative;
    width: 28px;
    height: 28px;
    margin-right: 8px;
    vertical-align: middle;
    transition: transform 0.3s ease;
}

.custom-menu-button-napoi:hover .custom-menu-icon-napoi > img {
    transform: scale(1.1);
}

/* Стиль для первой иконки в кнопке НапоЇ" */
.custom-menu-button-napoi .custom-menu-icon-napoi > img:first-child {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    background-image: url('https://simstrav.com.ua/restoran1/wp-content/uploads/sites/3/2025/01/icon_napoi1.svg');
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    transition: opacity 0.3s ease;
    object-fit: cover;
     opacity: 1; /* Делаем первую иконку видимой по умолчанию*/
}

/* Стиль для второй иконки (при наведении) в кнопке НапоЇ" */
.custom-menu-button-napoi .custom-menu-icon-napoi > img:last-child {
    content: "";
    display: inline-block;
     width: 100%;
    height: 100%;
    background-image: url('https://simstrav.com.ua/restoran1/wp-content/uploads/sites/3/2025/01/icon_napoi2.svg');
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 0.3s ease;
        object-fit: cover;
}

/*показывать вторую иконку при наведении в кнопке НапоЇ"*/
.custom-menu-button-napoi:hover .custom-menu-icon-napoi > img:last-child {
   opacity: 1;
}
/*скрывать первую иконку при наведении в кнопке НапоЇ"*/
.custom-menu-button-napoi:hover .custom-menu-icon-napoi > img:first-child {
    opacity: 0;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1652ce0d *//* Общие стили для модального меню */
.modal-menu {
    display: none; /* Модальное окно по умолчанию скрыто */
    position: fixed; /* Фиксированное положение */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.9); /* Затененный фон */
    z-index: 1000; /* Высокий z-index, чтобы окно было поверх всего */
    justify-content: center;
    align-items: center;
    overflow: auto; /* Позволяет прокручивать, если контент не помещается */
}

.modal-menu-content {
    background-color: #333; /* Темно-серый фон содержимого окна */
    padding: 20px; /* внутренний отступ */
    margin: 1px; /* внешний отступ */
    border-radius: 5px; /* Закругление углов */
    max-width: 99%;
    max-height: 99%; /* Максимальная ширина и высота */
    overflow: auto;
    color: white; /* Белый цвет текста */
    position: relative; /* Позиционирование относительно родительского элемента */
}


/* Стили для разделов внутри модального окна */
.modal-section,
.order-and-hours,
.social-links {
    margin-bottom: 20px;
}

/* Стили для заголовков разделов */
.modal-section h2,
.order-info h5,
.working-hours h5,
.social-links h5 {
    margin-bottom: 10px;
}

/* Стили для колонок */
.menu-columns,
.nav-columns {
    display: flex; /* Выравнивание элементов в строку */
    justify-content: space-between; /* Размещаем элементы с равными отступами */
}

.menu-columns .column,
.nav-columns .column {
    width: calc(50% - 10px); /* Устанавливаем ширину колонок */
    box-sizing: border-box; /* Учитываем внутренний отступ и рамку при расчете ширины */
}

/* Стили для списков */
.menu-columns ul,
.nav-columns ul,
.order-info ul {
    list-style: none; /* Убираем маркеры у списка */
    padding: 0;
    margin: 0;
}

/* Стили для элементов списка */
.menu-columns li,
.nav-columns li,
.order-info li {
    margin-bottom: 5px;
    padding: 0;
}

/* стили для кнопок меню*/
.menu-button{
  display: inline-flex;
  align-items:center;
  justify-content: flex-start;
  background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.2);
  color:white;
  padding:10px;
  text-align: left;
  border-radius: 5px;
    width: 100%;
    cursor: pointer;
  text-decoration: none; /* убираем подчеркивание */
   transition: background-color 0.3s ease; /* Плавный переход для фона */
}


/* стили для иконки в кнопках меню */
.menu-button .menu-icon {
    margin-right: 10px;
    font-size: 30px;
    width: 30px;
    height: 30px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
}

/* Стиль для кнопок при наведении */
.menu-button:hover {
    background: rgba(255, 255, 255, 0.1); /*  устанавливаем новый цвет фона */
}
/*стили для ссылок навигации*/
.nav-columns a,
.order-info a {
    color: white; /* устанавливаем цвет текста*/
    text-decoration: none; /* убираем подчеркивание */
    display: inline-flex;
    align-items: center;
    line-height: 1.5;
    margin-bottom: 5px;
}

/*стили для иконок в ссылках*/
.nav-columns i,
.order-info i {
    margin-right: 10px;
    font-size: 18px;
}

/* Стили для блока телефонов и времени */
.order-and-hours {
    display: flex; /* Выравниваем элементы в строку */
    justify-content: space-between; /* Размещаем элементы с равными отступами */
}
.order-and-hours div {
    width: calc(50% - 10px); /* Устанавливаем ширину блока */
    box-sizing: border-box; /* учитываем padding */
}
/* Стили для кнопки закрытия */
.modal-close-button {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 40px;
    background: none;
    border: none;
    color: white;
    cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-33ecac04 *//* Основные стили для мобильной версии */
@media screen and (max-width: 768px) {
  /* Кнопка в шапке */
  .header-phone {
    padding: 15px;
    text-align: right;
  }

  .phone-icon-btn {
    background: none;
    border: 2px solid #ffbb00;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    cursor: pointer;
    padding: 0;
    transition: 0.3s;
    position: relative;
     
     
  }

  .phone-icon-btn svg {
    fill: #ff0022;
    width: 23px;
    height: 23px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
     
     
  }

  .phone-icon-btn:hover {
    border-color: #e5c100;
    transform: scale(1.05);
     
  }

  /* Модальное окно */
  .modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1000;
  }

  .modal-content {
    background: white;
    margin: 35% auto;
    padding: 15px;
    border-radius: 12px;
    width: 85%;
    max-width: 360px;
    text-align: center;
    position: relative;
     
  }

  .close {
    position: absolute;
    right: 15px;
    top: 10px;
    font-size: 34px;
    color: #888;
    cursor: pointer;
  }

  .close:hover {
    color: #555;
  }

  .call-button {
    background: #25D366;
    color: white;
    padding: 16px;
    border: none;
    border-radius: 25px;
    width: 100%;
    font-size: 25px;
    font-weight: 500;
    margin: 20px 0 15px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
    transition: 0.3s;
      
  }

 
 
 
 
 

.call-time {
    color: #FFD700;
    font-size: 18px;
    margin: 35px 0 20px; /* Добавлен верхний отступ 15px */
    line-height: 1.4;
    font-weight: 400;
    text-align: center;
     
}
}

 

/* Стили для десктопов */
@media screen and (min-width: 769px) {
  .header-phone {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-793c5169 */.burger-menu-button i{
  font-size: 28px;
     color: white;

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3cfb04f8 */.your-header-.elementor-74 .elementor-element.elementor-element-3cfb04f8 {
      backdrop-filter: blur(10px);
   }
 .your-cart-.elementor-74 .elementor-element.elementor-element-3cfb04f8 {
   z-index: 9999 !important;
    position: fixed !important;
    top: 0;
    right: 0;
    backdrop-filter: none !important;  /*исключаем корзину из фильтра*/
 }
 

.elementor-74 .elementor-element.elementor-element-3cfb04f8 {
  background: linear-gradient(to right, #2d302e, #262323, #2d2e2d);
  background: -webkit-linear-gradient(to right, #c1d6db, #f0f4f5, #f0f4f5);
  background: -moz-linear-gradient(to right, #c1d6db, #f0f4f5, #f0f4f5);
}/* End custom CSS */