/*=========================================================
  BONDOK PROFILE — PREMIUM READABILITY PASS
=========================================================*/

#profileSection .profile-welcome-card,
#profileSection .profile-card,
#profileSection .profile-actions-card,
#pointsSection .profile-card{
    border-radius:18px;
    border-color:rgba(224,184,79,.20);
    box-shadow:0 24px 65px rgba(0,0,0,.30);
}

.referral-card{
    display:flex;
    gap:22px;
    margin-top:28px;
    padding:26px;
    border:1px solid rgba(224,184,79,.28);
    border-radius:18px;
    background:linear-gradient(135deg,rgba(224,184,79,.09),rgba(10,10,10,.92));
}
.referral-card-icon{ display:grid; place-items:center; flex:0 0 54px; height:54px; border-radius:50%; color:#0a0a0a; background:#E0B84F; font-size:22px; }
.referral-card-copy{ flex:1; min-width:0; }
.referral-card-copy>span{ color:#E0B84F; font:600 12px 'Cinzel',serif; letter-spacing:2px; }
.referral-card-copy h3{ margin:8px 0; color:#fff; font:600 24px 'Cinzel',serif; }
.referral-card-copy p{ margin:0 0 18px; color:rgba(255,255,255,.68); font-size:14px; line-height:1.7; }
.referral-stats{display:flex;gap:12px;margin:0 0 18px}.referral-stats div{min-width:125px;padding:12px 15px;border:1px solid rgba(224,184,79,.18);border-radius:9px;background:rgba(0,0,0,.25)}.referral-stats strong{display:block;color:#E0B84F;font-size:21px}.referral-stats span{color:rgba(255,255,255,.58);font-size:11px}
.referral-link-row{ display:flex; gap:9px; }
.referral-link-row input{ flex:1; min-width:0; padding:12px 14px; color:#ddd; background:#090909; border:1px solid rgba(255,255,255,.13); border-radius:8px; font-size:13px; }
.referral-link-row button{ display:inline-flex; align-items:center; justify-content:center; gap:7px; padding:11px 14px; color:#0a0a0a; background:#E0B84F; border:0; border-radius:8px; font-weight:700; cursor:pointer; }
.referral-card-copy small{ display:block; margin-top:10px; color:rgba(255,255,255,.52); }
.address-save-row{display:flex;gap:10px}.address-save-row input{flex:1;padding:12px 14px;color:#eee;background:#090909;border:1px solid rgba(224,184,79,.22);border-radius:8px}.address-save-row button{padding:12px 15px;color:#080808;background:#E0B84F;border:0;border-radius:8px;font-weight:700}.saved-addresses{display:grid;gap:10px;margin-top:16px}.saved-address{display:flex;justify-content:space-between;gap:15px;padding:14px;border:1px solid rgba(255,255,255,.09);border-radius:9px}.saved-address strong,.saved-address span{display:block}.saved-address strong{color:#E0B84F}.saved-address span,.saved-address p{color:#999;font-size:12px}.saved-address button{color:#d77;background:none;border:0;cursor:pointer}.address-empty{color:#777}
@media(max-width:700px){
    .referral-card{ flex-direction:column; padding:21px; }
    .referral-card-copy h3{ font-size:20px; }
    .referral-link-row{ flex-wrap:wrap; }
    .referral-link-row input{ flex-basis:100%; }
    .referral-link-row button{ flex:1; }
}

#profileSection .profile-welcome-card{
    min-height:150px;
    padding:34px 38px;
    background:
        radial-gradient(circle at 92% 10%,rgba(224,184,79,.12),transparent 34%),
        linear-gradient(135deg,#181818,#101010);
}

#profileSection .profile-welcome-info > span,
#profileSection .profile-section-title span,
#profileSection .profile-actions-card span{
    font-size:12px;
    font-weight:600;
    letter-spacing:2.2px;
}

#profileSection .profile-welcome-info h3{
    font-size:clamp(28px,3vw,38px);
    line-height:1.25;
}

#profileSection .profile-welcome-info p{
    color:#b5b5b5;
    font-size:15px;
}

#profileSection .profile-welcome-status span{
    font-size:12px;
    letter-spacing:1.2px;
}

#profileSection .profile-card{
    padding:38px;
}

#profileSection .profile-section-title{
    gap:18px;
    margin-bottom:34px;
}

#profileSection .profile-section-title > i{
    width:52px;
    height:52px;
    min-width:52px;
    border-radius:14px;
    font-size:18px;
}

