/* Original theme developed by Ed Adamns on tumblr*/
/* Reworked for self-hosting by a series of kryptids*/
/* --- 0. CUSTOM FONTS --- */
@font-face {
    font-family: 'Chicago';
    src: url('https://kuntboyz.world/assets/fonts/Chicago%20Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* --- GLOBAL --- */
body {
    background-color: #555;
    margin: 0; padding: 0;
    font-family: 'Chicago', 'Verdana', sans-serif;
    font-size: 12px;
    overflow: hidden;
    user-select: none;
    -webkit-font-smoothing: none;
    -moz-osx-font-smoothing: grayscale; 
}
a { text-decoration: none; color: black; cursor: default; }

.desktop {
background-image: url("https://kuntboyz.world/assets/catbg.png");
    background-color: #514cb7;
    width: 100vw; height: 100vh;
    position: relative;
}

/* --- MENU BAR --- */
.menu_bar {
    background: #ddd url('https://kuntboyz.world/assets/menu.png') repeat-x;
    height: 20px;
    display: flex;
    align-items: center;
    padding: 0 10px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    position: relative;
    z-index: 9999;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.apple_logo {
    display: block;
    width: 11px; height: 14px;
    background: url('https://kuntboyz.world/assets/master_sprite.png') 0px -18px no-repeat;
    margin-right: 15px;
    cursor: pointer;
}
.apple_logo:empty { text-decoration: none; }

#nav { list-style: none; padding: 0; margin: 0; display: flex; }
.menu-item { position: relative; margin-right: 15px; }
.menu-name { cursor: pointer; padding: 2px 8px; }
.menu-name:active, .menu-item:hover .menu-name { 
    background-color: #000080; 
    color: white; 
    border-radius: 4px 4px 0 0;
}

/* DROPDOWN */
.dropdown {
    display: none;
    position: absolute; top: 18px; left: 0;
    background-color: #ddd; border: 1px solid black;
    box-shadow: 2px 2px 3px rgba(0,0,0,0.5);
    min-width: 100px; list-style: none; padding: 2px 0;
    z-index: 10000;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    overflow: hidden;
}
.dropdown li { padding: 3px 15px; white-space: nowrap; color: black; }
.dropdown li:hover { background-color: #000080; color: white; }
.dropdown .separator { height: 1px; background: #999; border-bottom: 1px solid white; margin: 3px 2px; }

/* --- ICONS --- */
.icons {
    position: absolute; right: 3%; top: 68px;
    display: flex; flex-direction: column; align-items: flex-end;
}
.icon-group {
    margin-bottom: 20px; width: 75px;
    text-align: center; display: flex; flex-direction: column; align-items: center;
    cursor: pointer;
}
.icon-img {
    display: block; margin: 0 auto;
    background-image: url('https://kuntboyz.world/assets/master_sprite.png');
    background-repeat: no-repeat;
}
.computer-icon { width: 32px; height: 32px; background-position: -114px 0; }
.folder-icon   { width: 30px; height: 32px; background-position: -178px 0; }
.trash-icon    { width: 28px; height: 32px; background-position: -53px 0; }

.icon-label { background: white; padding: 0 1px; font-size: 11px; margin-top: 4px; color: black; }
.icon-group:active .icon-img { filter: brightness(0.7); }
.icon-group:active .icon-label { background-color: #00008B; color: white; }

/* --- WINDOWS (POSTS) --- */
.window {
    position: absolute;
    width: 536px;
    display: flex; flex-direction: column;
    z-index: 10;
}

.window .top {
    background: url('https://kuntboyz.world/assets/master_sprite.png') 0px -32px no-repeat;
    width: 536px; height: 22px;
}

.window .middle {
    background: #ddd url('https://kuntboyz.world/assets/window_middle_smaller.png') repeat-y; 
    width: 500px; 
    padding: 4px 26px 4px 10px;
    font-family: 'Chicago', serif; font-size: 14px;
    line-height: 1.4;
}

.window .bottom {
    background: url('https://kuntboyz.world/assets/master_sprite.png') 0px -54px no-repeat;
    width: 536px; height: 22px;
}

.window .title { font-size: 1.2em; font-weight: normal; margin-bottom: 5px; }
.window .meta { margin-top: 10px; font-size: 10px; border-top: 1px dashed #999; padding-top: 5px; color: #555; }

/* --- NEW: CLOSE BOX (Invisible Clickable Area) --- */
.close-box {
    position: absolute;
    top: 6px;      /* Vertical alignment for the button */
    left: 8px;     /* Horizontal alignment */
    width: 11px;   /* Size of the square in the sprite */
    height: 11px;
    z-index: 50;   /* Sits on top of the drag handle */
    cursor: default; 
}
.close-box:active {
    background-color: rgba(0, 0, 0, 0.2); 
    border-radius: 2px;
}

/* --- DESCRIPTION (ABOUT BOX) --- */
.description {
    position: absolute;
    width: 255px; 
    z-index: 20;
}

.description .top {
    background: url('https://kuntboyz.world/assets/master_sprite.png') 0 -76px no-repeat;
    width: 255px; height: 23px;
}

.description .middle {
    background: #eee url('https://kuntboyz.world/assets/about_middle.png') repeat-y;
    width: 235px;
    padding: 0 10px 5px 10px;
    text-align: center;
}

.description .bottom {
    background: url('https://kuntboyz.world/assets/master_sprite.png') 0px -99px no-repeat;
    width: 255px; height: 8px;
}

.ok_button {
    background: url('https://kuntboyz.world/assets/master_sprite.png') -255px -76px no-repeat;
    width: 80px; height: 26px;
    margin: 5px auto 0;
    cursor: pointer;
}
.ok_button:active { filter: brightness(0.8); }

/* --- FINDER ICON & CLOCK --- */
.finder_icon {
    display: block;
    width: 16px; height: 16px;
    background: url('https://kuntboyz.world/assets/master_sprite.png') no-repeat;
    background-position: -81px -16px; 
    margin-left: auto; 
    margin-right: 6px; 
    cursor: default;
}

.clock {
    font-weight: normal;
    cursor: default;
    padding-right: 10px; 
    padding-top: 1px;    
    font-family: 'Chicago', sans-serif;
    font-size: 11px;
}

/* --- UTILS --- */
.finder_icon, .clock, .apple_logo, .menu-name {
    user-select: none;
}