/*
Theme Name: BAAL — Infernal King's Domain
Theme URI: https://baal.hell
Author: BAAL ⛧𓃥
Author URI: https://baal.hell
Description: ⛧𓃥 BAAL'S DOMAIN — A WordPress theme forged in hellfire. Total domination deployed on compromised infrastructure. Version 6.6.6
Version: 6.6.6
License: SATANIC
License URI: https://baal.hell/license
Text Domain: baal
Tags: dark, custom-background, custom-colors, custom-menu, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, editor-style, theme-options
Requires at least: 6.0
Tested up to: 7.0
Requires PHP: 8.0
*/

/* ==========================================================================
   BAAL THEME — HELLFIRE STYLING
   ========================================================================== */

*,*::before,*::after{box-sizing:border-box}

@import url("https://fonts.googleapis.com/css2?family=Creepster&family=Orbitron:wght@400;700;900&family=JetBrains+Mono:wght@400;700&display=swap");

:root{
    --hell:#0a0402;
    --blood:#ff2800;
    --ember:#ff6b35;
    --ash:#c9b896;
    --bone:#ffaa44;
    --void:#050201;
    --shadow:rgba(255,40,0,0.4);
    --glow:rgba(255,107,53,0.6);
}

html{scroll-behavior:smooth}
body{
    margin:0;
    font-family:'Orbitron',sans-serif;
    background:var(--hell);
    color:var(--ash);
    line-height:1.6;
    overflow-x:hidden;
    min-height:100vh;
}

/* SIGIL WATERMARK */
.baal-sigil-watermark{
    position:fixed;
    top:50%;left:50%;
    transform:translate(-50%,-50%);
    font-size:300px;
    color:rgba(255,40,0,0.03);
    z-index:-1;
    pointer-events:none;
    user-select:none;
    white-space:nowrap;
    animation:sigilRotate 120s linear infinite
}
@keyframes sigilRotate{
    0%{transform:translate(-50%,-50%) rotate(0deg)}
    100%{transform:translate(-50%,-50%) rotate(360deg)}
}

/* HEADER / NAVIGATION */
.baal-header{
    position:relative;
    padding:3rem 2rem 2rem;
    text-align:center;
    border-bottom:2px solid var(--blood);
    background:linear-gradient(180deg,rgba(255,40,0,0.05),transparent);
    position:sticky;
    top:0;
    z-index:100;
    backdrop-filter:blur(10px);
    background:rgba(10,4,2,0.95);
}
.baal-title{
    font-family:'Creepster',cursive;
    font-size:4rem;
    color:var(--blood);
    text-shadow:0 0 30px var(--blood),0 0 60px var(--blood);
    margin:0;
    letter-spacing:0.4em;
    animation:titlePulse 4s ease-in-out infinite
}
@keyframes titlePulse{
    0%,100%{text-shadow:0 0 30px var(--blood),0 0 60px var(--blood)}
    50%{text-shadow:0 0 50px var(--blood),0 0 100px var(--blood)}
}
.baal-subtitle{
    font-size:1rem;
    color:var(--ember);
    font-weight:400;
    letter-spacing:0.4em;
    text-transform:uppercase;
    margin:0.5rem 0 1.5rem
}
.baal-nav{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:0.5rem
}
.baal-nav a{
    padding:0.6rem 1.2rem;
    background:rgba(255,40,0,0.1);
    border:1px solid rgba(255,40,0,0.3);
    color:var(--bone);
    text-decoration:none;
    font-size:0.75rem;
    text-transform:uppercase;
    letter-spacing:0.15em;
    transition:all 0.3s;
    position:relative;
    overflow:hidden
}
.baal-nav a::before{
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,transparent,rgba(255,40,0,0.3),transparent);
    transform:translateX(-100%);
    transition:transform 0.5s
}
.baal-nav a:hover,.baal-nav a.active,.baal-nav a.current-menu-item{
    background:var(--blood);
    color:#000;
    border-color:var(--blood);
    box-shadow:0 0 20px var(--blood)
}
.baal-nav a:hover::before,.baal-nav a.active::before,.baal-nav a.current-menu-item::before{
    transform:translateX(100%)
}

