/* AdsBoard — custom CSS */
:root {
    --primary: #336699;
    --primary-dark: #2a5280;
    --primary-light: #4a7cb5;
}

/* Utilities that complement Tailwind */
.text-primary   { color: var(--primary); }
.bg-primary     { background-color: var(--primary); }
.border-primary { border-color: var(--primary); }

.btn-primary {
    background-color: var(--primary);
    color: #fff;
    transition: background-color 0.15s ease;
}
.btn-primary:hover { background-color: var(--primary-dark); }

.vip-badge {
    background: linear-gradient(135deg, #f6d365, #fda085);
}

/* Image gallery */
.gallery-thumb {
    cursor: pointer;
    transition: opacity 0.15s;
}
.gallery-thumb:hover { opacity: 0.85; }

/* Ad card hover */
.ad-card:hover { box-shadow: 0 4px 20px rgba(51,102,153,0.12); }

/* Line clamp */
.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Flash messages */
.flash-error {
    background: #fee2e2;
    border: 1px solid #f87171;
    color: #b91c1c;
    padding: 12px 16px;
    border-radius: 8px;
    margin-bottom: 16px;
}
.flash-success {
    background: #dcfce7;
    border: 1px solid #4ade80;
    color: #15803d;
    padding: 12px 16px;
    border-radius: 8px;
    margin-bottom: 16px;
}
.flash-notice {
    background: #dbeafe;
    border: 1px solid #60a5fa;
    color: #1d4ed8;
    padding: 12px 16px;
    border-radius: 8px;
    margin-bottom: 16px;
}
.flash-warning {
    background: #fef9c3;
    border: 1px solid #fde047;
    color: #854d0e;
    padding: 12px 16px;
    border-radius: 8px;
    margin-bottom: 16px;
}

/* Scrollbar */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: #f1f5f9; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #94a3b8; }