/* ═══════════════════════════════════════════════════════════════
   PROFILE TEMPLATES — Base + Default (Redesigned v2)
═══════════════════════════════════════════════════════════════ */

/* ── Superadmin bar ─────────────────────────────────────────── */
.prof-superadmin-bar{background:#1a1a2e;color:#e0c97f;font-family:var(--f-body);font-size:.78rem;font-weight:700;text-align:center;padding:8px 16px;letter-spacing:.04em;}

/* ── Shared phone lock ──────────────────────────────────────── */
.prof-phone-locked{font-family:var(--f-body);font-size:.8rem;color:var(--text-muted);background:rgba(239,68,68,.06);border:1px solid rgba(239,68,68,.18);border-radius:8px;padding:8px 14px;display:inline-block;}
.prof-phone-locked a{color:var(--crimson);font-weight:700;}

/* ══════════════════════════════════════════════════════════════
   DEFAULT TEMPLATE — Modern Professional
══════════════════════════════════════════════════════════════ */

.def-wrap{max-width:760px;margin:0 auto;padding-bottom:60px;}

/* ── Topbar ─────────────────────────────────────────────────── */
.def-topbar{background:var(--text-deep);padding:10px 0;}
.def-topbar__inner{max-width:760px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;}
.def-topbar__back{font-family:var(--f-body);font-size:.78rem;font-weight:700;color:rgba(240,228,200,.6);text-decoration:none;transition:color .2s;}
.def-topbar__back:hover{color:var(--gold);}
.def-topbar__edit{font-family:var(--f-body);font-size:.78rem;font-weight:700;color:rgba(201,144,58,.9);text-decoration:none;padding:5px 14px;border:1px solid rgba(201,144,58,.35);border-radius:6px;transition:all .2s;}
.def-topbar__edit:hover{background:rgba(201,144,58,.12);color:var(--gold);}

/* ── Hero ───────────────────────────────────────────────────── */
.def-hero{
    position:relative;overflow:hidden;
    background:linear-gradient(160deg,#1C0A04 0%,#2d1208 50%,#3d1a06 100%);
    padding:48px 28px 40px;text-align:center;
}
.def-hero__bg-pattern{
    position:absolute;inset:0;
    background-image:
        radial-gradient(ellipse at 20% 50%,rgba(201,144,58,.1) 0%,transparent 60%),
        radial-gradient(ellipse at 80% 20%,rgba(201,144,58,.06) 0%,transparent 50%),
        radial-gradient(ellipse at 50% 100%,rgba(139,0,0,.2) 0%,transparent 60%);
    pointer-events:none;
}
.def-hero__content{position:relative;z-index:1;}
.def-hero__avatar-wrap{position:relative;display:inline-block;margin-bottom:20px;}
.def-hero__avatar{
    width:120px;height:120px;border-radius:50%;object-fit:cover;
    border:4px solid var(--gold);
    box-shadow:0 0 0 8px rgba(201,144,58,.12),0 8px 32px rgba(0,0,0,.5);
    display:block;
}
.def-hero__avatar--fb{
    width:120px;height:120px;border-radius:50%;
    background:linear-gradient(135deg,var(--crimson),#6b0000);
    display:flex;align-items:center;justify-content:center;
    font-family:var(--f-display);font-size:3rem;color:var(--gold);
    border:4px solid var(--gold);
}
.def-hero__featured-star{
    position:absolute;bottom:4px;right:4px;
    background:var(--gold);border-radius:50%;
    width:28px;height:28px;display:flex;align-items:center;justify-content:center;
    font-size:14px;box-shadow:0 2px 8px rgba(0,0,0,.4);
}
.def-hero__name{
    font-family:var(--f-display);font-size:2.2rem;color:#F0E4C8;
    margin-bottom:6px;line-height:1.15;
    text-shadow:0 2px 12px rgba(0,0,0,.4);
}
.def-hero__role{font-family:var(--f-body);font-size:.9rem;font-weight:700;color:var(--gold);margin-bottom:8px;letter-spacing:.04em;}
.def-hero__tagline{
    font-family:var(--f-serif);font-size:1rem;color:rgba(240,228,200,.65);
    font-style:italic;margin-bottom:16px;line-height:1.5;
}
.def-hero__chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:20px;}
.def-chip{
    font-family:var(--f-body);font-size:.72rem;font-weight:700;
    padding:5px 14px;border-radius:20px;
    background:rgba(255,255,255,.1);color:rgba(240,228,200,.8);
    border:1px solid rgba(255,255,255,.15);
    letter-spacing:.03em;
}
.def-chip--id{background:rgba(201,144,58,.2);color:var(--gold);border-color:rgba(201,144,58,.3);}
.def-chip--featured{background:linear-gradient(135deg,rgba(245,158,11,.3),rgba(217,119,6,.3));color:#fde68a;border-color:rgba(245,158,11,.4);}
.def-hero__wa{
    display:inline-flex;align-items:center;gap:7px;
    padding:11px 24px;border-radius:10px;
    background:#25D366;color:#fff;
    font-family:var(--f-body);font-size:.85rem;font-weight:800;
    text-decoration:none;letter-spacing:.03em;
    box-shadow:0 4px 16px rgba(37,211,102,.35);transition:all .2s;
}
.def-hero__wa:hover{background:#20b858;transform:translateY(-1px);}

/* ── Body cards ─────────────────────────────────────────────── */
.def-body{padding:24px 16px 0;display:flex;flex-direction:column;gap:16px;}

.def-card{
    background:#fff;
    border-radius:16px;
    padding:24px 26px;
    box-shadow:0 2px 20px rgba(60,20,10,.08),0 1px 4px rgba(60,20,10,.04);
    border:1px solid rgba(201,144,58,.1);
    transition:box-shadow .2s;
}
.def-card:hover{box-shadow:0 4px 28px rgba(60,20,10,.12);}
.def-card--political{
    border-left:4px solid #FF6B00;
    background:linear-gradient(135deg,#fffbf5,#fff);
}
.def-card__header{display:flex;align-items:center;gap:10px;margin-bottom:18px;padding-bottom:12px;border-bottom:1.5px solid rgba(201,144,58,.15);}
.def-card__icon{font-size:1.3rem;flex-shrink:0;}
.def-card__title{font-family:var(--f-serif);font-size:1.1rem;color:var(--text-deep);font-weight:500;margin:0;}

/* ── Info grid ──────────────────────────────────────────────── */
.def-info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;}
.def-info-item{}
.def-info-item__label{font-family:var(--f-body);font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:4px;}
.def-info-item__value{font-family:var(--f-body);font-size:.95rem;color:var(--text-deep);font-weight:600;line-height:1.4;}
.def-info-item__value--party{
    display:inline-flex;align-items:center;gap:6px;
    padding:4px 14px;border-radius:20px;
    background:rgba(255,107,0,.1);color:#c13d00;border:1px solid rgba(255,107,0,.2);
    font-size:.88rem;font-weight:700;
}

/* ── Achievements ───────────────────────────────────────────── */
.def-achievements{font-family:var(--f-body);font-size:.9rem;color:var(--text-body);line-height:1.8;white-space:pre-line;}

/* ── Social ─────────────────────────────────────────────────── */
.def-social-row{display:flex;flex-wrap:wrap;gap:10px;}
.def-social-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:8px;font-family:var(--f-body);font-size:.8rem;font-weight:700;text-decoration:none;transition:opacity .18s;}
.def-social-btn:hover{opacity:.85;}
.def-social-btn--facebook{background:#1877F2;color:#fff;}
.def-social-btn--instagram{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);color:#fff;}
.def-social-btn--youtube{background:#FF0000;color:#fff;}
.def-social-btn--twitter{background:#1DA1F2;color:#fff;}
.def-social-btn--linkedin{background:#0077B5;color:#fff;}

/* ── Business ───────────────────────────────────────────────── */
.def-biz-cat{font-family:var(--f-body);font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--saffron);display:block;margin-bottom:6px;}
.def-biz-title{font-family:var(--f-serif);font-size:1.1rem;color:var(--text-deep);margin-bottom:8px;}
.def-biz-desc{font-family:var(--f-body);font-size:.85rem;color:var(--text-muted);line-height:1.7;margin-bottom:10px;}
.def-biz-loc{font-family:var(--f-body);font-size:.78rem;color:var(--text-muted);margin-bottom:14px;}
.def-biz-actions{display:flex;gap:10px;flex-wrap:wrap;}
.def-biz-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border-radius:9px;font-family:var(--f-body);font-size:.8rem;font-weight:700;text-decoration:none;transition:all .18s;}
.def-biz-btn--call{background:rgba(34,197,94,.1);border:1.5px solid rgba(34,197,94,.3);color:#166534;}
.def-biz-btn--call:hover{background:rgba(34,197,94,.18);}
.def-biz-btn--wa{background:#25D366;color:#fff;border:none;}
.def-biz-btn--wa:hover{background:#20b858;}

@media(max-width:600px){
    .def-hero{padding:36px 16px 32px;}
    .def-hero__name{font-size:1.7rem;}
    .def-card{padding:18px 16px;}
    .def-info-grid{grid-template-columns:1fr 1fr;}
}

/* ══════════════════════════════════════════════════════════════
   LEGACY CLASS COMPAT — prof-default__* (used by blade)
   Maps to the same visual design as def-* classes above
══════════════════════════════════════════════════════════════ */

.prof-default{max-width:800px;margin:0 auto;padding-bottom:40px;}
.prof-default__hero{position:relative;overflow:hidden;background:linear-gradient(160deg,#1C0A04 0%,#2d1208 50%,#3d1a06 100%);padding:0;}
.prof-default__hero-topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;}
.prof-back{font-family:var(--f-body);font-size:.78rem;font-weight:700;color:rgba(240,228,200,.6);text-decoration:none;transition:color .2s;}.prof-back:hover{color:var(--gold);}
.prof-edit-btn{font-family:var(--f-body);font-size:.78rem;font-weight:700;color:rgba(201,144,58,.9);text-decoration:none;padding:5px 14px;border:1px solid rgba(201,144,58,.35);border-radius:6px;transition:all .2s;}.prof-edit-btn:hover{background:rgba(201,144,58,.12);}
.prof-default__hero-inner{display:flex;align-items:center;gap:24px;padding:24px 28px 32px;flex-wrap:wrap;}
.prof-default__avatar-wrap{flex-shrink:0;}
.prof-default__avatar{width:120px;height:120px;border-radius:50%;object-fit:cover;border:4px solid rgba(201,144,58,.4);box-shadow:0 8px 32px rgba(0,0,0,.3);display:block;}
.prof-default__avatar--fb{width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--f-display);font-size:2.8rem;color:var(--gold);background:linear-gradient(135deg,#3d1a06,#1c0a04);border:4px solid rgba(201,144,58,.4);}
.prof-default__hero-info{flex:1;min-width:200px;color:#fff;}
.prof-default__name{font-family:var(--f-display);font-size:2rem;color:#fff;margin:0 0 4px;line-height:1.15;text-shadow:0 2px 12px rgba(0,0,0,.3);}
.prof-default__member-id{font-family:'Courier New',monospace;font-size:.72rem;color:var(--gold);background:rgba(201,144,58,.15);padding:3px 12px;border-radius:6px;display:inline-block;margin-bottom:8px;border:1px solid rgba(201,144,58,.25);}
.prof-default__tagline{font-family:var(--f-serif);font-size:.88rem;color:rgba(255,255,255,.6);font-style:italic;margin:6px 0;}
.prof-default__badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;}
.prof-badge{font-family:var(--f-body);font-size:.68rem;font-weight:700;padding:3px 10px;border-radius:10px;}
.prof-badge--approved{background:rgba(34,197,94,.12);color:#166534;border:1px solid rgba(34,197,94,.2);}
.prof-badge--featured{background:rgba(245,158,11,.15);color:#92400e;border:1px solid rgba(245,158,11,.25);}

.prof-default__body{background:#f8f4ee;padding:20px 24px 40px;display:flex;flex-direction:column;gap:16px;}
.prof-default__card{background:#fff;border-radius:14px;padding:20px 24px;box-shadow:0 2px 14px rgba(0,0,0,.05);border:1px solid rgba(0,0,0,.04);}
.prof-default__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;}
.prof-section-title{font-family:var(--f-serif);font-size:1.05rem;color:var(--text-deep);margin:0 0 16px;padding-bottom:10px;border-bottom:1.5px solid rgba(0,0,0,.06);}
.prof-field__label{font-family:var(--f-body);font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#999;margin:0 0 3px;}
.prof-field__value{font-family:var(--f-body);font-size:.9rem;font-weight:600;color:var(--text-deep);margin:0;line-height:1.4;}
.prof-contact-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px;}
.prof-wa-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border-radius:8px;background:#25D366;color:#fff;font-family:var(--f-body);font-size:.82rem;font-weight:700;text-decoration:none;transition:all .2s;}.prof-wa-btn:hover{background:#20b858;}
.prof-call-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border-radius:8px;background:rgba(34,197,94,.1);border:1.5px solid rgba(34,197,94,.3);color:#166534;font-family:var(--f-body);font-size:.82rem;font-weight:700;text-decoration:none;transition:all .2s;}.prof-call-btn:hover{background:rgba(34,197,94,.18);}

/* Family grid */
.prof-family-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;}
.prof-family-item{padding:10px;border-radius:8px;background:rgba(0,0,0,.02);border:1px solid rgba(0,0,0,.04);}
.prof-family-item__name{font-family:var(--f-body);font-size:.85rem;font-weight:700;color:var(--text-deep);margin:0;}
.prof-family-item__rel{font-family:var(--f-body);font-size:.72rem;color:var(--text-muted);margin:2px 0 0;}

/* Responsive */
@media(max-width:640px){
    .prof-default__hero-inner{flex-direction:column;text-align:center;padding:16px 20px 24px;}
    .prof-default__avatar{width:100px;height:100px;}
    .prof-default__avatar--fb{width:100px;height:100px;font-size:2.2rem;}
    .prof-default__name{font-size:1.6rem;}
    .prof-default__badges{justify-content:center;}
    .prof-default__body{padding:16px;}
    .prof-default__card{padding:16px;}
    .prof-default__grid{grid-template-columns:1fr 1fr;}
}