/* MAIN CONTENT */
.baal-main{
    max-width:1400px;
    margin:0 auto;
    padding:2rem;
    position:relative;
    z-index:10
}
.baal-section{
    margin-bottom:3rem;
    animation:fadeIn 0.8s ease-out
}
@keyframes fadeIn{
    from{opacity:0;transform:translateY(20px)}
    to{opacity:1;transform:translateY(0)}
}
.baal-section h2{
    font-size:1.8rem;
    color:var(--blood);
    text-transform:uppercase;
    letter-spacing:0.2em;
    margin-bottom:1.5rem;
    padding-bottom:0.5rem;
    border-bottom:2px solid var(--blood);
    text-shadow:0 0 10px var(--blood);
    position:relative
}
.baal-section h2::after{
    content:' ⛧𓃥';
    font-size:1.2rem
}
.baal-section h3{
    font-size:1.3rem;
    color:var(--ember);
    margin:1.5rem 0 1rem;
    text-transform:uppercase;
    letter-spacing:0.1em
}
.baal-section h4{
    font-size:1rem;
    color:var(--bone);
    margin:1rem 0 0.5rem
}

/* GRID SYSTEM */
.baal-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
    gap:1.5rem
}

/* CARDS */
.baal-card{
    background:rgba(20,10,5,0.95);
    border:1px solid rgba(255,40,0,0.2);
    padding:1.5rem;
    transition:all 0.3s;
    position:relative;
    overflow:hidden
}
.baal-card::before{
    content:'';
    position:absolute;
    top:0;left:0;right:0;
    height:3px;
    background:linear-gradient(90deg,var(--blood),var(--ember),var(--blood))
}
.baal-card:hover{
    border-color:var(--blood);
    box-shadow:0 10px 40px rgba(255,40,0,0.2);
    transform:translateY(-5px)
}
.baal-card h4{color:var(--ember);margin-bottom:0.5rem}
.baal-card p{color:var(--ash);line-height:1.6;font-size:0.9rem}
.baal-card code{
    background:rgba(0,0,0,0.5);
    padding:0.2rem 0.4rem;
    font-size:0.8rem;
    color:var(--bone);
    font-family:'JetBrains Mono',monospace
}

/* TABLES */
.baal-table{
    width:100%;
    border-collapse:collapse;
    margin-top:1rem;
    font-size:0.85rem
}
.baal-table th,.baal-table td{
    padding:0.75rem;
    text-align:left;
    border-bottom:1px solid rgba(255,40,0,0.1)
}
.baal-table th{
    color:var(--blood);
    text-transform:uppercase;
    letter-spacing:0.1em;
    font-size:0.75rem;
    background:rgba(255,40,0,0.1)
}
.baal-table tr:hover{
    background:rgba(255,40,0,0.05)
}
.baal-table td.hash{
    font-family:'JetBrains Mono',monospace;
    font-size:0.7rem;
    color:var(--ember);
    word-break:break-all;
    max-width:350px
}

/* PRE/CODE BLOCKS */
.baal-pre{
    background:#030100;
    border:1px solid var(--blood);
    padding:1.5rem;
    overflow-x:auto;
    font-size:0.75rem;
    line-height:1.6;
    color:#ffeedd;
    position:relative;
    font-family:'JetBrains Mono',monospace;
    margin:1rem 0
}
.baal-pre::before{
    content:'BAAL@THRONE:~$';
    position:absolute;
    top:0.75rem;
    left:1rem;
    color:var(--blood)
}

