/* Global: prevent images from overflowing post/notice/content areas */
.post-content img,
.notice-content img,
.blog-content img,
.content img,
.cvh-post-content img,
.cvh-notice-content img,
.cvh-blog-content img {
  max-width: 100% !important;
  height: auto !important;
  display: block;
}

/* Tables/iframes responsive */
.post-content iframe,
.notice-content iframe,
.blog-content iframe,
.cvh-post-content iframe,
.cvh-notice-content iframe,
.cvh-blog-content iframe {
  max-width: 100% !important;
}

/* In admin editor/preview areas */
.admin-editor img,
.app-content img {
  max-width: 100%;
  height: auto;
}


/* Responsive video embed (works with any Bootstrap version) */
.cvh-video-embed{position:relative;width:100%;padding-top:56.25%;border-radius:12px;overflow:hidden;background:#000}
.cvh-video-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%}

/* Header: keep quick chat/notification icons inline with profile (avoid wrapping) */
#header #cvhTopQuickActions{flex:0 0 auto}
#header .navbar-brand{flex:0 0 auto}

@media (max-width: 420px){
  /* On very small screens, hide name/money to make room */
  #header .menu-link.hii{display:none !important}
  #header .w-40px{width:34px !important}
  #header .h-40px{height:34px !important}
  #cvhNotifBell .cvh-icon-btn{width:34px;height:34px;border-radius:9px}
  #cvhTopQuickActions{gap:8px !important}
}

/* ===== Gamification: Avatar frames (khung avatar) ===== */
.cvh-avatar-frame{position:relative;border-radius:12px;}
.cvh-avatar-frame:before{content:'';position:absolute;inset:-2px;border-radius:14px;pointer-events:none;}
.cvh-avatar-frame-gold:before{border:2px solid rgba(255,193,7,.9);box-shadow:0 0 10px rgba(255,193,7,.55);} 
.cvh-avatar-frame-neon:before{border:2px solid rgba(13,110,253,.95);box-shadow:0 0 12px rgba(13,110,253,.55), 0 0 18px rgba(220,53,69,.25);} 
.cvh-avatar-frame-fire:before{border:2px solid rgba(220,53,69,.95);box-shadow:0 0 12px rgba(220,53,69,.55), 0 0 18px rgba(255,193,7,.25);} 
.cvh-avatar-frame-vip:before{border:2px solid rgba(25,135,84,.95);box-shadow:0 0 12px rgba(25,135,84,.55);} 

/* === Avatar Frame Overlay (image) + Auto scale === */
.cvh-av-wrap{position:relative;display:inline-block;vertical-align:middle;width:var(--av-size,40px);height:var(--av-size,40px);flex:0 0 auto;overflow:visible;line-height:0}
.cvh-av-img{width:100% !important;height:100% !important;object-fit:cover;display:block;border-radius:50%;transform:scale(var(--img-scale,1));transform-origin:center}

.cvh-av-frame{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(var(--frame-scale,1.22));width:100% !important;height:100% !important;pointer-events:none;max-width:none !important;max-height:none !important;display:block}
.cvh-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:11px;line-height:1;font-weight:700;margin-left:6px;vertical-align:middle}
.cvh-badge.vip{background:rgba(255,193,7,.22);color:#b55b00;border:1px solid rgba(255,193,7,.35)}
.cvh-badge.svip{background:rgba(220,53,69,.16);color:#b00020;border:1px solid rgba(220,53,69,.25)}