/* Subscription Newsletter Banner Styles */

/* Main banner container */
.bg-gradient-to-r.from-delvani-green.to-green-700 {
    background-image: linear-gradient(to right, #465f1e, #388E3C); /* Using the specific green color for delvani-green and a darker green for green-700 */
    padding-top: 2.5rem; /* py-10, equivalent to 40px */
    padding-bottom: 2.5rem; /* py-10, equivalent to 40px */
    color: white; /* text-white */
}

/* Heading within the banner */
.bg-gradient-to-r.from-delvani-green.to-green-700 h2 {
    font-size: 2.25rem; /* text-4xl */
    line-height: 2.5rem; /* leading-tight */
    font-weight: 800; /* font-extrabold */
    margin-bottom: 1rem; /* mb-4 */
}

/* Paragraph text within the banner */
.bg-gradient-to-r.from-delvani-green.to-green-700 p {
    font-size: 1.125rem; /* text-lg */
    margin-bottom: 2rem; /* mb-8 */
    opacity: 0.9; /* opacity-90 */
    max-width: 42rem; /* max-w-2xl */
    margin-left: auto;
    margin-right: auto;
}

/* Form container */
.bg-gradient-to-r.from-delvani-green.to-green-700 form {
    width: 100%; /* w-full */
    max-width: 32rem; /* max-w-lg */
    margin-left: auto;
    margin-right: auto;
    display: flex; /* flex */
    flex-direction: column; /* flex-col */
    gap: 1rem; /* gap-4 */
    align-items: center; /* items-center */
}

/* Email input field */
.bg-gradient-to-r.from-delvani-green.to-green-700 input[type="email"] {
    flex-grow: 1; /* flex-grow */
    width: 100%; /* w-full */
    padding: 1rem 1.5rem; /* px-6 py-4 */
    border-radius: 9999px; /* rounded-full */
    color: #374151; /* text-gray-800 */
    background-color: white; /* bg-white */
    outline: none; /* focus:outline-none */
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); /* shadow-lg */
    font-size: 1.125rem; /* text-lg */
    transition: all 0.3s ease; /* transition-all duration-300 */
}

.bg-gradient-to-r.from-delvani-green.to-green-700 input[type="email"]::placeholder {
    color: #6B7280; /* placeholder-gray-500 */
}

.bg-gradient-to-r.from-delvani-green.to-green-700 input[type="email"]:focus {
    outline: 2px solid white; /* focus:ring-2 focus:ring-white */
    border-color: transparent; /* focus:border-transparent */
}

/* Subscribe button */
.bg-gradient-to-r.from-delvani-green.to-green-700 button[type="submit"] {
    background-color: white; /* bg-white */
    color: #465f1e; /* text-delvani-green */
    font-weight: 700; /* font-bold */
    padding: 1rem 2rem; /* py-4 px-8 */
    border-radius: 9999px; /* rounded-full */
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); /* shadow-lg */
    transition: all 0.3s ease; /* transition-all duration-300 */
    font-size: 1.125rem; /* text-lg */
    white-space: nowrap; /* whitespace-nowrap */
}

.bg-gradient-to-r.from-delvani-green.to-green-700 button[type="submit"]:hover {
    background-color: #F3F4F6; /* hover:bg-gray-100 */
}

/* Small text below the form */
.bg-gradient-to-r.from-delvani-green.to-green-700 .text-sm.mt-4 {
    font-size: 0.875rem; /* text-sm */
    margin-top: 1rem; /* mt-4 */
    opacity: 0.8; /* opacity-80 */
}

/* Media queries for responsiveness */
@media (min-width: 640px) { /* sm breakpoint */
    .bg-gradient-to-r.from-delvani-green.to-green-700 form {
        flex-direction: row; /* sm:flex-row */
    }
}

@media (min-width: 768px) { /* md breakpoint */
    .bg-gradient-to-r.from-delvani-green.to-green-700 h2 {
        font-size: 2.25rem; /* md:text-4xl - No change from base, but good to include if different */
    }
    .bg-gradient-to-r.from-delvani-green.to-green-700 p {
        font-size: 1.25rem; /* md:text-xl */
    }
}