/* Trubuzz Ads Custom CSS overrides */

/* Fix fixed header overlap by increasing content container top padding */
.app-wrapper .app-content {
    padding-top: 105px !important;
}

/* Ensure standard layout modals render properly without overlay conflicts */
.modal {
    z-index: 1060 !important;
}
.modal-backdrop {
    z-index: 1050 !important;
}

/* Custom styling to make stats cards and content look premium and aligned */
.card {
    border-radius: 10px !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03) !important;
    border: 1px solid rgba(0, 0, 0, 0.07) !important;
}

.table-responsive {
    overflow-x: auto !important;
    overflow-y: visible !important;
    padding-bottom: 60px;
    margin-bottom: -60px;
}

.table th {
    font-weight: 600 !important;
    color: #4b5563 !important;
    background-color: #f9fafb !important;
}

/* Gallery item card hover transitions */
.creative-asset-card {
    transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.creative-asset-card:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
}

/* Font family and font color updates to match template/admin exactly */
:root {
    --font-Montserrat: "Inter", "Inter var", sans-serif !important;
    --font-color: #131920 !important;
    --theme-body-font-color: #131920 !important;
    --font-title-color: #262626 !important;
    --font-size: 0.875rem !important;
    --p-font-size: 0.875rem !important;
}

/* Base font settings */
body {
    font-family: "Inter", "Inter var", sans-serif !important;
    color: #131920 !important;
    font-size: 0.875rem !important;
}

/* Heading color override to match template/admin heading color */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: #262626 !important;
}

/* Support tooltip and charts font override */
.apexcharts-tooltip {
    font-family: "Inter", "Inter var", sans-serif !important;
}