/* Load Vazir font from local static files */
@font-face {
    font-family: 'Vazir';
    src: url('/static/fonts/vazir-font-v18.0.0/Vazir.woff2') format('woff2'),
         url('/static/fonts/vazir-font-v18.0.0/Vazir.woff') format('woff'),
         url('/static/fonts/vazir-font-v18.0.0/Vazir.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Vazir';
    src: url('/static/fonts/vazir-font-v18.0.0/Vazir-Bold.woff2') format('woff2'),
         url('/static/fonts/vazir-font-v18.0.0/Vazir-Bold.woff') format('woff'),
         url('/static/fonts/vazir-font-v18.0.0/Vazir-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Vazir';
    src: url('/static/fonts/vazir-font-v18.0.0/Vazir-Light.woff2') format('woff2'),
         url('/static/fonts/vazir-font-v18.0.0/Vazir-Light.woff') format('woff'),
         url('/static/fonts/vazir-font-v18.0.0/Vazir-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

body {
    font-family: 'Vazir', Tahoma, Arial, sans-serif;
}

/* Brand color */
:root{
    --brand:#FDD835;
}

/* Header */
.site-header{
    background: linear-gradient(90deg, #222 0%, #111 100%);
}
.site-header h1{ font-weight:700; }

/* Cards and forms */
.card-app{
    border-radius:12px;
    box-shadow: 0 6px 18px rgba(0,0,0,0.08);
}
.form-control:focus{
    box-shadow: 0 0 0 0.2rem rgba(253,216,53,0.15);
    border-color: var(--brand);
}
.btn-brand{
    background: var(--brand);
    color: #111;
    border: none;
}
.btn-brand-outline{
    background: transparent;
    color: var(--brand);
    border: 1px solid var(--brand);
}

/* Index hero */
.hero{
    background: linear-gradient(180deg, rgba(253,216,53,0.06), rgba(255,255,255,0));
    padding: 30px;
    border-radius: 12px;
    text-align: center;
}
.hero h1{font-weight:700}
.hero p{color:#444}

/* Dashboard table tweaks */
.table-striped>tbody>tr:nth-of-type(odd){ background-color: #fbfbfb; }
.muted-small{ color:#666; font-size:0.9rem }

/* Logo strip */
.logo-strip{ padding:12px 0; }
.logo-item{ display:flex; align-items:center; justify-content:center; padding:6px; }
.logo-item img{ height:60px; max-width:160px; object-fit:contain; display:block; }

@media (max-width:600px){
    .logo-item img{ height:48px; max-width:120px }
}

.form-label {
    font-weight: bold;
}

.btn {
    font-weight: bold;
}

.alert {
    font-weight: bold;
}

table th {
    font-weight: bold;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .container {
        padding: 10px;
    }
    
    .table-responsive {
        margin-bottom: 1rem;
    }
}