/**
 * ul-aih-ai-hub.css
 * Styles for [ul_aih_credits] shortcode — /ai-hub/ page
 * Palette: #AADDFF border / #EDF6FF bg / #1a6eb5 primary / #2c5f8a text
 */

/* ── Buy Buttons ── */
.ul-hub-buy-btn {
    transition: background 0.15s ease, transform 0.1s ease, opacity 0.15s ease;
}

.ul-hub-buy-btn:hover:not(:disabled) {
    background: #0d4a82 !important;
    transform: translateY(-1px);
}

.ul-hub-buy-btn:active:not(:disabled) {
    transform: translateY(0);
}

.ul-hub-buy-btn:disabled {
    cursor: not-allowed;
    opacity: 0.6;
}

/* ── Card hover ── */
#ul-aih-hub-wrap td > div[style*="border-radius:6px"] {
    transition: box-shadow 0.18s ease, border-color 0.18s ease;
}

#ul-aih-hub-wrap td > div[style*="border-radius:6px"]:hover {
    box-shadow: 0 4px 16px rgba(170, 221, 255, 0.45);
    border-color: #1a6eb5 !important;
}

/* ── Spinner animation ── */
@keyframes ulHubSpin {
    to { transform: rotate(360deg); }
}

#ul-hub-spinner {
    animation: ulHubSpin 0.7s linear infinite;
}

/* ── Overlay ── */
#ul-hub-overlay {
    display: none;
}

/* ── Responsive: stack cards on narrow screens ── */
@media (max-width: 600px) {
    #ul-aih-hub-wrap table[style*="table-layout:fixed"] tr {
        display: block;
    }
    #ul-aih-hub-wrap table[style*="table-layout:fixed"] td {
        display: block;
        width: 100% !important;
        padding: 0 0 10px 0 !important;
    }
    #ul-aih-hub-wrap table:not([style*="table-layout:fixed"]) tr {
        display: block;
    }
    #ul-aih-hub-wrap table:not([style*="table-layout:fixed"]) td {
        display: block;
        width: 100% !important;
        padding: 0 0 16px 0 !important;
    }
}