@font-face {
    font-family: 'MyHeadFont';
    src: url('/Content/fonts/00427.TTF') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.wire-one-regular { 
    font-weight: 400; 
    font-family: "Exo 2", sans-serif;
    font-optical-sizing: auto; 
    font-style: normal;
}

.font-00427-regular {
    font-family: MyHeadFont, sans-serif;
}


.header-left {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#header-main .header-inner-wrap .header-right .wrap-header-icons .header-cart::before {
    position: absolute;
    content: "";
    top: 26px;
    left: 0px !important;
    width: 1px;
    height: 49px;
    background-color: rgba(255, 255, 255, 0.12);
}
.main-menu {
    flex-grow: 1;
    display: flex;
    justify-content: flex-end; /* Menü öğeleri sağa yaslansın */
}

    .main-menu .navigation {
        display: flex;
        gap: 20px; /* Menü öğeleri arası boşluk */
        list-style: none;
        padding: 0;
        margin: 0;
    }



#header-main .header-inner-wrap .header-right .wrap-header-icons .header-cart::after { 
    height: 0px !important;
    width: 0px !important; 
}
.header-inner {
    background-color: #fff4e6;
}

#header-main .header-inner-wrap .header-left .navigation > li > a::before { 
    bottom: -5px; 
    height: 3px; 
}

#header-main .navigation {
    gap: 15px !important;
}

#header-main .navigation li { 
    line-height: 0px; 
    letter-spacing: -0.2px;
}

#header-main .header-inner-wrap .header-left .navigation > li > a::before {
    content: none !important; 
}


/* Tüm a etiketleri için genel geçiş */
.navigation a {
    transition: all 0.3s ease;
    padding: 5px;
    border-radius: 10px;
    color: #854442 !important;
    text-decoration: none;
}

    /* Sadece sosyal ikon **olmayan** linklere hover efekti uygula */
    .navigation a:not(.social-icon):hover {
        background-color: #85444282;
        border-radius: 15px;
        color: #fff4e6 !important;
    }



/* Tüm a etiketleri için genel geçiş */
.sag_menu {
    transition: all 0.3s ease;
    padding: 5px;
    border-radius: 10px;
    color: inherit;
    text-decoration: none;
    font-family: MyHeadFont, sans-serif;
    color: #854442 !important;
    font-size: 1vw;
    font-style: normal;
}

    /* Sadece sosyal ikon **olmayan** linklere hover efekti uygula */
    .sag_menu:hover {
        background-color: #85444282;
        border-radius: 15px;
        color: #fff4e6 !important;
    }



/* Sosyal ikon linklerinin rengi sadece değişsin */
a.social-icon {
    transition: color 0.3s ease;
    color: #824c4b !important;
    background: none !important;
}

    /* Hover durumunda sadece renk değişsin, arka plan yok */
    a.social-icon:hover {
        color: #FFD700 !important;
        background: none !important;
    }

    /* İkonun rengi linkten miras alsın */
    a.social-icon i {
        color: inherit !important;
    }



#header-main .header-inner-wrap {
    justify-content: space-around;
}


    #header-main .header-inner-wrap .header-right .wrap-header-icons .header-cart::before {
        background-color: rgb(87 87 87 / 32%);
    }

.header.is-fixed .header-inner {
    background-color: #fff4e4;
}

.active_list {
    color: #d2a452 !important;
}

.main-content {
    padding-top: 75px !important
}

.insta-icon i {
    color: black;
    transition: all 0.4s ease;
    display: inline-block; /* Dönme ve ölçekleme için gerekli */
}

    .insta-icon i:hover {
        color: #d2a452 !important;
        transform: scale(1.2) rotate(10deg);
    }

#reservation_button {
    transition: transform 0.4s ease;
    display: contents;
}

    #reservation_button:hover {
        transform: scale(1.1);
    }

#kucuk_baslik {
    font-family: MyHeadFont, sans-serif;
    font-size: 20px;
} 
#mobile_logo {
    display: none !important;
}
#buyuk_logo {
    display: block !important;
}
#mobile_rezervation {
    display: none !important;
}



.mas_social {
    display: block;
}

.mob_social {
    display: none !important;
}


#ic_facebook {
    visibility: visible;
}

#ic_instagram {
    visibility: visible;
}

.mas_social_right {
    justify-content: flex-start;
    gap: 15px;
}

#reservation_mob {
    display: none !important;
}

@media (max-width: 480px) {
    .masonry {
        column-count: 1 !important;
    }
}


@media (max-width: 550px) {
    #header-main .header-inner-wrap .header-right .wrap-header-icons {
        gap: 5px;
    }
    .flag-image {
        margin-left: -52px !important;
        margin-top: -3px;
    }
}
@media (max-width: 991px) {
    #header-main .header-inner-wrap .header-right .mobile-button {
        margin-left: -35px;
        margin-top: -4px;
    }
}
/* Ekran boyutu 651px ve üzeriyse geçerli olacak stil */
@media screen and (min-width: 991px) {

    .mas_social_right{
        justify-content:flex-end !important;
    }
}
@media screen and (max-width: 650px) {
    .flag-image {
        margin-left: 0px;
        margin-top: 0px;
    }
    #mobile_logo {
        display: block !important;
    }
    #buyuk_logo {
        display: none !important;
    }
    #mobile_rezervation {
        display: flex !important;
    }
    .header-inner-wrap{
        height:70px !important;
    }
    .mas_social{
        display:none !important;
    }
    .mob_social {
        display: flex !important; 
    }
    #ic_facebook{
        visibility:hidden;
    }
    #ic_instagram {
        visibility: hidden;
    }
    .main-content {
        padding-top: 44px !important
    }
    #header-main .header-inner-wrap .header-right .wrap-header-icons i { 
        line-height: 23px;
    }
    #header-main .header-inner-wrap .header-right .wrap-header-icons .header-cart::before { 
        top: -3px; 
    }
    #header-main .header-inner-wrap .header-right .wrap-header-icons { 
        margin-top: 0px;
    }
    #header-main .header-inner-wrap .header-right .wrap-header-icons .header-cart::before { 
        height: 64px; 
    }
    #reservation_mob {
        display: block !important;
    }
}



@media (max-width: 1200px) {
    .masonry {
        column-count: 3;
    }
}

@media (max-width: 768px) {
    .masonry {
        column-count: 2;
    }
}

@media (max-width: 480px) {
    .masonry {
        column-count: 1;
    }
}

@media (max-width: 1200px) {
    #header-main .header-inner-wrap .header-right {
        gap: 55px;
    }
}

.masonry {
    column-count: 4;
    column-gap: 4px;
    padding: 10px;
}

    .masonry img {
        width: 100%;
        margin-bottom: 10px;
        border-radius: 8px;
        display: block;
        break-inside: avoid;
    }
#social_icons {
    display: flex;
    gap: 10px;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}

    #social_icons a {
        padding: 0 !important;
    }
.flag-wrapper {
    display: flex;
    width: 25px;
    height: 25px; 
}

.flag-image {
    width: 100%;
    height: 100%;
    transition: transform 0.3s ease;
}

.flag-wrapper:hover .flag-image {
    transform: scale(1.1, 1.05); /* Yatay hafif genişletip dikey hafif uzatır */
}