@import 'tailwindcss';

@source '../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php';
@source '../../storage/framework/views/*.php';
@source '../**/*.blade.php';
@source '../**/*.js';

@theme {
    --font-sans: 'Instrument Sans', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
        'Segoe UI Symbol', 'Noto Color Emoji';
}

@font-face {
    font-family: 'goodtimes';
    src: url('/fonts/goodtimes.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'nulshock';
    src: url('/fonts/nulshock.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
body{
    background-color: #fafafa;
}
.font-goodtimes{
    font-family: goodtimes !important;
}
.font-nulshock{
    font-family: nulshock !important;
}
.snd-body{
    background-color: #0C1C51;
    color: #ffffff;
}
.bg-primary{
    background-color: #0C1C51 !important;
    color: #ffffff !important;
}
.nova-btn{
    background-image: linear-gradient(to right, #0C1C51,#0334A4, #31A1E3, #61C6FA);
    color: #ffffff;
    padding: 12px 20px;
    border-radius: 30px;
    text-decoration: none;
    /* Softer shadow, less spread */
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15);
    font-weight: 600;
    background-clip: padding-box; /* Add this line */
    cursor: pointer;
}

.nova-btn:hover{
    background-image: linear-gradient(to right, #0C1C51,#0C1C51,#0334A4, #31A1E3);
}
.nova-secondary-btn{
    background-image: linear-gradient(to right,#0334A4,#0042dc, #61C6FA);
    color: #ffffff;;
    padding: 12px 20px;
    border-radius: 30px;
    text-decoration: none;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
}
.nova-secondary-btn:hover{
    background-image: linear-gradient(to right,#0334A4,#0334A4, #31A1E3);
    color: #ffffff;
}
.nova-prime{
    background-color: #0C1C51;
}
.nova-bg-clr-1{
    background-color: #0C1C51;
}
.nova-bg-clr-2{
    background-color: #0334A4;
}
.nova-bg-clr-3{
    background-color: #31A1E3;
}
.nova-bg-clr-4{
    background-color: #61C6FA;
}

.nova-bg-clr-1-2{
    background-image: linear-gradient(to right, #0C1C51, #0334A4);
}
.nova-bg-clr-2-3{
    background-image: linear-gradient(to right, #0334A4, #295acd);
}
.nova-bg-clr-3-4{
    background-image: linear-gradient(to right, #295acd, #31A1E3);
}
.nova-bg-clr-4-5{
    background-image: linear-gradient(to right, #31A1E3, #61C6FA);
}

.gradient-text {
    background: linear-gradient(to right, #0C1C51, #0334A4, #31A1E3, #61C6FA);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

/* Ensure product card images are the same size */
.card .card-img-top {
    height: 400px;
    object-fit: contain;
}

/* Rounded table corners */
.table tbody tr:first-child th:first-child,
.table tbody tr:first-child td:first-child {
    border-top-left-radius: 0.375rem;
}

.table tbody tr:first-child th:last-child,
.table tbody tr:first-child td:last-child {
    border-top-right-radius: 0.375rem;
}

.table tbody tr:last-child th:first-child,
.table tbody tr:last-child td:first-child {
    border-bottom-left-radius: 0.375rem;
    border-style: none;
}

.table tbody tr:last-child th:last-child,
.table tbody tr:last-child td:last-child {
    border-bottom-right-radius: 0.375rem;
    border-style: none;
}
@media (max-width: 767.98px) {
    body {
        font-size: 0.95rem !important;
    }
    h1, .display-1, .display-2, .display-3, .display-4, .display-5, .display-6 {
        font-size: 2rem !important;
    }
    h2, .h2 {
        font-size: 1.5rem !important;
    }
    h3, .h3 {
        font-size: 1.25rem !important;
    }
    h4, .h4 {
        font-size: 1.1rem !important;
    }
    h5, .h5 {
        font-size: 1rem !important;
    }
    h6, .h6 {
        font-size: 0.95rem !important;
    }
    p, .fs-4, .fs-5, .fs-6 {
        font-size: 0.95rem !important;
    }
}

.nova-btn-outline {
    background: transparent;
    color: #0334A4;
    padding: 12px 20px;
    border-radius: 30px;
    text-decoration: none;
    border: 1px solid #0334A4;
    font-weight: 600;
    background-clip: padding-box;
    /* Gradient text */
    background-image: linear-gradient(to right, #0C1C51, #0334A4, #31A1E3, #61C6FA);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    cursor: pointer;
}
.nova-btn-outline:hover {
    background-image: linear-gradient(to right, #0C1C51, #0334A4, #31A1E3, #61C6FA);
    color: #fff;
    -webkit-text-fill-color: #fff;
    background-clip: padding-box;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15);
}