/* CSS Adjustments and Improvements */

/* Global Typography Definitions */
html, body {
    font-family: 'Inter', sans-serif !important;
}

.font-sans {
    font-family: 'Inter', sans-serif !important;
}

.font-heading {
    font-family: 'Montserrat', sans-serif !important;
}

.tab-btn {
    cursor: pointer;
	border: 1px solid var(--color-gray-300);
}

/* ======================================================== */
/* BUTTON HOVER FIXES (Overriding Tailwind Compiler issues) */
/* ======================================================== */

.btn {
    font-family: 'Montserrat', sans-serif;
}

.hover\:bg-emerald-600:hover, .btn-brand-primary:hover {
    background-color: #047857 !important; /* Emerald 700 to match brand-primary */
    border-color: transparent !important;
    color: #ffffff !important;
}

.hover\:bg-yellow-600:hover, .hover\:bg-yellow-500:hover, .btn-brand-accent:hover {
    background-color: #F5D608 !important; /* Brighter Yellow Hover */
    border-color: transparent !important;
    color: #0f172a !important; /* Dark text */
}

/* Ensure the transform translation works on buttons */
.hover\:-translate-y-1:hover {
    transform: translateY(-0.25rem) !important;
}

/* ======================================================== */
/* GALLERY HOVER GRADIENT FIX                               */
/* ======================================================== */

/* Force the overlay to show on hover */
.group:hover .gallery-overlay-bg {
    opacity: 1 !important;
}

/* Explicitly define the gradient to ensure it overrides any compiler gaps */
.gallery-overlay-bg.bg-gradient-to-t {
    background-image: linear-gradient(to top, rgba(15, 23, 42, 0.9) 0%, transparent 100%) !important;
}


/* ======================================================== */
/* CUSTOM BRAND COLORS OVERRIDE                             */
/* ======================================================== */

.text-brand-dark { color: #0f172a !important; }
.text-brand-primary { color: #047857 !important; }
.text-brand-primary\/80 { color: rgba(4, 120, 87, 0.8) !important; }
.text-brand-accent { color: #f59e0b !important; }
.text-brand-accent-lighter { color: #f5d608 !important; }


.bg-brand-dark { background-color: #0f172a !important; }
.bg-brand-dark\/80 { background-color: rgba(15, 23, 42, 0.8) !important; }
.bg-brand-dark\/90 { background-color: rgba(15, 23, 42, 0.9) !important; }
.bg-brand-primary { background-color: #047857 !important; }
.bg-brand-primary\/10 { background-color: rgba(4, 120, 87, 0.1) !important; }
.bg-brand-primary\/20 { background-color: rgba(4, 120, 87, 0.2) !important; }
.bg-brand-accent { background-color: #f59e0b !important; }
.bg-brand-accent\/10 { background-color: rgba(245, 158, 11, 0.1) !important; }
.bg-brand-accent\/20 { background-color: rgba(245, 158, 11, 0.2) !important; }
.bg-brand-light { background-color: #f8fafc !important; }

.border-brand-primary { border-color: #047857 !important; }
.border-brand-primary\/20 { border-color: rgba(4, 120, 87, 0.2) !important; }
.border-brand-primary\/50 { border-color: rgba(4, 120, 87, 0.5) !important; }
.border-brand-accent { border-color: #f59e0b !important; }
.border-brand-accent\/50 { border-color: rgba(245, 158, 11, 0.5) !important; }
.border-l-brand-accent { border-left-color: #f59e0b !important; }

.hover\:border-brand-accent:hover { border-color: #f59e0b !important; }
.hover\:bg-brand-accent:hover { background-color: #f5d608 !important; }
.hover\:border-brand-primary:hover { border-color: #047857 !important; }
.hover\:bg-brand-primary\/10:hover { background-color: rgba(4, 120, 87, 0.1) !important; }
.hover\:bg-brand-primary\/30:hover { background-color: rgba(4, 120, 87, 0.3) !important; }
.hover\:text-brand-accent:hover { color: #f59e0b !important; }
.hover\:text-brand-dark:hover { color: #0f172a !important; }
.hover\:text-brand-primary:hover { color: #047857 !important; }
.hover\:text-white:hover { color: #FFFFFF !important; }

/* Hero Text Gradient Override */
.text-transparent { color: transparent !important; }
.bg-clip-text { -webkit-background-clip: text !important; background-clip: text !important; }
.bg-gradient-to-r.from-brand-accent.to-yellow-300 {
    background-image: linear-gradient(to right, #f59e0b, #fde047) !important;
}

/* ======================================================== */
/* RESPONSIVE GOOGLE FORM EMBED                             */
/* ======================================================== */

.responsive-google-form {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: 1rem; /* Matches Tailwind's rounded-2xl */
    background-color: #f8fafc; /* brand-light */
}

.responsive-google-form iframe {
    width: 100%;
    height: 2550px;
    border: none;
}

/* Mobile screens require much more vertical height for forms */
@media (max-width: 768px) {
    .responsive-google-form iframe {
        height: 2400px; 
    }
}