@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700&display=swap');

:root {
    --gold:   #C9A84C;
    --dark:   #1D1D1D;
    --hover:  #555555;
    --green:  #00b894;
    --green-hover: #00a381;
    --red:    #e17055;
}

*{box-sizing:border-box}

/* منع المتصفح من تطبيق شكل الزر الافتراضي */
.diwan-wrap button,
.wcamp-members-wrap button {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
}
.diwan-wrap button::-moz-focus-inner {
    border: 0 !important;
    padding: 0 !important;
}

.diwan-wrap{font-family:'ThmanyahText',sans-serif;max-width:900px;margin:0 auto;padding:20px}

/* ===== الهيدر ===== */
.diwan-header{display:flex;align-items:center;gap:16px;background:linear-gradient(135deg,#111,#1D1D1D) !important;border-radius:16px;padding:24px;margin-bottom:24px;color:#fff !important;border-bottom:3px solid #C9A84C !important}
.diwan-header *,.diwan-header p,.diwan-header span,.diwan-header div{color:#fff !important}
.diwan-header .diwan-user-info h2{color:#C9A84C !important}
.diwan-avatar{font-size:48px}
.diwan-user-info h2{margin:0 0 8px;font-size:24px;color:#C9A84C !important;font-family:'ThmanyahDisplay',sans-serif;font-weight:700}
.diwan-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:13px;font-weight:500}
.badge-admin{background:linear-gradient(135deg,#a29bfe,#6c5ce7);color:#fff}
.badge-super{background:linear-gradient(135deg,#C9A84C,#8b6914);color:#fff}
.badge-member{background:rgba(255,255,255,.2);color:#fff}

/* ===== بطاقات الملخص ===== */
.diwan-summary-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}
.summary-card{border-radius:12px;padding:20px;text-align:center;border:2px solid #C9A84C}
.card-unpaid{background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff}
.card-paid{background:linear-gradient(135deg,#55efc4,#00b894);color:#fff}
.card-total{background:linear-gradient(135deg,#1D1D1D,#333);color:#fff}
.card-total .card-value,.card-total .card-label{color:#C9A84C}
.card-icon{font-size:28px;margin-bottom:8px}
.card-value{font-size:22px;font-weight:700;margin-bottom:4px}
.card-label{font-size:13px;opacity:.9}

/* ===== التبويبات ===== */
.diwan-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}
.tab-btn{padding:10px 18px;border:2px solid #333 !important;background:var(--dark) !important;border-radius:8px;cursor:pointer;font-family:'Tajawal',sans-serif;font-size:14px;font-weight:500;transition:all .2s;color:#fff !important}
.tab-btn:hover{background:var(--hover) !important;border-color:var(--hover) !important;color:#fff !important}
.tab-btn.active{background:#C9A84C !important;border-color:#C9A84C !important;color:#fff !important}
/* ===== إلغاء لون الوردي عند الضغط والتفعيل (override الثيم) ===== */
.diwan-wrap button:focus,.diwan-wrap button:active,.diwan-wrap button:focus-visible,
.diwan-wrap a:focus,.diwan-wrap a:active,.diwan-wrap a:focus-visible,
.diwan-wrap input:focus,.diwan-wrap select:focus,.diwan-wrap textarea:focus{
    outline:none !important;
    box-shadow:0 0 0 2px #C9A84C !important;
    border-color:#C9A84C !important;
}
.diwan-wrap .tab-btn:focus,.diwan-wrap .tab-btn:active{background:#C9A84C !important;border-color:#C9A84C !important;color:#fff !important}
.diwan-wrap .btn-primary:focus,.diwan-wrap .btn-primary:active{background:var(--hover) !important;color:#fff !important}
.diwan-wrap .btn-confirm-pay:focus,.diwan-wrap .btn-confirm-pay:active{background:var(--hover) !important;color:#fff !important}
.diwan-wrap .btn-save-member:focus,.diwan-wrap .btn-save-member:active{background:var(--hover) !important;color:#fff !important}
.diwan-wrap .btn-pay:focus,.diwan-wrap .btn-pay:active{background:var(--hover) !important;color:#fff !important}
.diwan-wrap .btn-admin:focus,.diwan-wrap .btn-admin:active{background:var(--hover) !important;color:#fff !important}
.diwan-wrap .btn-delete-qita:focus,.diwan-wrap .btn-delete-qita:active{background:#d63031 !important;color:#fff !important}
.diwan-wrap .btn-whatsapp:focus,.diwan-wrap .btn-whatsapp:active,.diwan-wrap .btn-wa:focus,.diwan-wrap .btn-wa:active,.diwan-wrap .btn-invite-wa:focus,.diwan-wrap .btn-invite-wa:active{background:var(--green-hover) !important;color:#fff !important}

.tab-content{display:none}
.tab-content.active{display:block}

/* ===== النماذج ===== */
.diwan-form{background:#fff;border-radius:12px;padding:24px;border:1px solid #e9ecef;margin-bottom:16px}
.form-group{margin-bottom:16px}
.form-group label{display:block;font-weight:600;margin-bottom:6px;color:#343a40;font-size:14px}
.form-group input[type=text],.form-group input[type=number],.form-group input[type=date],.form-group input[type=email],.form-group select,.form-group textarea{width:100%;padding:10px 14px;border:2px solid #dee2e6;border-radius:8px;font-family:'Tajawal',sans-serif;font-size:15px;transition:border-color .2s}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#C9A84C}
.members-checkboxes{display:grid;grid-template-columns:repeat(2,1fr);gap:8px !important}
.check-label{display:flex;flex-direction:column;align-items:flex-start;gap:4px;overflow:hidden}
.check-label span{font-size:13px;display:block;width:100%;margin-bottom:2px}
.check-label .member-amt{width:110px !important;flex-shrink:0;min-width:110px}
@media(max-width:480px){
  .check-label{flex-wrap:wrap;gap:4px}
  .check-label span{margin-bottom:4px}
  .check-label .member-amt{width:50% !important;margin-top:4px}
}
.check-label{display:flex;align-items:center;gap:8px;padding:8px;border:1px solid #dee2e6;border-radius:6px;cursor:pointer}
.check-label:hover{background:#f8f9fa}
.radio-group{display:flex;gap:20px}
.radio-group label{display:flex;align-items:center;gap:6px;cursor:pointer}

/* ===== الأزرار ===== */
.btn-primary{background:var(--dark);color:#fff !important;border:2px solid #444;padding:12px 24px;border-radius:8px;cursor:pointer;font-family:'Tajawal',sans-serif;font-size:16px;font-weight:600;width:100%;margin-top:8px;transition:all .2s}
.btn-primary:hover{background:var(--hover);color:#fff !important}

.btn-whatsapp{background:#25D366;color:#fff !important;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-family:'Tajawal',sans-serif;font-size:16px;font-weight:600;width:100%;margin-top:8px}
.btn-whatsapp:hover{background:var(--green-hover) !important;color:#fff !important}

.btn-small{padding:6px 12px;border-radius:6px;font-size:13px;text-decoration:none !important;display:inline-block;font-family:'Tajawal',sans-serif;border:none;cursor:pointer;font-weight:600;color:#fff !important}
.btn-pay{background:var(--dark);color:#fff !important}
.btn-pay:hover{background:var(--hover) !important;color:#fff !important}
.btn-wa{background:#25D366;color:#fff !important}
.btn-wa:hover{background:var(--green-hover) !important;color:#fff !important}

.btn-admin{background:var(--dark);color:#fff !important;padding:12px 24px;border-radius:8px;text-decoration:none !important;display:inline-block;font-weight:600;border:none}
.btn-admin:hover{background:var(--hover) !important;color:#fff !important}

.btn-save-member{background:var(--dark);color:#fff !important;border:none;padding:7px 14px;border-radius:8px;cursor:pointer;font-family:'Tajawal',sans-serif;font-size:13px;font-weight:600;transition:all .2s;white-space:nowrap}
.btn-save-member:hover{background:var(--hover) !important;color:#fff !important}

.btn-invite-wa{background:#25D366;color:#fff !important;border:none;padding:7px 12px;border-radius:8px;cursor:pointer;font-family:'Tajawal',sans-serif;font-size:13px;font-weight:600;white-space:nowrap}
.btn-invite-wa:hover{background:var(--green-hover) !important;color:#fff !important}

.btn-confirm-pay{background:var(--dark);color:#fff !important;border:none;padding:7px 14px;border-radius:8px;cursor:pointer;font-family:'Tajawal',sans-serif;font-size:13px;font-weight:600;white-space:nowrap;transition:all .2s}
.btn-confirm-pay:hover{background:var(--hover) !important;color:#fff !important}
.btn-confirm-pay:disabled{opacity:.6;cursor:not-allowed}

.btn-delete-qita{background:linear-gradient(135deg,#e17055,#d63031);color:#fff !important;border:none;padding:7px 12px;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;white-space:nowrap;font-family:'Tajawal',sans-serif}
.btn-delete-qita:hover{background:#d63031 !important;color:#fff !important}

/* ===== القطات ===== */
.diwan-section{margin-bottom:24px}
.section-title{font-size:18px;font-weight:700;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid #f0f0f0}
.section-unpaid{color:#e17055;border-color:#e17055}
.section-paid{color:#00b894;border-color:#00b894}
.qitat-list{display:flex;flex-direction:column;gap:8px}
.qita-card{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-radius:10px;border:1px solid #e9ecef;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.06)}
.qita-unpaid{border-right:4px solid #e17055}
.qita-paid{border-right:4px solid #00b894;opacity:.8}
.qita-info{flex:1}
.qita-name{font-weight:600;font-size:15px;margin-bottom:4px}
.qita-meta{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.qita-category{font-size:12px;background:#3d3d3d;padding:3px 8px 2px;border-radius:8px;color:#C9A84C;white-space:nowrap;font-weight:700;vertical-align:middle;line-height:1}
.qita-paid-by{font-size:12px;color:#74b9ff}
.qita-amount{font-size:17px;font-weight:700;white-space:nowrap}
.unpaid-amount{color:#e17055}
.paid-amount{color:#00b894}

/* ===== التواريخ ===== */
.qita-date{font-size:11px;padding:2px 7px;border-radius:8px;font-weight:600;white-space:nowrap}
.qita-date.today{background:#fff3cd;color:#856404}
.qita-date.recent{background:#d4edda;color:#155724}
.qita-date.week{background:#d1ecf1;color:#0c5460}
.qita-date.old{background:#f1f3f5;color:#868e96}

/* ===== النتائج ===== */
.diwan-result{margin-top:12px;padding:12px;border-radius:8px;font-weight:500;display:none;text-align:center}
.diwan-result:not(:empty){display:block}
.result-success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}
.result-error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}

/* ===== النظرة العامة ===== */
.members-overview{display:flex !important;flex-wrap:wrap;gap:16px;justify-content:center;align-items:stretch}
.member-overview-card{background:#fff;border-radius:12px;padding:40px 16px 20px;border:2px solid #E17055;box-shadow:0 2px 8px rgba(0,0,0,.06);display:flex;flex-direction:column;width:300px !important;min-width:300px !important;max-width:300px !important;min-height:230px;box-sizing:border-box}
.member-overview-card.fully-paid{border-color:#00b894}
.member-overview-card.not-paid{border-color:#e17055}
.member-ov-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;margin-top:0;flex-wrap:nowrap;justify-content:center;text-align:center;flex-direction:column}
.member-ov-name{font-weight:700;font-size:16px;flex:1}
.member-ov-status{font-size:12px;padding:3px 8px;border-radius:10px;display:block;text-align:center;width:fit-content;margin:0 auto}
.status-done{background:#d4edda;color:#155724}
.status-pending{background:#fff3f0;color:#e17055;border:1px solid #e17055}
.progress-bar{height:8px;background:#e9ecef;border-radius:4px;margin-bottom:10px;overflow:hidden}
.progress-fill{height:100%;background:linear-gradient(90deg,#55efc4,#00b894);border-radius:4px;transition:width .5s}
.member-ov-amounts{font-size:13px;margin-bottom:12px;flex:1}
.due-text{color:#e17055;font-weight:600}
.member-ov-actions{display:flex;gap:8px;margin-top:auto;padding-bottom:0;justify-content:center}

/* ===== الجدول ===== */
.diwan-table{width:100%;border-collapse:collapse;margin-top:12px}
.diwan-table th,.diwan-table td{padding:10px 12px;text-align:center;vertical-align:middle;border-bottom:1px solid #e9ecef;font-size:14px}
.diwan-table th{background:#f8f9fa;font-weight:700;text-align:center}
.account-linked{color:#00b894;font-weight:600;font-size:13px}
.account-missing{color:#e17055;font-size:13px}
.qitat-log-wrap{overflow-x:auto}

/* ===== قائمة الدفعات ===== */
.qitat-pay-list{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}
.qitat-pay-list .check-label{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid #e9ecef;border-radius:8px;cursor:pointer;background:#fff;font-size:15px}
.qitat-pay-list .check-label:hover{background:#f8f9fa;border-color:#C9A84C}

/* ===== تسجيل الدخول ===== */
.diwan-login-notice,.diwan-error{text-align:center;padding:40px;background:#f8f9fa;border-radius:12px;color:#666}
.diwan-login-notice a{color:#C9A84C;font-weight:600}

/* ===== موبايل ===== */
@media(max-width:600px){
    .diwan-summary-cards{grid-template-columns:1fr}
    .members-overview{grid-template-columns:1fr}

    /* التبويبات - شبكة 2x2 مع توسيط */
    .diwan-tabs{display:grid !important;grid-template-columns:1fr 1fr !important;gap:8px !important}
    .tab-btn{display:flex !important;align-items:center !important;justify-content:center !important;width:100% !important;font-size:13px !important;padding:10px 8px !important}

    /* الأزرار - توسيط المحتوى */
    .btn-primary,.btn-small,.btn-pay,.btn-wa,
    .btn-save-member,.btn-confirm-pay,.btn-admin,
    .btn-invite-wa,.btn-delete-qita,.btn-whatsapp{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        gap:6px !important;
    }

    /* الجداول - تحويل لبطاقات */
    .diwan-table thead{display:none}
    .diwan-table,.diwan-table tbody,.diwan-table tr,.diwan-table td{display:block !important;width:100% !important}
    .diwan-table tr{border:1px solid #e9ecef;border-radius:10px;margin-bottom:12px;padding:8px;background:#fff}
    .diwan-table td{text-align:right !important;padding:6px 10px !important;border:none !important;border-bottom:1px solid #f5f5f5 !important}
    .diwan-table td:last-child{border-bottom:none !important}
    .diwan-table td:before{content:attr(data-label);font-weight:700;color:#666;font-size:12px;display:block;margin-bottom:4px}
    .diwan-table td input[type=text]{width:100% !important;max-width:100% !important}
    .btn-save-member,.btn-invite-wa,.btn-delete-qita{width:100%;margin-bottom:4px}
}

/* ===== حل جذري لمشكلة توسيط النص في الأزرار ===== */
.diwan-wrap .tab-btn,
.diwan-wrap .btn-primary,
.diwan-wrap .btn-small,
.diwan-wrap .btn-pay,
.diwan-wrap .btn-wa,
.diwan-wrap .btn-confirm-pay,
.diwan-wrap .btn-admin,
.diwan-wrap .btn-save-member,
.diwan-wrap .btn-invite-wa,
.diwan-wrap .btn-delete-qita,
.diwan-wrap .btn-whatsapp {
    text-align: center !important;
}

/* ===== Chrome Mobile Fix ===== */
@media screen and (max-width: 1024px) {
    .diwan-wrap button {
        -webkit-appearance: none !important;
        appearance: none !important;
        text-align: center !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
}

/* ===== إصلاح باقي الأزرار ===== */
.diwan-wrap .btn-primary,
.diwan-wrap .btn-confirm-pay,
.diwan-wrap .btn-admin,
.diwan-wrap .btn-whatsapp {
    line-height: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 44px !important;
}

.diwan-wrap .btn-small {
    line-height: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 36px !important;
}

/* إصلاح الفئة والزر */
.diwan-wrap .btn-admin {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    margin: 0 auto !important;
}

/* ===== تطبيق خطوط ثمانية ===== */
:root {
    --wcamp-font-text: 'ThmanyahText', sans-serif;
    --wcamp-font-display: 'ThmanyahDisplay', sans-serif;
}

/* كل المحتوى - Text */
.diwan-wrap,
.diwan-wrap * {
    font-family: var(--wcamp-font-text) !important;
}

/* العناوين الكبيرة - Display */
.diwan-wrap h1,.diwan-wrap h2,.diwan-wrap h3,
.diwan-wrap .section-title,
.diwan-wrap .diwan-user-info h2,
.diwan-wrap .card-value {
    font-family: var(--wcamp-font-display) !important;
}

/* ===== إجبار الخط على عناصر JS ===== */
.member-ov-name, .member-ov-status, .member-ov-amounts,
.due-text, .member-ov-actions, .member-overview-card,
.qita-name, .qita-meta, .qita-paid-by, .qita-amount,
.qita-card, .qita-info, .qitat-list,
.diwan-section, .section-title,
.card-value, .card-label, .card-icon,
.summary-card, .diwan-summary-cards,
.progress-bar, .progress-fill,
.diwan-result, .diwan-form, .form-group,
.btn-primary, .btn-small, .btn-pay, .btn-wa,
.btn-save-member, .btn-confirm-pay, .btn-admin,
.btn-invite-wa, .btn-delete-qita, .btn-whatsapp,
.tab-btn, .tab-content, .diwan-tabs,
.diwan-table, .diwan-table th, .diwan-table td,
.qitat-log-wrap, .qitat-pay-list,
.diwan-badge, .badge-super, .badge-admin, .badge-member {
    font-family: 'ThmanyahText', sans-serif !important;
}

/* ===== إصلاح الصورة الدائرية ===== */
.wmc-avatar {
    border-radius: 50% !important;
    overflow: hidden !important;
    -webkit-mask-image: -webkit-radial-gradient(white, black) !important;
}

/* ===== إلغاء اللون الوردي من الثيم نهائياً ===== */
/* الهيدر */
.diwan-header,
.diwan-header *,
.diwan-header p,
.diwan-header span,
.diwan-header div,
.diwan-header h1,
.diwan-header h2,
.diwan-header h3 {
    color: #fff !important;
}
.diwan-header .diwan-user-info h2,
.diwan-header .diwan-user-info h2 * {
    color: #C9A84C !important;
}

/* إلغاء الوردي عند الضغط والتفعيل على كل العناصر */
*:focus,
*:active,
*:focus-visible,
*:focus-within {
    outline-color: #C9A84C !important;
    box-shadow: none !important;
}

/* الأزرار — كل الحالات */
button:focus,
button:active,
button:focus-visible,
a:focus,
a:active,
a:focus-visible,
input:focus,
select:focus,
textarea:focus {
    outline: none !important;
    box-shadow: none !important;
    background-color: inherit !important;
    color: inherit !important;
    border-color: inherit !important;
}

/* Hello Elementor theme overrides */
.elementor-button:focus,
.elementor-button:active,
.elementor-button:focus-visible,
.elementor-widget-button .elementor-button:focus,
.elementor-widget-button .elementor-button:active {
    background-color: inherit !important;
    border-color: inherit !important;
    color: inherit !important;
    box-shadow: none !important;
    outline: none !important;
}

/* ازرار الاضافة عند الضغط */
.diwan-wrap button:focus,
.diwan-wrap button:active,
.diwan-wrap button:focus-visible,
.diwan-wrap a:focus,
.diwan-wrap a:active {
    outline: none !important;
    box-shadow: none !important;
}

.diwan-wrap .tab-btn:focus,
.diwan-wrap .tab-btn:active { background: #C9A84C !important; border-color: #C9A84C !important; color: #fff !important; }
.diwan-wrap .btn-primary:focus,
.diwan-wrap .btn-primary:active { background: var(--hover) !important; color: #fff !important; }
.diwan-wrap .btn-confirm-pay:focus,
.diwan-wrap .btn-confirm-pay:active { background: var(--hover) !important; color: #fff !important; }
.diwan-wrap .btn-save-member:focus,
.diwan-wrap .btn-save-member:active { background: var(--hover) !important; color: #fff !important; }
.diwan-wrap .btn-pay:focus,
.diwan-wrap .btn-pay:active { background: var(--hover) !important; color: #fff !important; }
.diwan-wrap .btn-admin:focus,
.diwan-wrap .btn-admin:active { background: var(--hover) !important; color: #fff !important; }
.diwan-wrap .btn-delete-qita:focus,
.diwan-wrap .btn-delete-qita:active { background: #d63031 !important; color: #fff !important; }
.diwan-wrap .btn-whatsapp:focus,
.diwan-wrap .btn-whatsapp:active,
.diwan-wrap .btn-wa:focus,
.diwan-wrap .btn-wa:active,
.diwan-wrap .btn-invite-wa:focus,
.diwan-wrap .btn-invite-wa:active { background: var(--green-hover) !important; color: #fff !important; }
.wcamp-members-wrap .wmc-wa-btn:focus,
.wcamp-members-wrap .wmc-wa-btn:active { background: #1ebe5d !important; color: #fff !important; }

/* ===== إجبار اللون الأخضر على كل أزرار واتساب ===== */
.btn-whatsapp,
.btn-wa,
.btn-invite-wa,
.wmc-wa-btn,
button.btn-whatsapp,
button.btn-wa,
button.btn-invite-wa,
a.wmc-wa-btn {
    background: #25D366 !important;
    background-color: #25D366 !important;
    border-color: #25D366 !important;
    color: #fff !important;
}
.btn-whatsapp:hover,
.btn-wa:hover,
.btn-invite-wa:hover,
.wmc-wa-btn:hover,
.btn-whatsapp:focus,
.btn-wa:focus,
.btn-invite-wa:focus,
.wmc-wa-btn:focus,
.btn-whatsapp:active,
.btn-wa:active,
.btn-invite-wa:active,
.wmc-wa-btn:active {
    background: #1ebe5d !important;
    background-color: #1ebe5d !important;
    border-color: #1ebe5d !important;
    color: #fff !important;
    box-shadow: none !important;
    outline: none !important;
}
/* إخفاء عين المتصفح الافتراضية على خانات كلمة السر */
input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear,
input[type="password"]::-webkit-credentials-auto-fill-button,
input[type="password"]::-webkit-contacts-auto-fill-button {
    display: none !important;
    visibility: hidden !important;
}

/* إخفاء أسهم الزيادة والنقصان في خانات الأرقام */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
    display: none !important;
}
input[type=number] { -moz-appearance: textfield !important; }

/* سهم بيانات التحويل */
details > summary { list-style: none; }
details > summary::-webkit-details-marker { display: none; }
details > summary::marker { display: none; }