/* Charity Review Enhancer - Minimal CSS for interactions */

/* Modal show/hide */
.crae-modal.active {
    display: flex !important;
}

/* Star rating hover */
.crae-star-rating label:hover,
.crae-star-rating label:hover ~ label,
.crae-star-rating input:checked ~ label {
    color: #c9a962 !important;
}

/* Responsive grid */
@media (max-width: 1024px) {
    .crae-page-grid {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 600px) {
    .crae-reg-grid {
        grid-template-columns: 1fr !important;
    }
    .crae-verification-grid {
        grid-template-columns: 1fr !important;
    }
}

/* Button hover effects */
.crae-donate-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(201,169,98,0.5) !important;
}

.crae-helpful-btn:hover {
    border-color: #c9a962 !important;
    color: #c9a962 !important;
}

/* Fix any inherited text colors */
.crae-content-body h2,
.crae-content-body h3,
.crae-content-body h4 {
    color: #c9a962 !important;
}

.crae-content-body p,
.crae-content-body li,
.crae-content-body ul,
.crae-content-body ol {
    color: rgba(255,255,255,0.85) !important;
}

.crae-content-body a {
    color: #c9a962 !important;
}

.crae-content-body strong,
.crae-content-body b {
    color: #ffffff !important;
}