/* ====================================================================
   Premium Unified Interactive Animations & Micro-Transitions
   ==================================================================== */

/* Global Button Micro-Transitions */
.read-more-btn,
.participate-trigger-btn,
.visitor-trigger-btn,
.reminder-submit-btn,
.participate-submit-btn,
.detailed-request-toggle-btn,
.call-to-action-btn a,
.promo-url,
.destinationBox,
.productBox {
    transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* Hover translates & shadow glows for Red brand buttons */
.read-more-btn:hover,
.participate-trigger-btn:hover,
.reminder-submit-btn:hover,
.participate-submit-btn:hover,
.call-to-action-btn a:hover {
    transform: translateY(-2px) scale(1.02) !important;
    box-shadow: 0 12px 24px -6px rgba(255, 0, 0, 0.35) !important;
    filter: brightness(1.08) !important;
}

/* Hover translates & shadow glows for Dark/Black visitor buttons */
.visitor-trigger-btn:hover {
    transform: translateY(-2px) scale(1.02) !important;
    box-shadow: 0 12px 24px -6px rgba(0, 0, 0, 0.45) !important;
    filter: brightness(1.2) !important;
}

/* Hover scaling for dynamic lists/cards */
.destinationBox:hover,
.productBox:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 20px 35px -10px rgba(0, 0, 0, 0.12) !important;
}

/* Input & form focus active border indicators */
input:focus, 
textarea:focus, 
select:focus {
    border-color: #ff0000 !important;
    box-shadow: 0 0 0 3px rgba(255, 0, 0, 0.15) !important;
    outline: none !important;
    transition: all 0.2s ease-in-out !important;
}