.admin-text{
    color: red;
    font-weight: bold;
}


/* paste icon pinned, password protected, private, unlisted */
.paste-icon{
    font-size:19px;
    vertical-align:middle;
    margin-right:3px;
    text-decoration: none;
}
div.paste-properties{
    text-align: right;
}
div.paste-properties span i.material-icons{
    font-size: 17px;
    display: inline;
    padding-right: 3px;
    vertical-align:middle;
}
div.paste-properties span span{
    display: inline-block;
    padding-top: 2px;
}
div.paste-properties span{
    color: rgb(214, 52, 52);
}



.uinfo a{
    display: block;
}
.uinfo a:hover{
    background-color: #2d2d2d;
    text-decoration: none;
    color: inherit;
}


/* Paste highlight colours */
.table-hover>tbody>tr.rich-post{
    background-color: #3e3704;
}
.table-hover>tbody>tr.rich-post:hover{
    background-color: #312c04;
}
.table-hover>tbody>tr.clique-post{
    background-color: #09092f;
}
.table-hover>tbody>tr.clique-post:hover{
    background-color: #080827;
}
.table-hover>tbody>tr.council-post{
    background-color: rgb(17, 49, 70);
}
.table-hover>tbody>tr.council-post:hover{
    background-color: rgb(11, 36, 51);
}
table.table tbody tr.hidden-post{
    background-color: #421414 !important;
}
table.table tbody tr.hidden-post:hover{
    background-color: #381111 !important;
}

/* Buttons */
a.button{
    display: inline-block;
    padding: 5px 8px;
    background-color: #232323;
    color: white;
    border-radius: 2px;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: bold;
    margin: 0;
    width: auto;
}
a.button:focus{
    text-decoration: none;
}
a.button:hover{
    background-color: #2e2e2e;
    text-decoration:none;
}
a.button.button-red{
    border: solid 1px #ff0000;
}
a.button.button-green{
    border: solid 1px #00ff00;
}
a.button.button-blue{
    border: solid 1px #0000ff;
}

/* Show Paste */
body.bin > .btn{
    line-height: 1.2;
    color: white;
    background: #b21c1c;
    border: 0;
    border-radius: 2px;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    outline: none;
    padding: 5px 5px 3px 5px;
    vertical-align: top;
    /* margin-top: 8px; */
}
body.bin .admin-options li a{
    background-color: #753b3b;
}
body.bin .admin-options li a:hover{
    background-color: #4d2727;
}

/* Background Image from assets */
body, html {
    background-color: transparent !important;
    background: transparent !important;
}

body::before {
    content: "";
    position: fixed;
    inset: 0;
    background: url('/assets/bgtue.jpg') no-repeat center/cover;
    filter: blur(6px) brightness(0.35);
    z-index: -10;
    pointer-events: none;
}

/* Semi-transparent table rows and pages content for modern glass/transparency look */
.table-striped tbody > tr:nth-child(2n+1) > td,
.table-striped tbody > tr:nth-child(2n+1) > th {
    background-color: rgba(23, 25, 26, 0.75) !important;
}

.table-striped tbody > tr:nth-child(2n) > td,
.table-striped tbody > tr:nth-child(2n) > th {
    background-color: rgba(15, 15, 15, 0.75) !important;
}

td, tr, tbody, table {
    background-color: transparent !important;
}

/* For main containers, make them semi-transparent instead of solid black */
.sidebar, .show-container, .wrapper, .container {
    background-color: rgba(6, 6, 6, 0.75) !important;
}

/* Shifting/glimmering gradient animations for nicks */
.gradient-text-rainbow {
    background: linear-gradient(90deg, #ff0000, #ff7f00, #ffff00, #00ff00, #0000ff, #4b0082, #9400d3);
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: shine-nick 3s linear infinite;
    font-weight: bold;
}

.gradient-text-gold {
    background: linear-gradient(90deg, #ffd700, #ffa500, #ffe4b5, #ffa500, #ffd700);
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: shine-nick 3s linear infinite;
    font-weight: bold;
}

.gradient-text-cosmic {
    background: linear-gradient(90deg, #8a2be2, #4169e1, #00ffff, #4169e1, #8a2be2);
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: shine-nick 3s linear infinite;
    font-weight: bold;
}

@keyframes shine-nick {
    to {
        background-position: 200% center;
    }
}

/* Universal override to strip unwanted white text-shadows, outlines, and underlines from Bootstrap */
.announcement, .announcement a,
.navbar, .navbar *,
.navbar-brand, .brand,
.nav > li > a,
h1, h2, h3, h4, h5, h6,
p, span, td, th {
    text-shadow: none !important;
    text-decoration: none !important;
    box-shadow: none !important;
    outline: none !important;
}

/* Retain hover underline for standard page links for usability */
.table td a:hover, .profile-pastes a:hover, a.btn-back:hover {
    text-decoration: underline !important;
}

/* Custom Live Gradient Nickname styling with double color drop-shadow glow */
.gradient-text-custom {
    background: linear-gradient(90deg, var(--color1, #ff0000), var(--color2, #0000ff), var(--color1, #ff0000));
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: shine-nick 3s linear infinite;
    font-weight: bold;
    filter: drop-shadow(0 0 3px var(--color1, #ff0000)) drop-shadow(0 0 5px var(--color2, #0000ff));
}

/* Lower navbar items slightly for better layout alignment */
.navbar-brand,
.navbar-nav > li > a,
.navbar-nav > li > form,
.navbar-toggle {
    transform: translateY(8px);
}

/* Mobile responsive adjustments */
@media (max-width: 767px) {
    .r-hide {
        display: none !important;
    }
    
    /* Shrink padding and text inside tables to fit mobile screens */
    .table th, .table td {
        padding: 6px 4px !important;
        font-size: 11px !important;
    }
    
    /* Make sure the main content columns don't overflow */
    .col-md-7 {
        width: 100% !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    
    /* Layout styling for /upload/<filename> page on mobile */
    body.bin .table {
        display: block !important;
    }
    
    body.bin .sidebar {
        display: block !important;
        width: 100% !important;
        position: relative !important;
        height: auto !important;
        box-shadow: none !important;
        margin-top: 15px !important;
        padding: 10px !important;
    }
    
    body.bin .show-container {
        display: block !important;
        width: 100% !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        margin-bottom: 20px !important;
    }
}