/* ======================================
   N² Racing Suite Version 1.0
====================================== */

body{
    background:#f4f6f9;
    font-family:"Segoe UI",Arial,sans-serif;
    color:#333;
}

/* ======================================
   Navbar
====================================== */

.navbar{
    box-shadow:0 2px 10px rgba(0,0,0,.15);
}

.navbar-brand{
    font-size:1.4rem;
    font-weight:700;
}

/* ======================================
   Cards
====================================== */

.card:not(.dashboard-card){
    border:none;
    border-radius:15px;
    box-shadow:0 4px 12px rgba(0,0,0,.08);
}

.card-header{
    font-weight:bold;
}

.card-header h4,
.card-header h5{
    margin:0;
}

/* ======================================
   Buttons
====================================== */

.btn{
    border-radius:10px;
    font-weight:600;
}

.btn-primary{
    background:#0d6efd;
}

.btn-success{
    background:#198754;
    height:45px;
}

.btn-danger{
    background:#dc3545;
}

.btn-warning{
    color:#fff;
}

/* ======================================
   Tables
====================================== */

.table{
    background:#fff;
}

.table thead{
    background:#212529;
    color:#fff;
}

.table th,
.table td{
    text-align:center;
    vertical-align:middle;
}

.table thead th{
    white-space:nowrap;
}

.table-hover tbody tr:hover{
    background:#fff8dc;
}

/* ======================================
   Badges
====================================== */

.badge{
    font-size:14px;
    font-weight:600;
    padding:6px 10px;
    border-radius:6px;
}

/* ======================================
   Top Rating
====================================== */

.top{
    background:#000000 !important;
    color:#D4AF37 !important;
    border:2px solid #D4AF37 !important;
    font-weight:bold;
}

/* ======================================
   Horse Name
====================================== */

.horse{
    font-weight:bold;
    color:#003366;
}

/* ======================================
   Form Controls
====================================== */

.form-control,
.form-select{
    border-radius:10px;
    height:45px;
}

input:focus,
select:focus{
    box-shadow:none !important;
    border-color:#0d6efd;
}

/* ======================================
   Footer
====================================== */

footer{
    font-size:14px;
}

/* ======================================
   Mobile
====================================== */

@media(max-width:768px){

    .navbar-brand{
        font-size:18px;
    }

    h2{
        font-size:22px;
    }

    .table{
        font-size:13px;
    }

}

/* ======================================
   Desktop
====================================== */

@media(min-width:992px){

    .container{
        max-width:1200px;
    }

}
/* ======================================
   N² Racing Suite Dashboard
====================================== */

body{

    background:#111111;

    color:#ffffff;

    font-family:'Montserrat', Arial, sans-serif;

}

.report-header{

    background:#000000;

    border:1px solid #D4AF37;

    border-radius:25px;

    padding:40px;

    text-align:center;

    margin-bottom:35px;

    box-shadow:0 15px 40px rgba(0,0,0,.60);

}

.report-logo{

    width:320px;

    max-width:90%;

    margin-bottom:20px;

}

.report-title{

    color:#D4AF37;

    font-size:40px;

    font-weight:700;

    margin-bottom:10px;

}

.report-subtitle{

    color:#ffffff;

    font-size:22px;

    margin-bottom:10px;

}
.gold-card{
    background:#000000;
    border:1px solid #D4AF37;
    border-radius:10px;
}

.gold-card .card-header{
    background:#000000;
    color:#D4AF37;
    border-bottom:1px solid #D4AF37;
}

.gold-card .card-body{
    background:#000000;
    color:#D4AF37;
}

.hero-section{

    background:
        linear-gradient(rgba(0,0,0,.75),rgba(0,0,0,.75)),
        url('../images/home-banner.jpg');

    background-size:cover;
    background-position:center;

    border-radius:25px;

    border:2px solid #D4AF37;

    margin-bottom:40px;

    overflow:hidden;

}