/*==========================================================================
    GHOSTCAM — FULL CHRISTMAS MODE (Red + Gold + Frost + GIF Chat BG)
    DESIGNET TIL AT VIRKE 1:1 MED HELE GHOSTCAM UI'ET
    KUN UI/FARVER ÆNDRET — ALLE FUNKTIONER ER IDENTISKE
==========================================================================*/

/* FONT */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap");

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/*==============================================================
    GLOBALT
==============================================================*/
body {
    font-family: "Inter", sans-serif;
    background: #0d0f14; /* mørk julebaggrund til hele UI'et */
    color: #ffffff;
}

/* Links */
a {
    color: #f5d27a; /* guld */
}

/* Generelle input / felter */
input,
textarea,
button,
label,
.post_input_container {
    background: rgba(255, 255, 255, 0.06);
    color: #fff;
    border: 1px solid rgba(255,255,255,0.18) !important;
    border-radius: 4px;
}

/*==============================================================
    ALLE PANELER / BOKSE — FROSTED GLASS
==============================================================*/
.backglob,
.back_panel,
.back_priv,
.back_menu,
.back_modal,
.back_pmenu,
.back_box,
.back_input,
.page_element {
    background: rgba(15, 16, 22, 0.80);
    border: 1px solid rgba(255, 255, 255, 0.06);
    backdrop-filter: blur(5px);
}

/*==============================================================
    TOP + BUND (Header/Footer)
==============================================================*/
.bhead,
.modal_top,
.pro_top {
    background: linear-gradient(90deg, #1b1c22, #241e1e);
    border-bottom: 1px solid rgba(255,215,75,0.25);
    box-shadow: 0 0 16px rgba(200, 20, 20, 0.45);
}

.bfoot,
.foot {
    background: #1c1d22;
    border-top: 1px solid rgba(255,215,75,0.20);
}

/*==============================================================
    CHAT-BAGGRUND — KUN I #container_chat
==============================================================*/

#container_chat {
    position: relative;
    overflow: hidden;
}

/* Din GIF-baggrund */
#container_chat::before {
    content: "";
    position: absolute;
    inset: 0;

    background: url("./images/5.gif") no-repeat center center;
    background-size: cover; /* fylder hele chatten */

   /* opacity: 0.55;     /* baggrund synlig men ikke for meget */
    /* filter: blur(1.5px);*/ /* let frost — IKKE utydelig */
    z-index: 1;
    pointer-events: none;
}

/* alt indhold OVER baggrunden */
#container_chat > * {
    position: relative;
    z-index: 2;
}

/*==============================================================
    CHAT INDHOLD
==============================================================*/

.back_chat {
    background: rgba(10, 10, 15, 0.62);
   /* backdrop-filter: blur(4px);*/
    border: 1px solid rgba(255,215,75,0.15);
    position: relative;
}

/* BOBLER – Rød/Guld juletema */
.target_private {
    background: rgba(180, 20, 20, 0.92);
    border-left: 3px solid #f5d27a;
    box-shadow: 0 0 10px rgba(255,70,70,0.35);
    color: #fff;
}

.hunter_private {
    background: rgba(35,45,85,0.92);
    border-right: 3px solid #f5d27a;
    box-shadow: 0 0 10px rgba(0,120,255,0.25);
    color: #fff;
}

/* QUOTES */
.cquote {
    background: rgba(255,255,255,0.06);
    border-left: 3px solid #d93030;
}
.cqname {
    color: #f5d27a;
}
.cqmess {
    color: #e6e6e6;
}

/* SYSTEM */
.chat_system {
    color: #e1e1e1;
}

/*==============================================================
    MENUER & LISTER
==============================================================*/
.bmenu,
.submenu {
    border-bottom: 1px solid rgba(255,255,255,0.08);
}
.bmenu:hover,
.submenu:hover {
    background: rgba(255,215,75,0.10);
}

.blist,
.blisting {
    border-bottom: 1px solid rgba(255,255,255,0.06);
}
.blisting:hover {
    background: rgba(255,215,75,0.12);
}

/*==============================================================
    SELECTED / ACTIVE – GULD
==============================================================*/
.bselected,
.rselected,
.pagselected,
.tab_selected,
.modal_selected,
.cselected {
    background: rgba(255, 215, 75, 0.20);
    box-shadow: inset 0 0 14px rgba(255, 215, 75, 0.25);
}

/* VIP/Tag */
.gtag {
    background: linear-gradient(90deg, #f5d27a, #f7e7bb);
    border: 1px solid rgba(255,255,255,0.12);
    color: #000;
}

/*==============================================================
    KNAPPER — JULE-RØD
==============================================================*/
.theme_btn,
.back_theme,
.ok_btn {
    background: #c02828;
    border: 1px solid rgba(255,215,75,0.25);
    box-shadow: 0 0 12px rgba(255,40,40,0.40);
    color: #fff;
    transition: 0.2s ease;
}
.theme_btn:hover,
.back_theme:hover,
.ok_btn:hover {
    background: #e13333;
    box-shadow: 0 0 20px rgba(255,70,70,0.60);
}

/* Alternative knapper */
.default_btn {
    background: rgba(255,255,255,0.10);
    border: 1px solid rgba(255,255,255,0.15);
    color: #fff;
}
.default_btn:hover {
    background: rgba(255,255,255,0.18);
}

.warn_btn {
    background: #e39920;
}
.delete_btn {
    background: #ad1f1f;
}

/*==============================================================
    INPUT LINJE MED FROST
==============================================================*/
.back_input {
    background: rgba(10,10,15,0.72);
    border-top: 2px solid rgba(255,215,75,0.22);
}

/*==============================================================
    SCROLLBAR
==============================================================*/
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: rgba(255,255,255,0.04);
}
::-webkit-scrollbar-thumb {
    background: #b82222;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #e13333;
}

/*==============================================================
    SLIDERS
==============================================================*/
.boom_slider .ui-widget-content {
    background: #ddd;
}
.boom_slider .ui-slider-range {
    background: #b82121;
}
.boom_slider .ui-state-default {
    background: #e03333 !important;
}

/*==============================================================
    LOGO
==============================================================*/
.head_logo img,
.chat_head_logo img {
    height: 25px;
    filter: drop-shadow(0 0 6px rgba(255,215,75,0.6)); /* Gold glow */
}