/* ======================================
   PRISTINE WORLD - TABLE & BUTTON STANDARDIZATION
   Consistent colors and styles for all elements
   ====================================== */

/* GLOBAL TEXT STANDARDIZATION */
body, body * {
    color: #d4c4a8 !important;
}

/* STANDARD TABLE STYLING */
table, .table, 
.sinfotable,
table td, table th,
.sinfotable td, .sinfotable th {
    background: linear-gradient(145deg, #1a1612 0%, #0f0f0a 100%) !important;
    border: 1px solid rgba(139,69,19,0.4) !important;
    color: #d4c4a8 !important;
    padding: 10px 12px !important;
    font-family: 'Cinzel', serif !important;
    font-size: 12px !important;
}

/* TABLE HEADERS */
table th, .sinfotable th,
.table th, thead th {
    background: linear-gradient(180deg, #8b6914 0%, #654321 100%) !important;
    color: #d4af37 !important;
    font-weight: bold !important;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.8) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
    border-bottom: 2px solid #d4af37 !important;
}

/* TABLE ROWS HOVER */
table tr:hover td, 
.sinfotable tr:hover td,
.table tr:hover td {
    background: linear-gradient(90deg, rgba(139,69,19,0.3) 0%, rgba(212,175,55,0.1) 100%) !important;
    color: #e5d5b8 !important;
}

/* ALTERNATING ROW COLORS */
table tr:nth-child(even) td,
.sinfotable tr:nth-child(even) td {
    background: linear-gradient(145deg, #1f1b16 0%, #14140e 100%) !important;
}

table tr:nth-child(odd) td,
.sinfotable tr:nth-child(odd) td {
    background: linear-gradient(145deg, #1a1612 0%, #0f0f0a 100%) !important;
}

/* STANDARD BUTTON STYLING */
button, input[type="submit"], input[type="button"],
.btn, .button, .inputbtn, .loginbtn, .createbtn,
a.button, a.btn {
    background: linear-gradient(145deg, #8b6914 0%, #654321 50%, #3e2723 100%) !important;
    border: 2px outset #d4af37 !important;
    color: #d4af37 !important;
    padding: 10px 18px !important;
    font-weight: bold !important;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.8) !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    font-family: 'Cinzel', serif !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
    border-radius: 3px !important;
    box-shadow: 
        0 2px 8px rgba(0,0,0,0.4),
        inset 0 1px 0 rgba(212,175,55,0.2) !important;
    text-decoration: none !important;
    display: inline-block !important;
    font-size: 11px !important;
    text-indent: 0 !important;
    overflow: visible !important;
    white-space: nowrap !important;
    line-height: normal !important;
    vertical-align: middle !important;
    text-align: center !important;
}

/* FORCE BUTTON TEXT TO SHOW */
button *, input[type="submit"] *, input[type="button"] *,
.btn *, .button *, .inputbtn *, .loginbtn *, .createbtn *,
a.button *, a.btn * {
    color: #d4af37 !important;
    background: none !important;
    background-image: none !important;
    text-indent: 0 !important;
    overflow: visible !important;
    display: inline !important;
    visibility: visible !important;
    opacity: 1 !important;
    font-size: inherit !important;
}

/* BUTTON HOVER EFFECTS */
button:hover, input[type="submit"]:hover, input[type="button"]:hover,
.btn:hover, .button:hover, .inputbtn:hover, .loginbtn:hover, .createbtn:hover,
a.button:hover, a.btn:hover {
    background: linear-gradient(145deg, #a67c1a 0%, #7a4f28 50%, #4a302a 100%) !important;
    border-color: #ffd700 !important;
    color: #ffd700 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 15px rgba(212,175,55,0.3) !important;
}

/* STANDARD INPUT FIELD STYLING */
input[type="text"], input[type="password"], input[type="email"],
textarea, select, .inputtext {
    background: linear-gradient(145deg, #1a1612 0%, #0f0f0a 100%) !important;
    border: 2px inset #8b6914 !important;
    color: #d4c4a8 !important;
    padding: 8px 12px !important;
    font-family: 'Cinzel', serif !important;
    font-size: 11px !important;
    border-radius: 3px !important;
    transition: all 0.3s ease !important;
}

input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus,
textarea:focus, select:focus, .inputtext:focus {
    outline: none !important;
    border-color: #d4af37 !important;
    background: linear-gradient(145deg, #1f1b16 0%, #14140e 100%) !important;
    box-shadow: 0 0 10px rgba(212,175,55,0.3) !important;
}

/* STANDARD LINK STYLING */
a, a:link {
    color: #d4af37 !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
}

a:hover {
    color: #ffd700 !important;
    text-shadow: 0 0 5px rgba(255,215,0,0.5) !important;
}

/* STANDARD TEXT ELEMENTS */
p, span, div, td, th, li, h1, h2, h3, h4, h5, h6 {
    color: #d4c4a8 !important;
    font-family: 'Cinzel', serif !important;
}

/* HEADERS */
h1, h2, h3, h4, h5, h6 {
    color: #d4af37 !important;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.8) !important;
    font-weight: bold !important;
}

/* FORM STYLING */
form {
    background: rgba(26,22,18,0.6) !important;
    border: 2px outset #8b6914 !important;
    border-radius: 5px !important;
    padding: 15px !important;
    margin: 10px 0 !important;
}

/* SELECT DROPDOWN */
select {
    background: linear-gradient(145deg, #1a1612 0%, #0f0f0a 100%) !important;
    border: 2px inset #8b6914 !important;
    color: #d4c4a8 !important;
}

/* PAGINATION STYLING */
.pagination a, .pagination span {
    background: linear-gradient(145deg, #8b6914 0%, #654321 100%) !important;
    border: 1px solid #d4af37 !important;
    color: #d4af37 !important;
    padding: 8px 12px !important;
    margin: 0 2px !important;
    text-decoration: none !important;
    font-weight: bold !important;
}

.pagination a:hover {
    background: linear-gradient(145deg, #a67c1a 0%, #7a4f28 100%) !important;
    color: #ffd700 !important;
}

/* ACTIVE PAGINATION */
.pagination .active {
    background: linear-gradient(145deg, #d4af37 0%, #b8941f 100%) !important;
    color: #1a1612 !important;
}

/* FORUM POST STYLING */
.post, .forum-post, .message {
    background: linear-gradient(145deg, #1a1612 0%, #0f0f0a 100%) !important;
    border: 2px outset #8b6914 !important;
    border-radius: 5px !important;
    padding: 15px !important;
    margin: 10px 0 !important;
    color: #d4c4a8 !important;
}

/* QUOTATION STYLING */
blockquote, .quote {
    background: linear-gradient(145deg, #2a2218 0%, #1f1b16 100%) !important;
    border-left: 4px solid #d4af37 !important;
    padding: 10px 15px !important;
    margin: 10px 0 !important;
    font-style: italic !important;
    color: #e5d5b8 !important;
}

/* STATUS INDICATORS */
.online, .status-online {
    color: #4CAF50 !important;
    font-weight: bold !important;
}

.offline, .status-offline {
    color: #F44336 !important;
    font-weight: bold !important;
}

/* RESPONSIVE ADJUSTMENTS */
@media (max-width: 768px) {
    table, .sinfotable {
        font-size: 10px !important;
    }
    
    table td, table th,
    .sinfotable td, .sinfotable th {
        padding: 6px 8px !important;
    }
    
    button, input[type="submit"], input[type="button"],
    .btn, .button, .inputbtn, .loginbtn, .createbtn {
        padding: 8px 12px !important;
        font-size: 10px !important;
    }
}

@media (max-width: 480px) {
    table, .sinfotable {
        font-size: 9px !important;
    }
    
    table td, table th,
    .sinfotable td, .sinfotable th {
        padding: 4px 6px !important;
    }
}