/* Hide the main label for the Empyrean credit card field */




.gfield--type-empyrean_creditcard .gfield_label {




    display: none !important;




}









/* Base container for the secure NMI fields */




.empyrean-complex-container {




    display: flex;




    flex-wrap: wrap;




    gap: 10px;




}









/* Divs that will contain the iframed fields from NMI */




.empyrean-card-number {




    flex-basis: 100%;




}




.empyrean-card-exp {




    flex-basis: calc(50% - 5px);




    flex-grow: 1;




}




.empyrean-card-cvv {




    flex-basis: calc(50% - 5px);




    flex-grow: 1;




}









/* --- REVISED: In-Modal Status Message Styles --- */




.empyrean-status-container {




    text-align: center;




    padding: 20px;




    width: 100%;




    min-height: 80px;




    display: flex;




    flex-direction: column;




    justify-content: center;




    align-items: center;




}









.empyrean-status-container p {




    margin: 10px 0 0;




    font-size: 16px;




    font-weight: bold;




}









.empyrean-status-container.success p {




    color: #28a745;




}









.empyrean-status-container.error p {




    color: #dc3545;




}









/* Spinner Animation */




.empyrean-spinner {




    border: 4px solid #f3f3f3;




    border-top: 4px solid #3498db;




    border-radius: 50%;




    width: 40px;




    height: 40px;




    animation: empyrean-spin 1s linear infinite;




    margin: 0 auto;




}









@keyframes empyrean-spin {




    0% { transform: rotate(0deg); }




    100% { transform: rotate(360deg); }




}