/* Holiday Villam V9.5 - Dynamic Mega Menu PRO */
.navbar{overflow:visible !important;}
.navbar nav{display:flex;align-items:center;gap:4px;}
.navbar nav > a,.nav-mega > .nav-mega-toggle{margin-left:20px !important;}
.nav-mega{position:relative;display:flex;align-items:center;}
.nav-mega-toggle{display:inline-flex;align-items:center;gap:6px;color:#222;text-decoration:none;font-weight:700;white-space:nowrap;}
.nav-mega-toggle::after{
    display: none;
}
.nav-mega-panel{
    position:absolute;top:calc(100% + 24px);left:50%;
    width:min(720px,calc(100vw - 40px));padding:20px;
    border:1px solid #e8edf1;border-radius:18px;background:rgba(255,255,255,.98);
    box-shadow:0 22px 55px rgba(15,23,42,.16);
    opacity:0;visibility:hidden;pointer-events:none;
    transform:translate(-50%,10px);
    transition:opacity .18s ease,transform .18s ease,visibility .18s ease;
    z-index:1100;
}
.nav-mega-panel::before{content:"";position:absolute;left:0;right:0;top:-25px;height:25px;}
.nav-mega:hover .nav-mega-panel,
.nav-mega:focus-within .nav-mega-panel,
.nav-mega.open .nav-mega-panel{
    opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0);
}
.mega-menu-head{display:flex;justify-content:space-between;align-items:center;padding:2px 3px 14px;border-bottom:1px solid #eef1f4;}
.mega-menu-head strong{display:block;color:#073f52;font-size:16px;}
.mega-menu-head small{display:block;margin-top:3px;color:#7b8794;font-size:11px;}
.mega-menu-head > span{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#fff7e6;}
.mega-menu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:14px 0 10px;}
.mega-menu-grid > a{display:flex;align-items:center;gap:9px;min-width:0;margin:0 !important;padding:9px;border-radius:11px;color:#1f2937;text-decoration:none;transition:.16s ease;}
.mega-menu-grid > a:hover{background:#f3f8f9;transform:translateY(-1px);}
.mega-menu-icon{display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;border-radius:9px;background:#edf6f7;font-size:13px;}
.mega-menu-copy{min-width:0;}
.mega-menu-copy strong{display:block;overflow:hidden;color:#163040;font-size:11.5px;text-overflow:ellipsis;white-space:nowrap;}
.mega-menu-copy small{display:block;margin-top:2px;color:#8a949e;font-size:9px;}
.region-mega-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:15px 3px 12px;}
.region-mega-grid h4{margin:0 0 7px;color:#b08120;font-size:11px;text-transform:uppercase;letter-spacing:.7px;}
.region-mega-grid a{display:flex;justify-content:space-between;gap:10px;margin:0 !important;padding:7px 8px;border-radius:9px;color:#253645;text-decoration:none;font-size:11px;font-weight:700;}
.region-mega-grid a:hover{background:#f3f8f9;}
.region-mega-grid a small{color:#88939e;font-size:9px;}
.mega-menu-all{display:flex !important;justify-content:space-between;align-items:center;margin:4px 0 0 !important;padding:10px 12px !important;border-radius:11px;background:#073f52;color:#fff !important;text-decoration:none;font-size:11px;font-weight:800;}
@media(max-width:980px){
    .navbar nav{width:100%;flex-wrap:wrap;justify-content:center;}
    .nav-mega{position:static;}
    .nav-mega-panel{top:100%;left:12px;right:12px;width:auto;max-height:70vh;overflow-y:auto;transform:translateY(10px);}
    .nav-mega:hover .nav-mega-panel{opacity:0;visibility:hidden;pointer-events:none;}
    .nav-mega.open .nav-mega-panel{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);}
    .mega-menu-grid,.region-mega-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:620px){
    .mega-menu-grid,.region-mega-grid{grid-template-columns:1fr;}
}


/* ===================================================
   V9.5.1 - Kompakt Mega Menü ve Navbar Boşluğu
=================================================== */

/* Sabit navbarın içeriğin üzerine binmesini engeller */
body{
    padding-top: 88px;
}

/* Ana sayfanın hero alanında eski yüksekliği koru */
body .hero{
    margin-top: -88px;
    padding-top: 178px;
}

/* Villalar sayfasında kartlar navbar altından başlasın */
.villas-content,
.villa-page-wrapper{
    position: relative;
    z-index: 1;
}

/* Mega menüyü daha küçük ve kibar yap */
.nav-mega-panel{
    top: calc(100% + 18px) !important;
    width: 430px !important;
    max-width: calc(100vw - 32px) !important;
    padding: 14px !important;
    border-radius: 14px !important;
    box-shadow: 0 16px 38px rgba(15,23,42,.14) !important;
}

/* Villalar menüsü biraz daha dar */
#villaMegaMenu{
    width: 460px !important;
}

/* Bölgeler menüsü daha kompakt */
#regionMegaMenu{
    width: 500px !important;
}

.mega-menu-head{
    padding: 0 2px 10px !important;
}

.mega-menu-head strong{
    font-size: 14px !important;
}

.mega-menu-head small{
    font-size: 9.5px !important;
}

.mega-menu-head > span{
    width: 30px !important;
    height: 30px !important;
    border-radius: 9px !important;
    font-size: 13px !important;
}

.mega-menu-grid{
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: 4px !important;
    padding: 9px 0 7px !important;
}

.mega-menu-grid > a{
    gap: 7px !important;
    padding: 7px !important;
    border-radius: 9px !important;
}

.mega-menu-icon{
    width: 26px !important;
    height: 26px !important;
    flex-basis: 26px !important;
    border-radius: 8px !important;
    font-size: 11px !important;
}

.mega-menu-copy strong{
    font-size: 10.5px !important;
}

.mega-menu-copy small{
    font-size: 8px !important;
}

/* Bölge menüsü: şehirler 3 sade sütun */
.region-mega-grid{
    grid-template-columns: repeat(3, minmax(0,1fr)) !important;
    gap: 10px !important;
    padding: 10px 2px 8px !important;
}

.region-mega-grid h4{
    margin-bottom: 4px !important;
    font-size: 9px !important;
}

.region-mega-grid a{
    padding: 5px 6px !important;
    border-radius: 7px !important;
    font-size: 9.5px !important;
}

.region-mega-grid a small{
    font-size: 8px !important;
}

.mega-menu-all{
    padding: 8px 10px !important;
    border-radius: 9px !important;
    font-size: 9.5px !important;
}

/* Menü ekranın dışına taşmasın */
.nav-mega:last-of-type .nav-mega-panel{
    left: auto !important;
    right: 0 !important;
    transform: translateY(10px) !important;
}

.nav-mega:last-of-type:hover .nav-mega-panel,
.nav-mega:last-of-type:focus-within .nav-mega-panel,
.nav-mega:last-of-type.open .nav-mega-panel{
    transform: translateY(0) !important;
}

@media(max-width:980px){
    body{
        padding-top: 132px;
    }

    body .hero{
        margin-top: -132px;
        padding-top: 220px;
    }

    .nav-mega-panel,
    #villaMegaMenu,
    #regionMegaMenu{
        left: 12px !important;
        right: 12px !important;
        width: auto !important;
        max-width: none !important;
        transform: translateY(8px) !important;
    }

    .nav-mega.open .nav-mega-panel{
        transform: translateY(0) !important;
    }
}

@media(max-width:620px){
    body{
        padding-top: 150px;
    }

    body .hero{
        margin-top: -150px;
        padding-top: 235px;
    }

    .mega-menu-grid,
    .region-mega-grid{
        grid-template-columns: 1fr !important;
    }
}