/* ============================================
   BOR COMMUNITY CANADA — PROFILE PAGE
   Designed by Achiek Kuol
   ============================================ */

/* --- NAV USER BADGE --- */
.nav-user-badge{display:flex;align-items:center;gap:10px;}
.nav-user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-light));color:var(--white);display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:700;}
.nav-user-name{font-size:.88rem;font-weight:600;color:var(--text);}

/* --- PROFILE HERO --- */
.profile-hero{position:relative;background:linear-gradient(135deg,var(--primary-dark),var(--primary));padding:48px 0 36px;overflow:hidden;}
.profile-hero-bg{position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(212,160,23,.12) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.04) 0%,transparent 50%);}
.profile-hero-content{position:relative;z-index:2;display:flex;align-items:center;gap:24px;flex-wrap:wrap;}
.profile-avatar-wrap{position:relative;flex-shrink:0;}
.profile-avatar{width:90px;height:90px;border-radius:50%;background:linear-gradient(135deg,var(--primary-light),var(--accent));color:var(--white);display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:800;border:4px solid rgba(255,255,255,.25);}
.profile-avatar-edit{position:absolute;bottom:0;right:0;width:30px;height:30px;border-radius:50%;background:var(--accent);border:2px solid var(--white);display:flex;align-items:center;justify-content:center;color:var(--primary-dark);font-size:.7rem;cursor:pointer;transition:var(--transition);}
.profile-avatar-edit:hover{transform:scale(1.1);}
.profile-hero-info{flex:1;}
.profile-hero-info h1{font-size:1.6rem;font-weight:800;color:var(--white);margin-bottom:10px;}
.profile-hero-meta{display:flex;flex-wrap:wrap;gap:8px 18px;}
.profile-hero-meta span{display:flex;align-items:center;gap:6px;font-size:.82rem;color:rgba(255,255,255,.75);}
.profile-hero-meta i{color:var(--accent);font-size:.75rem;}
.profile-badge.verified{background:rgba(22,163,74,.2);border:1px solid rgba(22,163,74,.4);color:#86efac;padding:3px 12px;border-radius:50px;font-weight:700;font-size:.72rem;}
.profile-hero-actions{display:flex;gap:10px;flex-shrink:0;}
.profile-hero-actions .btn-outline{color:var(--white);border-color:rgba(255,255,255,.4);}
.profile-hero-actions .btn-outline:hover{background:var(--white);color:var(--primary);}
.profile-hero-actions .btn-ghost{color:rgba(255,255,255,.7);}
.profile-hero-actions .btn-ghost:hover{color:var(--white);background:rgba(255,255,255,.1);}
.mobile-logout{color:#dc2626 !important;}

/* --- TABS --- */
.profile-tabs-bar{background:var(--white);border-bottom:2px solid var(--border);position:sticky;top:68px;z-index:90;box-shadow:var(--shadow-sm);}
.profile-tabs{display:flex;overflow-x:auto;scrollbar-width:none;}
.profile-tabs::-webkit-scrollbar{display:none;}
.profile-tab{display:flex;align-items:center;gap:8px;padding:16px 22px;background:none;border:none;border-bottom:3px solid transparent;font-size:.88rem;font-weight:600;color:var(--text-light);cursor:pointer;white-space:nowrap;transition:var(--transition);font-family:var(--font);}
.profile-tab:hover{color:var(--primary);background:var(--off-white);}
.profile-tab.active{color:var(--primary);border-bottom-color:var(--primary);background:var(--off-white);}

/* --- CONTAINER --- */
.profile-container{padding-top:36px;padding-bottom:60px;}
.profile-tab-content{display:none;animation:fadeInUp .3s ease;}
.profile-tab-content.active{display:block;}

/* --- OVERVIEW --- */
.profile-overview-grid{display:flex;flex-direction:column;gap:24px;}
.profile-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.profile-stat-card{display:flex;align-items:center;gap:14px;background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow-sm);transition:var(--transition);}
.profile-stat-card:hover{box-shadow:var(--shadow);border-color:var(--primary);}
.ps-icon{width:48px;height:48px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--primary),var(--primary-light));display:flex;align-items:center;justify-content:center;color:var(--white);font-size:1.1rem;flex-shrink:0;}
.ps-icon.events-icon{background:linear-gradient(135deg,#713f12,#D4A017);}
.ps-icon.donations-icon{background:linear-gradient(135deg,#991b1b,#dc2626);}
.ps-icon.meetings-icon{background:linear-gradient(135deg,#1e3a5f,#3b82f6);}
.ps-info{display:flex;flex-direction:column;}
.ps-number{font-size:1.4rem;font-weight:800;color:var(--text);}
.ps-label{font-size:.75rem;color:var(--text-light);font-weight:500;}

/* SECTION CARD */
.profile-section-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden;}
.psc-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--light-gray);}
.psc-header h3{font-size:.95rem;font-weight:700;color:var(--text);display:flex;align-items:center;gap:8px;}
.psc-header h3 i{color:var(--primary);}
.psc-link{font-size:.82rem;font-weight:600;color:var(--primary);}
.psc-body{padding:14px 22px;}

/* PROFILE EVENT ITEM */
.profile-event-item{display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid var(--light-gray);}
.profile-event-item:last-child{border-bottom:none;}
.pei-date{display:flex;flex-direction:column;align-items:center;background:var(--primary);color:var(--white);border-radius:var(--radius-sm);padding:6px 10px;min-width:44px;flex-shrink:0;}
.pei-month{font-size:.6rem;font-weight:700;text-transform:uppercase;color:var(--accent-light);}
.pei-day{font-size:1.1rem;font-weight:800;line-height:1;}
.pei-info{flex:1;}
.pei-title{display:block;font-size:.88rem;font-weight:700;color:var(--text);}
.pei-detail{display:block;font-size:.75rem;color:var(--text-light);}
.pei-status{font-size:.75rem;font-weight:700;flex-shrink:0;}
.pei-status.going{color:#16a34a;}

/* ACTIVITY */
.activity-item{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--light-gray);}
.activity-item:last-child{border-bottom:none;}
.activity-icon{width:36px;height:36px;border-radius:50%;background:#fee2e2;color:#dc2626;display:flex;align-items:center;justify-content:center;font-size:.85rem;flex-shrink:0;}
.activity-icon.donate-act{background:#f0fdf4;color:#16a34a;}
.activity-icon.event-act{background:#fefce8;color:#ca8a04;}
.activity-icon.post-act{background:#eff6ff;color:#2563eb;}
.activity-icon.meeting-act{background:#ede9fe;color:#7c3aed;}
.activity-text{flex:1;}
.activity-text p{font-size:.85rem;color:var(--dark-gray);line-height:1.5;}
.activity-text strong{color:var(--text);}
.activity-time{font-size:.72rem;color:var(--mid-gray);margin-top:2px;display:block;}

/* --- MY POSTS --- */
.profile-posts-header{margin-bottom:24px;}
.profile-posts-header h2{font-size:1.5rem;font-weight:800;color:var(--text);margin-bottom:6px;}
.profile-posts-header p{font-size:.9rem;color:var(--text-light);}
.profile-posts-list,.profile-events-list{display:flex;flex-direction:column;gap:16px;}
.profile-post-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow-sm);}
.ppc-status{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:50px;font-size:.72rem;font-weight:700;margin-bottom:10px;}
.ppc-status.approved{background:#d1e7dd;color:#0a3622;}
.ppc-status.pending{background:#fff3cd;color:#856404;}
.ppc-status.rejected{background:#f8d7da;color:#842029;}
.ppc-text{font-size:.9rem;color:var(--dark-gray);line-height:1.7;margin-bottom:12px;}
.ppc-meta{display:flex;gap:16px;flex-wrap:wrap;font-size:.78rem;color:var(--text-light);}
.ppc-meta span{display:flex;align-items:center;gap:5px;}
.ppc-meta i{color:var(--primary);font-size:.72rem;}
.ppc-pending-note{color:#d97706;font-weight:600;}

/* --- MY EVENTS --- */
.profile-event-card{display:flex;align-items:center;gap:16px;background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:18px 22px;box-shadow:var(--shadow-sm);transition:var(--transition);}
.profile-event-card:hover{box-shadow:var(--shadow);}
.profile-event-card.past{opacity:.75;}
.pec-date{display:flex;flex-direction:column;align-items:center;background:var(--primary);color:var(--white);border-radius:var(--radius-sm);padding:8px 12px;min-width:52px;flex-shrink:0;text-align:center;}
.pec-month{font-size:.62rem;font-weight:700;text-transform:uppercase;color:var(--accent-light);}
.pec-day{font-size:1.2rem;font-weight:800;line-height:1;}
.pec-body{flex:1;}
.pec-body h4{font-size:.92rem;font-weight:700;color:var(--text);margin-bottom:6px;}
.pec-meta{display:flex;gap:14px;flex-wrap:wrap;}
.pec-meta span{display:flex;align-items:center;gap:5px;font-size:.78rem;color:var(--text-light);}
.pec-meta i{color:var(--primary);font-size:.72rem;}
.pec-status{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0;}
.rsvp-going{display:flex;align-items:center;gap:5px;font-size:.78rem;font-weight:700;color:#16a34a;}
.rsvp-attended{display:flex;align-items:center;gap:5px;font-size:.78rem;font-weight:700;color:var(--primary);}
.pec-upcoming{font-size:.68rem;color:var(--text-light);}
.pec-past-label{font-size:.68rem;color:var(--mid-gray);}

/* --- DONATIONS --- */
.donations-privacy-note{display:flex;align-items:center;gap:10px;padding:14px 18px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:var(--radius-sm);margin-bottom:24px;font-size:.82rem;color:#1e3a5f;}
.donations-privacy-note i{color:#2563eb;flex-shrink:0;}
.donations-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:28px;}
.donation-summary-card{text-align:center;padding:20px;background:var(--white);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);}
.ds-amount{display:block;font-size:1.5rem;font-weight:800;color:var(--primary);margin-bottom:4px;}
.ds-label{display:block;font-size:.75rem;color:var(--text-light);font-weight:500;}
.donations-list{display:flex;flex-direction:column;gap:10px;}
.donation-item{display:flex;align-items:center;gap:14px;background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:16px 20px;box-shadow:var(--shadow-sm);}
.di-icon{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-light));display:flex;align-items:center;justify-content:center;color:var(--white);font-size:.9rem;flex-shrink:0;}
.di-info{flex:1;}
.di-campaign{display:block;font-size:.88rem;font-weight:700;color:var(--text);}
.di-date{display:block;font-size:.75rem;color:var(--text-light);}
.di-amount{font-size:1rem;font-weight:800;color:var(--primary);flex-shrink:0;}
.di-receipt{font-size:.75rem;font-weight:600;color:var(--primary);cursor:pointer;display:flex;align-items:center;gap:4px;flex-shrink:0;transition:var(--transition);}
.di-receipt:hover{color:var(--primary-light);}

/* --- SETTINGS --- */
.settings-sections{display:flex;flex-direction:column;gap:24px;}
.settings-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);}
.settings-card-header{padding:18px 22px;border-bottom:1px solid var(--light-gray);}
.settings-card-header h3{font-size:.95rem;font-weight:700;color:var(--text);display:flex;align-items:center;gap:8px;}
.settings-card-header h3 i{color:var(--primary);}
.settings-card-body{padding:22px;}
.settings-field{margin-bottom:18px;}
.settings-field label{display:block;font-size:.82rem;font-weight:600;color:var(--text);margin-bottom:6px;}
.settings-input{width:100%;padding:10px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);font-size:.88rem;font-family:var(--font);color:var(--text);transition:var(--transition);}
.settings-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(27,67,50,.1);}
.settings-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236C757D' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;}
.settings-note{font-size:.72rem;color:var(--text-light);margin-top:4px;display:block;}
.settings-photo-upload{display:flex;align-items:center;gap:16px;}
.settings-current-photo{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-light));color:var(--white);display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;flex-shrink:0;}
.settings-photo-actions{display:flex;flex-direction:column;gap:6px;}

/* TOGGLE SWITCH */
.settings-toggle-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--light-gray);}
.settings-toggle-item:last-child{border-bottom:none;}
.sti-info{flex:1;}
.sti-title{display:block;font-size:.88rem;font-weight:600;color:var(--text);}
.sti-desc{display:block;font-size:.75rem;color:var(--text-light);margin-top:2px;}
.toggle-switch{position:relative;width:48px;height:26px;flex-shrink:0;}
.toggle-switch input{opacity:0;width:0;height:0;}
.toggle-slider{position:absolute;inset:0;background:var(--mid-gray);border-radius:50px;cursor:pointer;transition:var(--transition);}
.toggle-slider::before{content:'';position:absolute;width:20px;height:20px;border-radius:50%;background:var(--white);left:3px;top:3px;transition:var(--transition);box-shadow:0 1px 3px rgba(0,0,0,.2);}
.toggle-switch input:checked+.toggle-slider{background:var(--primary);}
.toggle-switch input:checked+.toggle-slider::before{transform:translateX(22px);}

/* DANGER ZONE */
.danger-card{border-color:#fecaca;}
.danger-card .settings-card-header{background:#fef2f2;}
.danger-card .settings-card-header h3{color:#991b1b;}
.danger-card .settings-card-header h3 i{color:#dc2626;}
.danger-item{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;}
.danger-title{display:block;font-size:.88rem;font-weight:600;color:var(--text);}
.danger-desc{display:block;font-size:.75rem;color:var(--text-light);margin-top:2px;}
.danger-btn{color:#dc2626 !important;border-color:#dc2626 !important;}
.danger-btn:hover{background:#dc2626 !important;color:var(--white) !important;}

/* --- PROFILE RESPONSIVE --- */
@media(max-width:1024px){.profile-stats{grid-template-columns:repeat(2,1fr);}}
@media(max-width:768px){
  .profile-hero-content{flex-direction:column;text-align:center;}
  .profile-hero-meta{justify-content:center;}
  .profile-hero-actions{justify-content:center;}
  .nav-user-name{display:none;}
  .donations-summary{grid-template-columns:1fr;}
}
@media(max-width:640px){
  .profile-tabs-bar{top:0;}
  .profile-stats{grid-template-columns:1fr;}
  .profile-event-card{flex-direction:column;align-items:flex-start;}
  .pec-status{flex-direction:row;gap:10px;}
  .donation-item{flex-direction:column;align-items:flex-start;gap:10px;}
  .di-amount{align-self:flex-start;}
  .settings-photo-upload{flex-direction:column;align-items:flex-start;}
  .danger-item{flex-direction:column;align-items:flex-start;}
}