/* --- INTELLEAK : KHOONI TABAHI (BLADE SHAPES) --- */
@import url(https://fonts.googleapis.com/css2?family=Oswald:wght@500;700&family=Jura:wght@500;600;700&display=swap);

:root {
    --bg-base: #020000;         
    --bg-card: #080101;          
    --bg-hover: #120202;        
    
    --blood-dark: #5e0000;      
    --blood-fresh: #ff0000;     
    --blood-glow: rgba(255, 0, 0, 0.6);
    
    --text-main: #b8b8b8;       
    --text-title: #ffffff;      
    --text-muted: #666666;
    
    --border-color: #2e0505;    
}

body {
    background-color: var(--bg-base);
    background-image: radial-gradient(circle at center, rgba(60, 0, 0, 0.2), #020000 80%);
    color: var(--text-main);
    font-family: 'Jura', sans-serif;
    font-size: 14px;
    margin: 0;
    line-height: 1.6;
    overflow-x: hidden;
}

a { color: var(--text-main); text-decoration: none; transition: 0.2s ease; font-weight: 600; }
a:hover { color: var(--blood-fresh); text-shadow: 0 0 10px var(--blood-glow); }

.wrapper { width: 92%; max-width: 1300px; margin: 0 auto; padding: 0 15px; box-sizing: border-box; }

/* --- HEADER & TOPBAR --- */
.header-main {
    background: #000000;
    padding: 20px 0;
    border-bottom: 2px solid var(--blood-fresh);
    box-shadow: 0 10px 30px rgba(255, 0, 0, 0.15);
}
.header-flex { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 20px; }

.logo { 
    font-family: 'Oswald', sans-serif;
    font-size: 34px; 
    font-weight: 700;
    color: var(--text-title); 
    text-transform: uppercase;
    letter-spacing: 4px;
}
.logo span { color: var(--blood-fresh); text-shadow: 0 0 15px var(--blood-glow); }

.nav-links { display: flex; flex-wrap: wrap; gap: 25px; align-items: center; justify-content: center; }
.nav-links > a { font-family: 'Oswald', sans-serif; color: var(--text-title); font-size: 15px; text-transform: uppercase; letter-spacing: 1.5px; }
.nav-links > a:hover { color: var(--blood-fresh); }
.nav-links i { margin-right: 6px; color: var(--blood-dark); transition: 0.3s; }
.nav-links > a:hover i { color: var(--blood-fresh); text-shadow: 0 0 10px var(--blood-glow); }

/* --- NEW SHAPES: FLOATING BLADE TABLES --- */
table { 
    width: 100%; 
    border-collapse: separate; 
    border-spacing: 0 12px; /* SEPARATES ROWS LIKE FLOATING CARDS */
}

.tborder {
    background: transparent;
    border: none;
    margin-bottom: 40px;
    width: 100%;
}

.thead {
    background: linear-gradient(90deg, #1a0000 0%, #050000 100%);
    color: var(--text-title);
    padding: 15px 25px;
    font-family: 'Oswald', sans-serif;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    border-bottom: 2px solid var(--blood-fresh);
    border-radius: 20px 0 20px 0; /* BLADE SHAPE */
    box-shadow: 0 5px 15px rgba(0,0,0,0.8);
}
.thead a { color: var(--text-title); }

.tcat { 
    background: var(--bg-card); 
    color: var(--blood-fresh); 
    padding: 12px 25px; 
    font-weight: 700; 
    text-transform: uppercase; 
    border: 1px solid var(--border-color); 
    font-size: 12px;
    border-radius: 10px 0 10px 0; /* SMALL BLADE */
}

/* THE ROWS ARE NOW SEPARATED CARDS */
.trow1, .trow2 { 
    background: var(--bg-card);
    border-top: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
    transition: all 0.3s ease;
}
/* LEFT & RIGHT BORDERS WITH BLADE CORNERS FOR EACH ROW */
tr > .trow1:first-child, tr > .trow2:first-child { 
    border-left: 3px solid var(--blood-dark); 
    border-radius: 20px 0 0 0; 
}
tr > .trow1:last-child, tr > .trow2:last-child { 
    border-right: 1px solid var(--border-color); 
    border-radius: 0 0 20px 0; 
}

tr:hover > .trow1, tr:hover > .trow2 { 
    background: var(--bg-hover);
    box-shadow: 0 5px 20px rgba(0,0,0,0.9);
}
tr:hover > .trow1:first-child, tr:hover > .trow2:first-child { 
    border-left: 3px solid var(--blood-fresh); 
}

/* --- DANGEROUS BUTTONS (SKEWED / TIRCHAY) --- */
.button, button, input.button, .new-thread-btn {
    background: #0d0000;
    color: var(--text-title);
    border: 1px solid var(--blood-dark);
    padding: 12px 25px;
    font-family: 'Oswald', sans-serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    cursor: pointer;
    transition: 0.3s;
    box-shadow: 4px 4px 0 var(--blood-dark); /* Hard shadow */
    transform: skew(-10deg); /* DANGEROUS SLANTED SHAPE */
    display: inline-flex;
    align-items: center;
    gap: 8px;
}
.button > *, button > *, input.button > *, .new-thread-btn > * {
    transform: skew(10deg); /* Fix internal text skew */
}
.button:hover, button:hover, input.button:hover, .new-thread-btn:hover {
    background: var(--blood-fresh) !important;
    border-color: var(--blood-fresh) !important;
    box-shadow: -4px 4px 15px var(--blood-glow);
    color: #fff !important;
}

/* SINGLE POST NEW THREAD FIX */
.new-thread-btn { display: none !important; }
.action-bar-wrap .new-thread-btn { display: inline-flex !important; }

/* HIDE MYBB BLOATWARE */
.float_left:has(.new-thread-btn), .float_right:has(.new-thread-btn),
.inline_moderation, .forumjump, .forumdisplay_search, .sort_by,
form[action*="moderation.php"], form[action*="forumdisplay.php"] select.forumjump,
.float_right:has(select[name="sortby"]) {
    display: none !important; visibility: hidden !important;
}

input.textbox, textarea, select {
    background: #000;
    border: 1px solid var(--border-color);
    color: var(--text-title);
    padding: 15px;
    width: 100% !important;
    box-sizing: border-box !important;
    font-family: 'Jura', sans-serif;
    transition: 0.3s;
    border-radius: 10px 0 10px 0; /* BLADE SHAPE */
}
input.textbox:focus, textarea:focus { border-color: var(--blood-fresh); outline: none; box-shadow: 0 0 15px var(--blood-glow); }
.sceditor-container { width: 100% !important; border-radius: 10px 0 10px 0 !important; overflow: hidden; border: 1px solid var(--border-color) !important;}

/* --- POSTBIT (KHOONI BLADE STYLE) --- */
.post {
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    border-top: 3px solid var(--blood-dark);
    margin-bottom: 35px;
    display: flex;
    border-radius: 30px 0 30px 0; /* MASSIVE BLADE CUT */
    box-shadow: 0 10px 30px rgba(0,0,0,0.8);
    transition: 0.3s;
}
.post:hover { border-top-color: var(--blood-fresh); }
.post_author {
    background: #030000;
    padding: 30px 20px;
    width: 220px;
    text-align: center;
    border-right: 1px solid var(--border-color);
    box-sizing: border-box;
}
/* HEXAGON AVATARS */
.post_author img { 
    width: 110px;
    height: 110px;
    object-fit: cover;
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); /* HEXAGON SHAPE */
    margin-bottom: 20px;
    background: #000;
    border: 2px solid var(--blood-fresh);
    box-shadow: 0 0 20px rgba(255,0,0,0.5);
    transition: 0.3s ease;
}
.post_author img:hover { transform: scale(1.05); }
.post_author .largetext { color: var(--blood-fresh); font-family: 'Oswald', sans-serif; font-weight: 700; font-size: 18px; letter-spacing: 1px; }
.author_statistics { margin-top: 20px; padding-top: 15px; border-top: 1px solid var(--border-color); font-size: 12px; color: #777; text-align: left; line-height: 2; word-wrap: break-word; }

.post_content { padding: 35px; flex: 1; width: 100%; box-sizing: border-box; overflow-x: auto; }
.post_head { border-bottom: 1px solid var(--border-color); padding-bottom: 15px; margin-bottom: 25px; font-size: 12px; color: var(--text-muted); display: flex; justify-content: space-between; font-weight: 700;}
.post_body { font-size: 15px; color: var(--text-main); line-height: 1.8; word-wrap: break-word; overflow-wrap: break-word; }
.post_controls { border-top: 1px solid var(--border-color); padding: 20px 35px; background: rgba(0,0,0,0.4); display: flex; justify-content: space-between; flex-wrap: wrap; gap: 10px; }

/* --- ATTACHED IMAGES --- */
img.attachment { max-width: 100%; height: auto; border: 1px solid var(--blood-dark); background: #000; padding: 4px; margin-top: 20px; border-radius: 15px 0 15px 0; transition: 0.3s ease; }
img.attachment:hover { border-color: var(--blood-fresh); box-shadow: 0 0 20px var(--blood-glow); }

/* --- GHOST / DELETED POST HIDDEN PERMANENTLY --- */
tr.trow_deleted, td.trow_deleted, .post.deleted_post, .postbit_deleted, 
tr.inline_row.trow_deleted, tr:has(.trow_deleted), tr[class*="deleted"],
.subject_deleted, .author_deleted, tr.trow_shaded.trow_deleted {
    display: none !important; visibility: hidden !important; opacity: 0 !important; 
    height: 0 !important; width: 0 !important; padding: 0 !important; margin: 0 !important; border: none !important;
}

/* Misc */
.clear { clear: both; } .float_left { float: left; } .float_right { float: right; }
.smalltext { font-size: 12px; color: var(--text-muted); }

/* ========================================= */
/* --- RESPONSIVE DESIGN --- */
/* ========================================= */
@media (max-width: 768px) {
    .hide_mobile { display: none !important; }
    
    .header-flex { flex-direction: column; text-align: center; gap: 15px; }
    .nav-links { flex-direction: column; width: 100%; gap: 15px; }
    
    .index-layout { flex-direction: column !important; }
    
    .tborder { display: block; overflow-x: auto; width: 100%; -webkit-overflow-scrolling: touch; }
    
    /* Make table rows stack properly on mobile */
    table, tbody, tr, td { display: block; width: 100%; box-sizing: border-box; }
    tr { margin-bottom: 15px; background: var(--bg-card); border: 1px solid var(--border-color); border-radius: 15px 0 15px 0; border-left: 3px solid var(--blood-dark); }
    td { padding: 15px !important; border: none !important; text-align: left !important; }
    
    .post { flex-direction: column; border-radius: 15px 0 15px 0; }
    .post_author { 
        width: 100%; 
        border-right: none; 
        border-bottom: 1px solid var(--border-color); 
        display: flex; 
        flex-direction: row; 
        align-items: center; 
        text-align: left; 
        padding: 20px; 
    }
    .post_author img { width: 60px; height: 60px; margin-bottom: 0; margin-right: 20px; }
    .author_statistics { display: none; }
    .post_content { padding: 20px; }
    .post_controls { flex-direction: column; align-items: center; text-align: center; padding: 20px;}
    .post_controls > div { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
}