/* Global Typography */
body { font-family: 'Tajawal', sans-serif; }
h1, h2, h3, h4, h5, h6, .brand-text { font-family: 'Cairo', sans-serif; }

/* Dark Mode Overrides */
[data-theme="dark"] body { background-color: #121212; color: #e0e0e0; }
[data-theme="dark"] .navbar, [data-theme="dark"] .filter-section, [data-theme="dark"] .card { background-color: #1e1e1e !important; color: #e0e0e0; border-color: #333; }
[data-theme="dark"] .navbar .btn-outline-danger { color: #ff6b6b; border-color: #ff6b6b; }
[data-theme="dark"] .dropdown-menu { background-color: #2c2c2c; }
[data-theme="dark"] .dropdown-item { color: #e0e0e0; }
[data-theme="dark"] .dropdown-item:hover { background-color: #3d3d3d; }
[data-theme="dark"] .text-muted { color: #a0a0a0 !important; }
[data-theme="dark"] .card-img-container { background: #333; }
[data-theme="dark"] .table-light, [data-theme="dark"] th { background-color: #2c2c2c; color: #fff; }
[data-theme="dark"] .table { color: #e0e0e0; }
[data-theme="dark"] .bg-white { background-color: #1e1e1e !important; }
[data-theme="dark"] footer.bg-white { border-top-color: #333 !important; }
[data-theme="dark"] a.text-dark { color: #e0e0e0 !important; }
[data-theme="dark"] .badge.bg-light { background-color: #333 !important; color: #e0e0e0 !important; }
[data-theme="dark"] .btn-outline-secondary { color: #bbb; border-color: #555; }
[data-theme="dark"] .btn-outline-secondary:hover { background-color: #333; color: #fff; }

/* Skeleton Loaders */
.skeleton-loader {
    animation: skeleton-pulse 1.5s infinite ease-in-out;
    background-color: #e0e0e0;
    color: transparent !important;
}
[data-theme="dark"] .skeleton-loader { background-color: #333; }
@keyframes skeleton-pulse {
    0% { opacity: 0.6; }
    50% { opacity: 1; }
    100% { opacity: 0.6; }
}
img.skeleton-loader { min-height: 200px; }

/* Empty States */
.empty-state { padding: 60px 20px; text-align: center; }
.empty-state-svg { max-width: 200px; margin-bottom: 20px; opacity: 0.8; }

/* Branding & Logo Centering */
.navbar-brand-centered {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    gap: 12px;
    white-space: nowrap;
    z-index: 1001;
    transition: all 0.3s ease;
}
.navbar-brand-centered:hover { opacity: 0.9; }

.brand-text {
    font-weight: 800;
    font-size: 1.6rem;
    letter-spacing: -0.5px;
    line-height: 1;
    display: flex;
    gap: 4px;
}
.brand-red { color: #e63946; text-shadow: 0 2px 4px rgba(230,57,70,0.1); }
.brand-black { color: #1d3557; transition: color 0.3s; }
[data-theme="dark"] .brand-black { color: #f1faee; }

@media (max-width: 576px) {
    .brand-text { font-size: 1.3rem; }
    .navbar-brand-centered { gap: 8px; }
    
    /* Fix card height clipping on mobile */
    .offer-card { 
        height: auto !important; 
        margin-bottom: 10px;
    }
    .card-footer { padding-top: 10px !important; }
}

/* Clickable Card Area Styles */
.card-clickable-area {
    display: block;
    transition: background-color 0.2s ease;
}
.card-clickable-area:hover {
    background-color: rgba(0,0,0,0.015);
}
[data-theme="dark"] .card-clickable-area:hover {
    background-color: rgba(255,255,255,0.02);
}