/* Landing page CSS fixes — override TW4 oklab gradients with standard CSS */

/* Hero gradient: construction orange (amber) gradient */
.bg-gradient-to-br.from-construction-500.via-construction-600.to-construction-700 {
    background-image: linear-gradient(to bottom right, #f59e0b, #d97706, #b45309) !important;
}

/* Vendor CTA gradient */
.bg-gradient-to-r.from-construction-500.to-construction-600 {
    background-image: linear-gradient(to right, #f59e0b, #d97706) !important;
}

/* "What NirmaanSetu Offers" card gradients */
.bg-gradient-to-br.from-trust-50.to-trust-100 {
    background-image: linear-gradient(to bottom right, #ecfdf5, #d1fae5) !important;
}

.bg-gradient-to-br.from-construction-50.to-construction-100 {
    background-image: linear-gradient(to bottom right, #fffbeb, #fef3c7) !important;
}

/* Material card gradients */
.bg-gradient-to-br.from-gray-50.to-gray-100 {
    background-image: linear-gradient(to bottom right, #f9fafb, #f3f4f6) !important;
}

/* Opacity utilities — missing in TW4 compiled output */
.bg-black\/10 {
    background-color: rgba(0, 0, 0, 0.1) !important;
}

.bg-white\/10 {
    background-color: rgba(255, 255, 255, 0.1) !important;
}

.bg-white\/20 {
    background-color: rgba(255, 255, 255, 0.2) !important;
}

.border-white\/50 {
    border-color: rgba(255, 255, 255, 0.5) !important;
}

/* Construction text & bg colors (explicit backup) */
.text-construction-50 {
    color: #fffbeb;
}

.text-construction-100 {
    color: #fef3c7;
}

.text-construction-600 {
    color: #d97706;
}

.bg-construction-500 {
    background-color: #f59e0b;
}

.hover\:bg-construction-600:hover {
    background-color: #d97706;
}

.hover\:bg-construction-50:hover {
    background-color: #fffbeb;
}

.hover\:text-construction-400:hover {
    color: #fbbf24;
}

.hover\:text-construction-600:hover {
    color: #d97706;
}

/* Trust colors */
.bg-trust-500 {
    background-color: #10b981;
}