:root {
    --maroon: #800000;
    --gold: #FFD700;
    --white: #ffffff;
    --gradient-btn: linear-gradient(45deg, #FFD700, #ff9900);
}

@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap');

h1,h2,h3,h4,h5,h6{
     font-family: "Figtree", sans-serif;
}

[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
    cursor: pointer;
    border: none;
}


/* Navbar styling */
.navbar {
    background-color:var(--white);
    /* padding: 0.7rem 1rem; */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.navbar-brand img {
    height: 70px;
}

.navbar-nav .nav-link {
    color: var(--maroon);
    font-weight: 500;
    /* padding: 0.6rem 1rem; */
    transition: all 0.3s ease;
    border-bottom: 2px solid transparent;
}

.navbar-nav .nav-link:hover {
    color: var(--gold);
}

.navbar-nav .nav-link.active {
    color: var(--black);
    border-bottom: 2px solid var(--maroon);
}

/* Enquiry button */
.btn-enquiry {
    background: var(--gradient-btn);
    color: var(--maroon);
    font-weight: bold;
    border-radius: 25px;
    padding: 0.4rem 1rem;
    transition: 0.3s;
    border: none;
}

.btn-enquiry:hover {
    background: var(--white);
    color: var(--maroon);
    border: 1px solid var(--gold);
}

/* Offcanvas menu styling */
.offcanvas {
    background-color: var(--maroon);
}

.offcanvas .nav-link {
    color: var(--white);
    padding: 0.8rem 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.offcanvas .nav-link.active {
    color: var(--gold);
    border-bottom: 2px solid var(--gold);
}

.offcanvas .nav-link:hover {
    color: var(--gold);
}

/* Mobile Toggler icon color */
.navbar-toggler {
    border-color: var(--maroon);
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba%28128,0,0,1%29' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

@media(max-width:425px) {

    .offcanvas.show:not(.hiding),
    .offcanvas.showing {
        transform: none;
        width: 250px;
    }
}


/* Position fixed bottom-right */
    #google_translate_element {
        position: fixed;
        bottom: 20px;
        right: 20px;
        background: #ffffff;
        padding: 8px 12px;
        border-radius: 8px;
        box-shadow: 0 4px 8px rgba(0,0,0,0.2);
        z-index: 999999;
        font-family: Arial, sans-serif;
        transition: all 0.3s ease-in-out;
    }
    #google_translate_element:hover {
        box-shadow: 0 6px 12px rgba(0,0,0,0.3);
        transform: scale(1.05);
    }

    /* Hide Google branding */
    .goog-logo-link, .goog-te-gadget span {
        display: none !important;
    }

    /* Dropdown styling */
    .goog-te-combo {
        padding: 6px 10px;
        border-radius: 5px;
        border: 1px solid #ddd;
        font-size: 14px;
        cursor: pointer;
        outline: none;
    }
    .goog-te-combo:hover {
        border-color: #999;
    }