#profileSection .profile-section-title h2{
    font-size:29px;
}

#profileSection .profile-form-grid{
    gap:26px 22px;
}

#profileSection .profile-field{
    gap:10px;
}

#profileSection .profile-field label{
    color:#c5c5c5;
    font-size:15px;
    font-weight:500;
}

#profileSection .profile-field input,
#profileSection .profile-field textarea{
    min-height:58px;
    padding:17px 18px;
    border-radius:12px;
    border-color:rgba(255,255,255,.13);
    background:#0d0d0d;
    color:#f3f3f3;
    font-size:16px;
    line-height:1.65;
}

#profileSection .profile-field textarea{
    min-height:120px;
}

#profileSection .profile-field input[readonly]{
    color:#aaa;
}

#profileSection .profile-field input::placeholder,
#profileSection .profile-field textarea::placeholder{
    color:#707070;
}

#profileSection .profile-actions-card{
    padding:28px 32px;
}

#profileSection .profile-actions-card p{
    color:#aaa;
    font-size:14px;
    line-height:1.7;
}

#profileSection .save-profile-btn{
    min-height:54px;
    padding:0 25px;
    border-radius:12px;
    font-size:14px;
}

/* Rewards: retain layout and improve legibility only. */

#pointsSection .dashboard-section-heading span,
#pointsSection .loyalty-eyebrow{
    font-size:12px;
    letter-spacing:2.2px;
}

#pointsSection .profile-loyalty-card{
    padding:38px;
    border-radius:18px;
}

#pointsSection .loyalty-heading h2{
    font-size:32px;
}

#pointsSection .loyalty-tier-badge{
    padding:12px 16px;
    border-radius:999px;
    font-size:14px;
}

#pointsSection .loyalty-points span,
#pointsSection .loyalty-mini-stat span,
#pointsSection .loyalty-progress-top span{
    color:#aaa;
    font-size:12px;
}

#pointsSection .loyalty-points small,
#pointsSection .loyalty-mini-stat small,
#pointsSection .loyalty-progress-bottom{
    color:#929292;
    font-size:12px;
}

#pointsSection .loyalty-progress-top strong{
    font-size:17px;
}

#pointsSection .loyalty-progress-top b{
    font-size:15px;
}

#pointsSection .loyalty-progress-track{
    height:7px;
    border-radius:999px;
}

#pointsSection .loyalty-progress-bar{
    border-radius:999px;
}

#pointsSection .loyalty-benefit{
    padding:20px;
    border-radius:14px;
    background:rgba(255,255,255,.035);
}

#pointsSection .loyalty-benefit-icon{
    width:40px;
    height:40px;
    min-width:40px;
    border-radius:11px;
}

#pointsSection .loyalty-benefit strong{
    color:#f0f0f0;
    font-size:14px;
}

#pointsSection .loyalty-benefit span{
    color:#aaa;
    font-size:12px;
    line-height:1.65;
}

@media(max-width:700px){
    #profileSection .profile-welcome-card,
    #profileSection .profile-card,
    #profileSection .profile-actions-card,
    #pointsSection .profile-loyalty-card{
        border-radius:15px;
    }

    #profileSection .profile-welcome-card{
        padding:28px 23px;
    }

    #profileSection .profile-welcome-info h3{
        font-size:29px;
    }

    #profileSection .profile-welcome-info p{
        font-size:14px;
    }

    #profileSection .profile-card,
    #pointsSection .profile-loyalty-card{
        padding:27px 21px;
    }

    #profileSection .profile-section-title h2{
        font-size:25px;
    }

    #profileSection .profile-field label{
        font-size:14px;
    }

    #profileSection .profile-field input,
    #profileSection .profile-field textarea{
        font-size:16px;
    }

    #pointsSection .loyalty-heading h2{
        font-size:27px;
    }

    #pointsSection .loyalty-points strong{
        font-size:46px;
    }

    #pointsSection .loyalty-benefit strong{
        font-size:14px;
    }

    #pointsSection .loyalty-benefit span{
        font-size:12px;
    }
}