/* Add a subtle shadow to text for better readability on images */
.text-shadow {
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
}

/* ================================================== */
/* == NAVIGATION & MENU STYLES == */
/* ================================================== */

/* Fading transitions for navbar and menu button */
#full-navbar, #open-menu-btn {
    transition: opacity 0.3s ease-in-out;
}

/* Class to hide elements smoothly */
.hidden-fade {
    opacity: 0;
    pointer-events: none;
}

/* Styles for the pop-up menu overlay with dynamic animation */
#menu-overlay {
    display: flex;
    transition: clip-path 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

/* When the menu is hidden */
#menu-overlay.hidden {
    /* The circle's origin now uses our CSS variables */
    clip-path: circle(0% at var(--clip-origin-x, 100%) var(--clip-origin-y, 0%));
    pointer-events: none;
}

/* When the menu is visible */
#menu-overlay:not(.hidden) {
    /* The circle expands from the same dynamic origin point */
    clip-path: circle(150% at var(--clip-origin-x, 100%) var(--clip-origin-y, 0%));
    pointer-events: auto;
}

/* **NEW**: Added to prevent background scroll when the menu is open */
.no-scroll {
    overflow: hidden;
}


/* ================================================== */
/* == OTHER COMPONENT STYLES == */
/* ================================================== */

/* --- Expandable Team Section --- */
#additional-team-grid {
    transition: max-height 0.7s ease-in-out, opacity 0.5s ease-in-out 0.2s;
}

#additional-team-grid.expanded {
    opacity: 1;
}

/* **NOTE**: The Back to Top button is now styled directly with Tailwind.
   The old `.show` class has been removed as it was not being used correctly. */

/* === CHATBOT REDESIGN === */