/* NAVBAR */
.navbar {
    position: sticky;
    top: 0;
    z-index: 2000; /* 🔥 overlay se upar */
}
.navbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #FFD700;
    padding: 17px 20px;
}

/* LOGO */
.logo {
    height: 70px;
    border-radius: 50%;
}

/* MENU */
.nav-links {
    display: flex;
}

.nav-links a {
    margin: 0 15px;
    text-decoration: none;
    color: #000;
    font-weight: 600;
}

/* RIGHT */
.nav-right {
    display: flex;
    align-items: center;
    gap: 10px;
}

/* 🔥 BUTTON BASE */
.astro-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    border-radius: 25px;
    border: none;
    font-size: 14px;
    cursor: pointer;
    white-space: nowrap;
}

/* CHAT BUTTON */
/* WHATSAPP CHAT BUTTON */
.chat-btn {
    background: #25D366;
    color: #fff;
    text-decoration: none;

    display: flex;
    align-items: center;
    gap: 8px;

    padding: 10px 18px;

    border-radius: 50px; /* FULL ROUND */

    font-size: 14px;
    font-weight: 500;

    transition: 0.3s;
}

/* HOVER */
.chat-btn:hover {
    background: #1ebe5d;
    transform: translateY(-2px);
}

/* GREEN DOT */
.chat-btn .dot {
    width: 16px;
    height: 20px;
    background: #fff;
    border-radius: 50%;
}

/* ================= CALL BUTTON ================= */

.call-btn {
    background: #2c2c8a;
    color: #fff;

    display: flex;
    align-items: center;
    gap: 8px;

    border-radius: 50px;
    padding: 10px 18px;

    border: none;
    cursor: pointer;

    transition: 0.3s;
}

.call-btn:hover {
    background: #1f1f6b;
    transform: translateY(-2px);
}

/* ================= POPUP ================= */

.call-popup {
    position: fixed;
    inset: 0;

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

    display: none;
    justify-content: center;
    align-items: center;

    z-index: 99999;
}

/* CONTENT */
.call-popup-content {
    background: #fff;

    width: 320px;
    padding: 30px 20px;

    border-radius: 16px;

    text-align: center;

    position: relative;

    animation: popupShow 0.3s ease;
}

/* CLOSE */
.close-call {
    position: absolute;
    top: 12px;
    right: 15px;

    cursor: pointer;
    font-size: 18px;
}

/* ICON */
.call-icon {
    font-size: 45px;
    margin-bottom: 15px;
}

/* TITLE */
.call-popup-content h3 {
    margin-bottom: 10px;
    color: #1c1c2e;
}

/* NUMBER */
.call-number {
    font-size: 22px;
    font-weight: 700;
    color: #25D366;

    margin-bottom: 20px;
}

/* BUTTON */
.call-now-btn {
    display: inline-block;

    background: #25D366;
    color: #fff;

    padding: 12px 25px;

    border-radius: 50px;

    text-decoration: none;
    font-weight: 600;

    transition: 0.3s;
}

.call-now-btn:hover {
    background: #1ebe5d;
}

/* ANIMATION */
@keyframes popupShow {

    from {
        transform: scale(0.8);
        opacity: 0;
    }

    to {
        transform: scale(1);
        opacity: 1;
    }
}

/* ================= TRANSLATE BUTTON ================= */

.nav-translate-item {
    position: relative;
}

/* HIDE GOOGLE DEFAULT */
#google_translate_element {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

/* SWITCH */
.lang-switch-inner {
    position: relative;
    display: inline-block;
    width: 75px;
    height: 36px;
    cursor: pointer;
}

/* HIDE INPUT */
.lang-switch-inner input {
    display: none;
}

/* SLIDER */
.slider-inner {
    position: absolute;
    inset: 0;

    background: #fff;
    border-radius: 50px;

    transition: 0.3s;
}

/* CIRCLE */
.slider-inner::before {
    content: "";

    position: absolute;
    width: 28px;
    height: 28px;

    left: 4px;
    top: 4px;

    background: #25D366;
    border-radius: 50%;

    transition: 0.3s;
}

/* ACTIVE */
.lang-switch-inner input:checked + .slider-inner::before {
    transform: translateX(39px);
}

/* TEXT */
.lang-txt {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);

    font-size: 12px;
    font-weight: 600;

    z-index: 2;
}

/* HI */
.on-txt {
    left: 12px;
    color: #000;
}

/* EN */
.off-txt {
    right: 10px;
    color: #000;
}
/* SMALL BUTTON */
.small {
    background: #fff;
    color: #000;
}

/* HAMBURGER BUTTON */
.hamburger {
    display: none;
    width: 70px;
    height: 70px;
    background: #22c55e; /* green */
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    cursor: pointer;
}

/* LINES */
.hamburger span {
    width: 25px;
    height: 3px;
    background: #fff;
    margin: 2px 0;
    display: block;
}
.astro-btn {
    text-decoration: none;
}

/* 📱 RESPONSIVE */
@media (max-width: 992px) {

    .nav-links {
        display: none;
    }

    .astro-btn {
        display: none;
    }

   .hamburger {
        display: flex;
    }
}
/* ================= GOOGLE TRANSLATE FIX ================= */

/* TOP BAR HIDE */
.goog-te-banner-frame.skiptranslate {
    display: none !important;
}

body {
    top: 0 !important;
}

/* FULL GOOGLE TRANSLATE HIDE */
.goog-te-gadget {
    font-size: 0 !important;
}

.goog-te-gadget .goog-te-combo {
    display: none !important;
}

/* LOGO HIDE */
.goog-logo-link {
    display: none !important;
}

/* REMOVE BLUE HIGHLIGHT */
.goog-text-highlight {
    background: transparent !important;
    box-shadow: none !important;
}

/* HIDE GOOGLE FRAME */
iframe.skiptranslate {
    display: none !important;
}
/* ================= GOOGLE TRANSLATE POPUP HIDE ================= */

/* Bottom feedback popup */
.goog-te-balloon-frame {
    display: none !important;
}

/* Remove highlight */
.goog-text-highlight {
    background: none !important;
    box-shadow: none !important;
}

/* Prevent page shift */
body {
    top: 0 !important;
    position: static !important;
}

/* Hide translate tooltip */
#goog-gt-tt,
.goog-tooltip,
.goog-tooltip:hover {
    display: none !important;
}

/* Hide popup frame */
iframe.goog-te-balloon-frame {
    display: none !important;
}