/* Sessiz Akustik Mega Menu Stilleri - Masaustu */

@media (min-width: 992px) {

    .sessizakustik-mega-menu {

        position: absolute;

        left: 0;

        width: 100%;

        background: #fff;

        padding: 50;

        box-shadow: 0 5px 15px rgba(0,0,0,0.1);

        display: none;

        z-index: 1000;

        border-radius: 8px;

        margin-top: 10px;

    }



    .menu-item-has-children:hover .sessizakustik-mega-menu {

        display: flex;

        flex-wrap: wrap;

    }



    .sessizakustik-mega-menu-column {

        flex: 0 0 25%;

        padding: 15px;

        border-right: 1px solid rgba(0,0,0,0.1);

    }



    .sessizakustik-mega-menu-column:last-child {

        border-right: none;

    }



    .sessizakustik-mega-menu-title {

        color: #1a5f7a;

        font-size: 16px;

        font-weight: 600;

        margin-bottom: 15px;

        padding-bottom: 10px;

        border-bottom: 2px solid #eee;

    }



    .sessizakustik-mega-menu-list {

        list-style: none;

        padding: 0;

        margin: 0;

    }



    .sessizakustik-mega-menu-item {

        margin-bottom: 8px;

    }



    .sessizakustik-mega-menu-link {

        color: #666;

        font-size: 14px;

        text-decoration: none;

        transition: color 0.3s;

        display: block;

        padding: 5px 0;

    }



    .sessizakustik-mega-menu-link:hover {

        color: #1a5f7a;

    }



    /* Mobilde normal menu goster */

    @media (max-width: 991px) {

        .sessizakustik-mega-menu {

            display: none !important;

        }

    }

}



/* Sessiz Akustik Menu Grid Yapisi - Sadece Masaustu */