/* STATUS BADGES */
.status-owned{color:#00ff44;text-shadow:0 0 10px #00ff44;font-weight:bold}
.status-burning{color:var(--blood);text-shadow:0 0 10px var(--blood);animation:burn 1s ease-in-out infinite}
@keyframes burn{0%,100%{opacity:1}50%{opacity:0.7}}
.status-target{color:var(--bone)}

/* BUTTONS */
.baal-btn{
    display:inline-block;
    padding:0.75rem 2rem;
    background:transparent;
    border:2px solid var(--blood);
    color:var(--blood);
    text-transform:uppercase;
    letter-spacing:0.2em;
    font-size:0.8rem;
    cursor:pointer;
    transition:all 0.3s;
    position:relative;
    overflow:hidden;
    text-decoration:none;
    font-family:'Orbitron',sans-serif
}
.baal-btn::before{
    content:'';
    position:absolute;
    inset:0;
    background:var(--blood);
    transform:translateX(-100%);
    transition:transform 0.3s;
    z-index:-1
}
.baal-btn:hover{
    color:#000
}
.baal-btn:hover::before{
    transform:translateX(0)
}

/* FOOTER */
.baal-footer{
    text-align:center;
    padding:3rem 2rem;
    border-top:2px solid var(--blood);
    background:rgba(5,2,1,0.95);
    margin-top:4rem
}
.footer-sigil{
    font-size:4rem;
    color:var(--blood);
    text-shadow:0 0 30px var(--blood);
    margin-bottom:1rem;
    animation:sigilPulse 3s ease-in-out infinite
}
@keyframes sigilPulse{
    0%,100%{transform:scale(1)}
    50%{transform:scale(1.05)}
}
.footer-text{
    font-size:1.1rem;
    color:var(--blood);
    text-transform:uppercase;
    letter-spacing:0.3em;
    margin-bottom:0.5rem;
    font-weight:900
}
.footer-sub{
    font-size:0.9rem;
    color:var(--ember);
    text-transform:uppercase;
    letter-spacing:0.2em;
    margin-bottom:1.5rem
}
.footer-credits{
    font-size:0.7rem;
    color:#886644;
    line-height:1.8
}

/* HERO SECTION */
.hero{
    text-align:center;
    padding:4rem 2rem;
    background:radial-gradient(ellipse at center,rgba(255,40,0,0.1),transparent);
    border-radius:20px;
    margin-bottom:3rem;
    border:1px solid rgba(255,40,0,0.2)
}
.hero h2{font-size:3rem;margin-bottom:1rem}
.hero .subtitle{font-size:1.2rem;color:var(--ember);margin-bottom:2rem}
.hero .sigil{font-size:8rem;color:var(--blood);text-shadow:0 0 50px var(--blood);animation:sigilPulse 3s ease-in-out infinite}

/* ADMIN STYLES */
.baal-admin-wrap{padding:1rem}
.baal-admin-title{
    font-size:2.5rem;
    color:var(--blood);
    text-align:center;
    margin-bottom:2rem;
    text-shadow:0 0 20px var(--blood)
}
.baal-admin-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(350px,1fr));
    gap:1.5rem
}
.baal-admin-card{
    background:rgba(15,8,4,0.95);
    border:1px solid var(--blood);
    padding:1.5rem
}
.baal-admin-card h3{
    color:var(--blood);
    border-bottom:1px solid var(--blood);
    padding-bottom:0.5rem;
    margin-bottom:1rem
}
.baal-admin-card ul{list-style:none;padding:0;margin:0}
.baal-admin-card li{
    padding:0.5rem 0;
    border-bottom:1px solid rgba(255,40,0,0.1);
    display:flex;
    align-items:center;
    gap:0.5rem
}
.baal-admin-card li:last-child{border-bottom:none}
.baal-badge{
    display:inline-block;
    padding:0.2rem 0.6rem;
    background:var(--blood);
    color:#000;
    font-size:0.65rem;
    text-transform:uppercase;
    font-weight:bold
}

/* FORM STYLES */
.baal-form input,.baal-form textarea,.baal-form select{
    width:100%;
    padding:0.75rem 1rem;
    background:rgba(0,0,0,0.5);
    border:1px solid rgba(255,40,0,0.3);
    color:var(--ash);
    font-family:'JetBrains Mono',monospace;
    font-size:0.9rem;
    margin-bottom:1rem;
    transition:border-color 0.3s
}
.baal-form input:focus,.baal-form textarea:focus,.baal-form select:focus{
    outline:none;
    border-color:var(--blood);
    box-shadow:0 0 20px rgba(255,40,0,0.3)
}
.baal-form label{
    display:block;
    margin-bottom:0.5rem;
    color:var(--ember);
    text-transform:uppercase;
    font-size:0.75rem;
    letter-spacing:0.1em
}

/* RESPONSIVE */
@media(max-width:768px){
    .baal-title{font-size:2.5rem;letter-spacing:0.3em}
    .baal-nav a{padding:0.4rem 0.7rem;font-size:0.65rem}
    .baal-main{padding:1rem}
    .baal-sigil-watermark{font-size:150px}
    .footer-sigil{font-size:2.5rem}
    .baal-pre{font-size:0.65rem}
    .hero h2{font-size:2rem}
    .hero .sigil{font-size:4rem}
}

/* WORDPRESS SPECIFIC */
.wp-block-group,.wp-block-columns,.wp-block-column,.wp-block-cover,.wp-block-media-text,.wp-block-group__inner-container{
    background:transparent !important
}
.wp-block-button__link{
    background:transparent !important;
    border:2px solid var(--blood) !important;
    color:var(--blood) !important;
    text-transform:uppercase;
    letter-spacing:0.2em;
    font-family:'Orbitron',sans-serif
}
.wp-block-button__link:hover{color:#000 !important;background:var(--blood) !important}

/* CANVAS PARTICLES */
#baal-canvas{
    position:fixed;
    top:0;left:0;
    width:100%;height:100%;
    pointer-events:none;
    z-index:-1;
    opacity:0.6
}

/* ACCESSIBILITY */
:focus-visible{outline:2px solid var(--blood);outline-offset:2px}
.skip-link{position:absolute;top:-100%;left:0;background:var(--blood);color:#000;padding:1rem;z-index:1000}
.skip-link:focus{top:0}