@charset "utf-8";
/* CSS Document */
        /* Default Light Theme (Pastel) */
        :root {
            --bg-main: #e4efe7;
            --bg-gradient-1: #e8f0fe;
            --bg-gradient-2: #fdf5f6;
            --text-main: #5a5a5a;
            --bg-glass: rgba(255, 255, 255, 0.7);
            --border-glass: rgba(255, 255, 255, 0.3);
        }

        /* Dark Theme Overrides (Deep, Calm Tones) */
        [data-bs-theme="dark"] {
            --bg-main: #1a211e;
            --bg-gradient-1: #151a24;
            --bg-gradient-2: #241a1c;
            --text-main: #d4dbd6;
            --bg-glass: rgba(20, 20, 20, 0.7);
            --border-glass: rgba(255, 255, 255, 0.1);
        }

.blue {			color: #0d6efd;	}
.indigo {		color: #4B0082;	}
.purple {		color: #6f42c1;	}
.pink {			color: #d63384;	}
.red {			color: #dc3545;	}
.orange {		color: #fd7e14;	}
.yellow {		color: #ffc107;	}
.green {		color: #198754;	}
.teal {			color: #20c997;	}
.cyan {			color: #0dcaf0;	}
.sage	{		color: #8A9A5B;	}
.lightsage	{	color: #BCECAC;	}
.violetred	{	color: #C71585;	}
.violet		{	color: #EE82EE;	}
.noit {font-style:normal;}

        body {
            background-color: var(--bg-main);
            color: var(--text-main);
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            transition: background-color 0.4s ease, color 0.4s ease;
        }

        /* Glassmorphism Elements */
        .navbar-custom, .card-custom {
            background-color: var(--bg-glass);
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
            border: 1px solid var(--border-glass);
            transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.4s ease;
        }

        .navbar-custom { border-bottom: 1px solid var(--border-glass); }

		.navbar-brand{ font-weight:600 !important; }
        
		/* Custom Navbar Link Underlines */
		.navbar-custom .nav-link {
			position: relative;
			font-weight: 500;
		}

		/* The invisible underline for all links */
		.navbar-custom .nav-link::after {
			content: '';
			position: absolute;
			width: 0;
			height: 2px;
			bottom: 4px; /* Adjust this to move the line closer/further from text */
			left: 50%;
			background-color: var(--text-main);
			transition: all 0.3s ease-in-out;
			transform: translateX(-50%);
			opacity: 0.7;
		}

		/* Hover state - underline grows outward from center */
		.navbar-custom .nav-link:hover::after {
			width: 75%;
		}

		/* Active state - underline stays visible for the current page */
		.navbar-custom .nav-link.active::after {
			width: 75%;
			background-color: var(--text-main); 
			opacity: 1;
		}

		/* Optional: Make the active text slightly bolder or a different shade */
		.navbar-custom .nav-link.active {
			font-weight: 600;
		}

        .card-custom:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 20px rgba(0,0,0,0.1);
        }

        .fade-in { animation: fadeIn 1.5s ease-in-out; }
        @keyframes fadeIn {
            0% { opacity: 0; transform: translateY(15px); }
            100% { opacity: 1; transform: translateY(0); }
        }

		/* Responsive Desktop Footer */
		@media (min-width: 992px) {
			.desktop-fixed-footer {
				position: fixed;
				bottom: 0;
				left: 0;
				width: 100%;
				z-index: 1030; /* Keeps it layered above page content */
			}

			/* Prevents the fixed footer from hiding the bottom of the page content */
			body {
				padding-bottom: 80px; 
			}
		}

		/* reCAPTCHA Badge Fixes */
		.grecaptcha-badge {
			z-index: 1040 !important; /* Pushes the badge in front of the footer */
		}

		@media (min-width: 992px) {
			.grecaptcha-badge {
				bottom: 80px !important; /* Elevates the badge so it rests on top of the fixed footer */
			}
		}

		/* --- EMOJI COLOR CODING: LIGHT MODE (DEFAULT) --- */
			.emoji-coffee     { color: #000000 !important; } /* Black */
			.emoji-croissant  { color: #8B4513 !important; } /* Darker Brown (SaddleBrown) */
			.emoji-chopsticks { color: #0047AB !important; } /* Darker Blue (Cobalt) */
			.emoji-heart      { color: #B22222 !important; } /* Darker Red (Firebrick) */

		/* --- EMOJI COLOR CODING: DARK MODE --- */
			[data-bs-theme="dark"] .emoji-coffee,     .dark-mode .emoji-coffee     { color: #ffffff !important; } /* White */
			[data-bs-theme="dark"] .emoji-croissant,  .dark-mode .emoji-croissant  { color: #D2B48C !important; } /* Light Brown (Tan) */
			[data-bs-theme="dark"] .emoji-chopsticks, .dark-mode .emoji-chopsticks { color: #4169E1 !important; } /* Medium Blue (Royal Blue) */
			[data-bs-theme="dark"] .emoji-heart,      .dark-mode .emoji-heart      { color: #ff4d4d !important; } /* Medium Red */