@media (min-width: 992px) {

    .menu-item-has-children {

        position: relative;

    }



    .menu-item-has-children .sub-menu {

        display: none;

        position: absolute;

        background: linear-gradient(to bottom, #F5F6FB, #f5f9fb);

        min-width: 600px;

        padding: 12px;

        box-shadow: 0 5px 25px rgba(0,0,0,0.15);

        border-radius: 8px;

        left: 50%;

        transform: translateX(-50%);

        grid-template-columns: repeat(3, 1fr);

        gap: 6px;

        margin-top: 12px;

        z-index: 1000;

        border-top: 2px solid #1a5f7a;

        opacity: 0;

        visibility: hidden;

        transition: all 0.3s ease, opacity 0.2s ease;

    }



    .menu-item-has-children:before {

        content: '';

        position: absolute;

        top: 100%;

        left: 0;

        width: 100%;

        height: 20px;

        background: transparent;

    }



    .menu-item-has-children:hover .sub-menu {

        display: grid !important;

        opacity: 1;

        visibility: visible;

        animation: fadeInUp 0.3s ease;

    }



    .menu-item-has-children .sub-menu:before {

        content: '';

        position: absolute;

        top: -20px;

        left: 0;

        width: 100%;

        height: 20px;

        background: transparent;

    }



    .menu-item-has-children .sub-menu li {

        padding: 2px 6px;

        margin: 0;

        transition: all 0.3s ease;

        border-radius: 4px;

        border: 1px solid transparent;

    }



    .menu-item-has-children .sub-menu li:hover {

        background: rgba(26, 95, 122, 0.05);

        border-color: rgba(26, 95, 122, 0.1);

    }



    .menu-item-has-children .sub-menu li a {

        color: #444;

        font-size: 12px;

        transition: all 0.3s ease;

        white-space: nowrap;

        display: block;

        padding: 4px 6px;

        position: relative;

        text-decoration: none;

    }



    .menu-item-has-children .sub-menu li a:before {

        content: '';

        position: absolute;

        left: 0;

        bottom: 0;

        width: 0;

        height: 1px;

        background: #1a5f7a;

        transition: width 0.3s ease;

    }



    .menu-item-has-children .sub-menu li a:hover {

        color: #1a5f7a;

        transform: translateX(3px);

    }



    .menu-item-has-children .sub-menu li a:hover:before {

        width: 100%;

    }



    @keyframes fadeInUp {

        from {

            opacity: 0;

            transform: translate(-50%, 8px);

        }

        to {

            opacity: 1;

            transform: translate(-50%, 0);

        }

    }



    /* Urunlerimiz menusu icin ozel stiller */

    .menu-item-has-children a[href="urunlerimiz"] + .sub-menu {

        min-width: 680px;

        padding: 22px;

        grid-template-columns: repeat(2, 1fr);

        gap: 12px;

        margin-top: 12px;

    }



    .menu-item-has-children a[href="urunlerimiz"] + .sub-menu li {

        padding: 5px 12px;

    }



    .menu-item-has-children a[href="urunlerimiz"] + .sub-menu li a {

        font-size: 13.5px;

        padding: 7px 12px;

        line-height: 1.5;

    }



    /* Hizmetlerimiz menusunun orijinal stillerini guncelleme */

    .menu-item-has-children a[href="hizmetlerimiz"] + .sub-menu {

        min-width: 680px;

        padding: 22px;

        grid-template-columns: repeat(3, 1fr);

        gap: 12px;

        margin-top: 12px;

    }



    .menu-item-has-children a[href="hizmetlerimiz"] + .sub-menu li {

        padding: 5px 12px;

    }



    .menu-item-has-children a[href="hizmetlerimiz"] + .sub-menu li a {

        font-size: 13.5px;

        padding: 7px 12px;

        line-height: 1.5;

    }



    /* Akustik Kabin menusu stilleri */

    .menu-item-has-children a[href="akustik-kabin"] + .sub-menu {

        min-width: 680px;

        padding: 22px;

        grid-template-columns: repeat(2, 1fr);

        gap: 12px;

        margin-top: 12px;

    }



    .menu-item-has-children a[href="akustik-kabin"] + .sub-menu li {

        padding: 5px 12px;

    }



    .menu-item-has-children a[href="akustik-kabin"] + .sub-menu li a {

        font-size: 13.5px;

        padding: 7px 12px;

        line-height: 1.5;

    }

}



/* Mobil menu icin mevcut stiller korunacak */

@media (max-width: 991px) {

    .menu-item-has-children .sub-menu {

        display: none;

    }

    

    .menu-item-has-children.active .sub-menu {

        display: block;

    }

}



.footer-section {

    position: relative;

    background: linear-gradient(45deg, #053132, #053132);

}

.footer-top {

    padding: 80px 0 50px;

}

.footer-widget .widget-title {

    position: relative;

    padding-bottom: 15px;

    margin-bottom: 25px;

    font-size: 20px;

    font-weight: 600;

}

.footer-widget .widget-title:after {

    content: '';

    position: absolute;

    left: 0;

    bottom: 0;

    width: 50px;

    height: 2px;

    background: #1a5f7a;

}

.footer-links li {

    margin-bottom: 12px;

}

.footer-links a {

    color: #ffffff;

    opacity: 0.8;

    transition: all 0.3s ease;

    text-decoration: none;

}

.footer-links a:hover {

    opacity: 1;

    color: #1a5f7a;

    padding-left: 5px;

}

.contact-info li {

    color: #ffffff;

    opacity: 0.8;

}

.contact-info a {

    color: #ffffff;

    text-decoration: none;

    transition: all 0.3s ease;

}

.contact-info a:hover {

    color: #1a5f7a;

}

.map-container {

    border-radius: 10px;

    overflow: hidden;

    box-shadow: 0 4px 15px rgba(0,0,0,0.2);

}

.footer-bottom {

    background: rgba(0,0,0,0.2);

    font-size: 14px;

}

.footer-bottom p {

    color: #ffffff;

    opacity: 0.8;

    text-align: left !important;

    margin: 0;

    padding: 0;

}

.footer-bottom-links a {

    color: #ffffff;

    opacity: 0.8;

    text-decoration: none;

    margin-left: 20px;

    transition: all 0.3s ease;

}

.footer-bottom-links a:hover {

    color: #1a5f7a;

    opacity: 1;

}

@media (max-width: 768px) {

    .footer-widget {

        margin-bottom: 30px;

    }

    .footer-bottom-links {

        margin-top: 10px;

    }

    .footer-bottom-links a {

        margin: 0 10px;

    }

    .footer-bottom p {

        text-align: center !important;

        margin-bottom: 10px;

    }

}



/* Zozyon link stili */

.zozyon-link {

    display: inline-flex;

    align-items: center;

    justify-content: flex-end;

    padding: 5px 10px;

    background: rgba(255,255,255,0.1);

    border-radius: 20px;

    transition: all 0.3s ease;

    float: right;

}

.zozyon-link:hover {

    background: rgba(255,255,255,0.2);

    transform: translateY(-2px);

}

.zozyon-icon {

    width: 16px;

    height: 16px;

}

@media (max-width: 768px) {

    .zozyon-link {

        margin: 10px auto 0;

        display: inline-flex;

        float: none;

    }

}



/* Logo hover efekti */

.header-logo {

    transition: all 0.3s ease;

}



.header-logo a {

    display: inline-block;

    transition: transform 0.3s ease;

}



.header-logo:hover a {

    transform: scale(1.8); 

}



.header-logo img {

    max-height: 60px;

    width: auto;

    transition: all 0.3s ease;

}



/* Mobil responsive ayarları */

@media (max-width: 768px) {

    .header-logo img {

        max-height: 50px;

    }

    

    .header-logo:hover a {

        transform: scale(1.05);

    }

}