/* Main stylesheet for MDXB Membership */

body {
    font-family: 'Cairo', 'Tahoma', sans-serif;
    background: #f5f5f5;
    color: #222;
}

.brand-red { color: #c8102e; }
.bg-brand-red { background: #c8102e; color: #fff; }
.bg-brand-yellow { background: #ffd100; color: #c8102e; }

.btn-brand {
    background: #c8102e;
    color: #fff;
    border: none;
}
.btn-brand:hover { background: #a8081f; color: #fff; }

.btn-yellow {
    background: #ffd100;
    color: #c8102e;
    border: none;
    font-weight: 600;
}
.btn-yellow:hover { background: #e6bc00; color: #8a0d18; }

.card-membership {
    border: 2px solid #ffd100;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0,0,0,.08);
}

/* Hero */
.hero {
    background: linear-gradient(135deg, #c8102e 0%, #8a0d18 100%);
    color: #fff;
    padding: 80px 20px;
    border-radius: 12px;
    text-align: center;
}
.hero h1 { font-weight: 700; font-size: 2.5rem; }
.hero img { max-height: 120px; margin-bottom: 20px; }

/* Stats card on dashboard */
.stat-box {
    background: #fff;
    border-right: 4px solid #c8102e;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,.05);
}
.stat-box .num { font-size: 2rem; font-weight: 700; color: #c8102e; }
.stat-box .lbl { color: #666; font-size: .9rem; }

/* Status badges */
.status-pending  { background: #f0ad4e; color: #fff; padding: 4px 10px; border-radius: 4px; }
.status-approved { background: #5cb85c; color: #fff; padding: 4px 10px; border-radius: 4px; }
.status-rejected { background: #d9534f; color: #fff; padding: 4px 10px; border-radius: 4px; }

/* Doc upload box */
.doc-upload-box {
    border: 2px dashed #ccc;
    padding: 20px;
    text-align: center;
    border-radius: 8px;
    transition: border-color .2s;
}
.doc-upload-box:hover { border-color: #c8102e; }
.doc-upload-box.uploaded { border-color: #5cb85c; background: #f0fff0; }

/* RTL fixes */
[dir=rtl] .ms-auto { margin-right: auto !important; margin-left: 0 !important; }