/*
Theme Name: C33M 6
Theme URI: https://crypto33.com
Author: Crypto33
Author URI: https://crypto33.com
Description: Crypto33 Masters — Freedom Hub, Coin Radar, Training, Vault
Version: 2.0
License: GNU General Public License v2 or later
Text Domain: c33m
*/

@charset "utf-8";
/* CSS Document */

	/*============	Font-face	============*/

/*@import url("assets/css/style.css");*/
/* Inner Page Content */
.master_page{
	padding:60px 0; 
}

/* ================================================================
   HEADER USER GROUP — Dashboard + My Account + Logout
================================================================ */
.header-user-group { display:flex; align-items:center; gap:.4rem; flex-wrap:wrap; }
.cta-button { transition: background .15s, color .15s, border-color .15s !important; }
.cta-dashboard { display:flex; align-items:center; gap:.4rem; }
.cta-dashboard .user-avatar img { width:28px; height:28px; border-radius:50%; object-fit:cover; }
.cta-logout:hover { background:rgba(226,75,74,.25) !important; }
.cta-account:hover { border-color:rgba(255,255,255,.3) !important; color:#e8eaf0 !important; }

/* ── Freedom Score badge classes ─────────────────────────── */
.score-safe   { background:rgba(59,109,17,.18); color:#8dc54e; border:.5px solid rgba(99,153,34,.3); }
.score-watch  { background:rgba(133,79,11,.22); color:#f5a940; border:.5px solid rgba(186,117,23,.3); }
.score-danger { background:rgba(163,45,45,.18); color:#f07070; border:.5px solid rgba(226,75,74,.3); }

/* ── Existing comments in freedom hub ────────────────────── */
.existing-comments-list { margin-bottom:1rem; }
.existing-comment { padding:.6rem 0; border-bottom:.5px solid rgba(255,255,255,.07); }
.existing-comment:last-child { border-bottom:none; }

/* ── Guest comment fields ────────────────────────────────── */
.guest-comment-fields { display:flex; gap:.5rem; margin-bottom:.5rem; }
.guest-comment-fields input { flex:1; padding:6px 10px; background:rgba(255,255,255,.06); border:.5px solid rgba(255,255,255,.12); border-radius:6px; color:#e8eaf0; font-size:.85rem; }
.guest-comment-fields input:focus { border-color:rgba(55,138,221,.4); outline:none; }

/* ── Comment message box ─────────────────────────────────── */
.comment-message { padding:.5rem .75rem; border-radius:6px; font-size:.85rem; margin-bottom:.5rem; display:none; }

/* ── 404 page ────────────────────────────────────────────── */
.error-404-wrap { min-height:80vh; display:flex; align-items:center; justify-content:center; }

/* ================================================================
   FREEDOM HUB — Comment + Button fixes
================================================================ */

/* Open Full Story — link styled as button */
.open-full-story-link {
    display: inline-flex !important;
    align-items: center;
    text-decoration: none !important;
}

/* Comment section: when inline-comment-section.active → show */
.inline-comment-section { display: none; }
.inline-comment-section.active { display: block; }

/* FH comment list */
.fh-comment-list { margin-bottom: 1rem; }
.fh-comment-item {
    display: flex;
    gap: .6rem;
    padding: .75rem 0;
    border-bottom: .5px solid rgba(255,255,255,.07);
}
.fh-comment-item:last-child { border-bottom: none; }
.fh-comment-avatar {
    width: 32px !important;
    height: 32px !important;
    border-radius: 50% !important;
    flex-shrink: 0;
    object-fit: cover;
}
.fh-comment-body { flex: 1; min-width: 0; }
.fh-comment-author {
    font-weight: 600;
    font-size: .85rem;
    color: #e8eaf0;
    margin-right: .4rem;
}
.fh-comment-date {
    font-size: .72rem;
    color: #888;
    font-family: 'DM Mono', monospace;
}
.fh-comment-text {
    font-size: .85rem;
    color: #bbb;
    margin-top: .25rem;
    line-height: 1.6;
}

/* Guest comment fields */
.fh-guest-fields {
    display: flex;
    gap: .4rem;
    margin-bottom: .5rem;
}
.fh-guest-fields input {
    flex: 1;
    padding: 7px 10px;
    background: rgba(255,255,255,.06);
    border: .5px solid rgba(255,255,255,.12);
    border-radius: 6px;
    color: #e8eaf0;
    font-size: .85rem;
    font-family: 'Syne', sans-serif;
}
.fh-guest-fields input:focus {
    border-color: rgba(55,138,221,.4);
    outline: none;
}

/* Comment message box */
.fh-comment-msg {
    padding: .4rem .75rem;
    border-radius: 6px;
    font-size: .82rem;
    margin-bottom: .4rem;
    display: none;
}

/* Toast notification */
.fh-toast {
    position: fixed;
    bottom: 1.5rem;
    left: 50%;
    transform: translateX(-50%) translateY(20px);
    background: #1e2333;
    border: .5px solid rgba(55,138,221,.4);
    color: #e8eaf0;
    padding: .6rem 1.25rem;
    border-radius: 99px;
    font-size: .85rem;
    font-family: 'Syne', sans-serif;
    opacity: 0;
    transition: all .3s ease;
    pointer-events: none;
    z-index: 9998;
    white-space: nowrap;
    box-shadow: 0 8px 32px rgba(0,0,0,.4);
}
.fh-toast.show { opacity: 1; transform: translateX(-50%) translateY(0); }
.fh-toast.success { border-color: rgba(99,153,34,.5); color: #8dc54e; }
.fh-toast.error   { border-color: rgba(226,75,74,.5);  color: #f07070; }

/* Popup overlay */
.fh-popup-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.7);
    backdrop-filter: blur(4px);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    padding: 1rem;
}
.fh-popup-overlay.open {
    display: flex;
    animation: fh-fade-in .18s ease;
}
@keyframes fh-fade-in {
    from { opacity: 0; transform: scale(.96); }
    to   { opacity: 1; transform: scale(1);   }
}
.fh-popup-box {
    background: #1e2333;
    border: .5px solid rgba(55,138,221,.3);
    border-radius: 14px;
    width: 100%;
    max-height: 90vh;
    overflow-y: auto;
    position: relative;
    box-shadow: 0 24px 64px rgba(0,0,0,.6);
}
.fh-popup-close {
    position: absolute;
    top: 12px;
    right: 14px;
    background: transparent;
    border: none;
    color: #7c8299;
    font-size: 1.1rem;
    cursor: pointer;
    padding: 4px 8px;
    border-radius: 4px;
    transition: color .15s, background .15s;
}
.fh-popup-close:hover { color: #e8eaf0; background: rgba(255,255,255,.08); }

/* Score badge classes */
.freedom-score-badge.score-safe   { background: rgba(59,109,17,.18);  color: #8dc54e; border: .5px solid rgba(99,153,34,.3);  }
.freedom-score-badge.score-watch  { background: rgba(133,79,11,.22);  color: #f5a940; border: .5px solid rgba(186,117,23,.3); }
.freedom-score-badge.score-danger { background: rgba(163,45,45,.18);  color: #f07070; border: .5px solid rgba(226,75,74,.3);  }

/* Header user group */
.header-user-group { display: flex; align-items: center; gap: .4rem; flex-wrap: wrap; }
.cta-dashboard { display: flex; align-items: center; gap: .4rem; }
.cta-dashboard .user-avatar img { width: 26px; height: 26px; border-radius: 50%; object-fit: cover; }