/* MPR Reviews - Main Stylesheet */

/* Base Styles */
body { 
    font-family: 'Inter', Arial, sans-serif; 
    background: #f8f9fa;
}

/* Logo Styles */
.logo-mpr { 
    display: flex; 
    align-items: center; 
    font-size: 1.6rem; 
    font-weight: 900; 
    letter-spacing: 1.5px; 
}

.logo-mpr .m { 
    font-family: 'League Spartan', Arial, sans-serif; 
    font-weight: 900; 
    color: #181411; 
    background: #ffcc99; 
    padding: 8px 6px 0 6px; 
    border-radius: 4px 0 0 4px; 
    font-size: 1.2em; 
    display: flex; 
    align-items: center; 
    height: 40px; 
}

.logo-mpr .r { 
    font-family: 'Rock Salt', cursive; 
    background: #181411; 
    color: #fff; 
    padding: 2px 10px; 
    border-radius: 0 4px 4px 0; 
    margin-left: -4px; 
    border: 2px solid #ffcc99; 
    border-left: none; 
    font-size: 1em; 
}

/* Navigation Styles */
.navbar-mpr { 
    background: #181411; 
    box-shadow: 0 2px 5px rgba(0,0,0,0.1); 
}

.navbar-mpr .nav-link { 
    color: #fff; 
    font-weight: 700; 
    text-transform: uppercase; 
    letter-spacing: 1px; 
    margin: 0 0.8rem; 
    font-size: 0.95rem; 
    transition: color 0.2s; 
}

.navbar-mpr .nav-link:hover, 
.navbar-mpr .nav-link:focus, 
.navbar-mpr .nav-link.active { 
    color: #ffcc99; 
}

/* Button Styles */
.btn { 
    display: inline-block; 
    padding: 8px 22px; 
    border-radius: 6px; 
    font-weight: 600; 
    font-size: 1rem; 
    text-decoration: none; 
    transition: background 0.2s, color 0.2s, box-shadow 0.2s; 
    box-shadow: 0 2px 8px rgba(0,0,0,0.04); 
}

.btn-login { 
    background: #181818; 
    color: #ffc700; 
    border: 2px solid #ffc700; 
    font-weight: 700; 
    text-transform: uppercase; 
    font-size: 0.95rem; 
    transition: color 0.2s; 
    padding: 8px 22px; 
}

.btn-login:hover, 
.btn-login:focus { 
    background: #ffc700; 
    color: #181818; 
}

.btn-signup { 
    background: #c76b1d; 
    color: #fff; 
    border: 2px solid #c76b1d; 
    border-radius: 6px; 
    padding: 8px 18px; 
    margin-left: 12px; 
    font-weight: 600; 
    text-decoration: none; 
    transition: background 0.2s; 
}

.btn-signup:hover { 
    background: #fff; 
    color: #c76b1d; 
    border-color: #c76b1d; 
}

/* User Icon */
.user-icon { 
    font-size: 1.4rem; 
    color: #fff; 
    margin-left: 1.2rem; 
    transition: color 0.2s; 
}

.user-icon:hover, 
.user-icon:focus { 
    color: #ffcc99; 
}

/* Navigation Auth */
.nav-auth { 
    display: flex; 
    align-items: center; 
    gap: 12px; 
    margin-left: auto; 
    margin-right: 24px; 
}

/* Card Styles */
.card {
    border: none;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    border-radius: 12px;
    transition: transform 0.2s, box-shadow 0.2s;
}

.card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 16px rgba(0,0,0,0.15);
}

/* Text Colors */
.text-primary {
    color: #c76b1d !important;
}

.text-warning {
    color: #ffcc99 !important;
}

.text-info {
    color: #17a2b8 !important;
}

.text-success {
    color: #28a745 !important;
}

/* Button Colors */
.btn-primary {
    background-color: #c76b1d;
    border-color: #c76b1d;
}

.btn-primary:hover {
    background-color: #a95a17;
    border-color: #a95a17;
}

.btn-info {
    background-color: #17a2b8;
    border-color: #17a2b8;
}

.btn-info:hover {
    background-color: #138496;
    border-color: #138496;
}

.btn-success {
    background-color: #28a745;
    border-color: #28a745;
}

.btn-success:hover {
    background-color: #218838;
    border-color: #218838;
}

/* Background Colors */
.bg-light {
    background-color: #f8f9fa !important;
}

/* Responsive */
@media (max-width: 768px) {
    .navbar-mpr .nav-link {
        margin: 0 0.4rem;
        font-size: 0.9rem;
    }
    
    .nav-auth {
        margin-right: 12px;
    }
    
    .logo-mpr {
        font-size: 1.4rem;
    }
}