/* Floating pill-style navbar: top/left/right separated with rounded rectangle */
.header {
    background: transparent !important;
    box-shadow: none !important;
    height: auto !important;
    min-height: unset !important;
}

.navbar {
    padding: 0 !important;
}

/* The pill container that crops content from logo to WhatsApp */
.navbar .container {
    height: auto !important;
    background: rgba(255, 255, 255, 0.95);
    border-radius: 18px;
    margin: 12px auto; /* top gap and center */
    max-width: 80%; /* 20% smaller from sides */
    padding: 16px 24px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
    overflow: hidden; /* crop inside to rounded shape */
    position: relative; /* allow absolute centering for mobile middle link */
}

/* Ensure alignment inside pill */
.navbar .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Slightly reduce phone and WhatsApp buttons inside the navbar */
.header .contact-buttons .btn-phone,
.header .contact-buttons .btn-whatsapp {
    padding: 0.5rem 0.9rem !important;
    font-size: 0.9rem !important;
    border-radius: 18px !important;
    gap: 0.4rem !important;
}

.header .contact-buttons .btn-phone i,
.header .contact-buttons .btn-whatsapp i,
.header .contact-buttons .btn-phone svg,
.header .contact-buttons .btn-whatsapp svg,
.header .contact-buttons .btn-phone img,
.header .contact-buttons .btn-whatsapp img {
    width: 18px;
    height: 18px;
}

/* Middle link (hidden by default, shown on mobile) */
.nav-center-link {
    display: none;
    text-decoration: none;
    color: #2c5aa0;
    font-weight: 600;
}

/* Mobile tweaks */
@media (max-width: 768px) {
    .navbar .container {
        margin: 10px auto;  /* ortada konumlandır */
        max-width: 90%;     /* yanlarda boşluk bırak */
        border-radius: 14px;
        padding: 10px 16px;
        gap: 12px;  /* elementler arası boşluk */
        justify-content: space-between;
    }
    
    /* Logo mobilde küçült */
    .nav-brand .brand-logo img {
        max-width: 80px;
        height: auto;
    }
    
    /* Hamburger mobilde sağ tarafta */
    .hamburger {
        flex-shrink: 0;
    }
    
    .nav-center-link {
        display: block;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        font-size: 0.9rem;
        white-space: nowrap;
    }
}