/* Style for the disabled button */
button:disabled {
    background-color: #d1d5db; /* This is approximately Tailwind's bg-gray-400 */
    cursor: not-allowed; /* This will show a "not allowed" cursor when hovered */
    opacity: 0.7; /* Adding a touch of opacity often helps indicate "disabled" state visually */
}

/* Optional: Change the color on hover even when disabled (this is up to your design preference) */
button:disabled:hover {
    background-color: #d1d5db; 
}


/* Scoped styles for manufacturer rich HTML content */
.manufacturer-description {
    color: #111827; /* Tailwind gray-900-ish for text */
}

.manufacturer-description h1,
.manufacturer-description h2,
.manufacturer-description h3,
.manufacturer-description h4 {
    color: #0f5132; /* deep green to match brand */
    margin-top: 1.25rem;
    margin-bottom: 0.75rem;
    line-height: 1.25;
}

.manufacturer-description p {
    margin: 0 0 1rem 0; /* increase paragraph spacing */
}

.manufacturer-description p + p {
    margin-top: 0.5rem; /* extra space between consecutive paragraphs */
}

.manufacturer-description a {
    color: #16a34a; /* light green (Tailwind green-600) */
    text-decoration: underline;
    text-underline-offset: 2px;
}

.manufacturer-description a:hover,
.manufacturer-description a:focus {
    color: #059669; /* slightly darker green on hover (green-600 to green-700) */
}

.manufacturer-description ul,
.manufacturer-description ol {
    padding-left: 1.25rem; /* indent lists */
    margin: 0.75rem 0 1rem 0; /* give lists breathing room */
}

.manufacturer-description li {
    margin: 0.25rem 0; /* space between list items */
}

.manufacturer-description br {
    line-height: 2; /* soften <br> spacing */
}

/* Optional: soft card background if content is long */
.manufacturer-description {
    background: linear-gradient(180deg, rgba(240,253,244,0.5) 0%, rgba(255,255,255,0) 40%);
    border-radius: 0.25rem;
    padding: 0.25rem 0.5rem;
}