@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@700&display=swap');

/* --- TEMA METIN2RELOAD ITEM-SHOP --- */

/* 1. FUNDALUL: Imaginea ta, mult mai vizibila acum */
body {
    background: url('../images/bg.jpg') no-repeat center center fixed !important;
    background-size: cover !important;
    text-align: left;
    color: #fce6a4;
    font-size: 14px;
    margin:0;
    padding:0;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
}

/* Filtrul negru facut mult mai transparent (de la 0.85 la 0.4) */
body::before {
    content: ''; position: fixed; top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(5, 5, 5, 0.4) !important; 
    z-index: -1; pointer-events: none;
}

/* 2. BARA DE SUS (Meniul) */
.header_bg {
    background-color: rgba(10, 10, 10, 0.6) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-bottom: 2px solid rgba(197, 160, 89, 0.4) !important;
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 1000;
}

#BG_top {
    position:relative;
    width: 100%;
    max-width: 1200px;
    height: 110px; 
    background-color: transparent !important;
    margin: 0 auto;
}

#BG_top > .betaicon { display: none !important; }

/* 3. LOGO-UL: Auriu Metin2Reload */
.header_logo { position: absolute; height: 100px; width: 400px; left: 20px; top: 0; }
.header_logo img { display: none !important; } 
.header_logo a::after {
    content: 'METIN2RELOAD';
    font-family: 'Cinzel', serif;
    font-size: 34px;
    font-weight: 700;
    color: #c5a059;
    text-shadow: 0 5px 15px rgba(212, 175, 55, 0.6);
    display: block;
    margin-top: 35px;
    letter-spacing: 3px;
}

/* 4. ALINIEREA BUTOANELOR IN DREAPTA */
#BG_top > .user_info_logged_off {
    position: absolute;
    min-width: 200px;
    max-width: 300px;
    right: 20px;
    top: 20px;
}

#BG_top > .user_info_logged_off .btn-info {
    background: linear-gradient(180deg, #bf953f 0%, #fcf6ba 50%, #b38728 100%) !important;
    border: 1px solid #8a6d3b !important; 
    color: #1a150f !important; 
    font-weight: bold !important;
    text-transform: uppercase;
    padding: 10px 20px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.5);
}

#BG_top > .user_lang { position: absolute; height: 30px; right: 20px; top: 75px; }

/* User logat */
#BG_top > .user_info {
    position: absolute;
    padding: 10px;
    background: rgba(15, 15, 15, 0.5) !important;
    backdrop-filter: blur(5px) !important;
    border: 1px solid rgba(212, 175, 55, 0.3) !important;
    border-radius: 8px !important;
    min-width: 300px; max-width: 400px;
    right: 120px; top: 15px; color: #fce6a4;
}

#BG_top > .user_logout { position: absolute; right: 20px; top: 25px; }

#BG_top > .user_logout .btn-danger {
    background: linear-gradient(180deg, #444 0%, #222 100%) !important; 
    color: #fff !important; border: 1px solid #555 !important;
}

/* 5. DESIGN PANOURI SI ITEME */
.item_img { float: left; margin: 5px; border: 1px solid rgba(212, 175, 55, 0.4); background-color: rgba(15, 15, 15, 0.4); border-radius: 5px; }
.border-right { border-right: 1px solid rgba(138, 109, 59, 0.3); height: 100%; }
.borders { border-left: 1px solid rgba(138, 109, 59, 0.3); border-right: 1px solid rgba(138, 109, 59, 0.3); margin: -1px; }
.border-left { border-left: 1px solid rgba(138, 109, 59, 0.3); }

.num, .price, .start { color: #fce6a4; text-shadow: 1px 1px 3px black; }
.price { font-weight: bold; margin: 1.3em 0; text-align: center; }
.item-name { line-height: 40px; font-weight: bold; font-family: 'Cinzel', Arial, sans-serif; font-size: 16px; color: #c5a059; text-shadow: 1px 1px 3px black; }

/* Container General si Subsol */
.container { padding-top: 150px !important; }

.footer {
    bottom: 0%; width: 100%; font-size: 14px; color: rgba(252, 230, 164, 0.6);
    border: 0; margin: 0; padding: 32px 0; background-color: rgba(0, 0, 0, 0.8);
    border-top: 1px solid rgba(197, 160, 89, 0.2); text-align: center;
}

/* Panoul central mult mai transparent */
.primary_panel_border, .panel {
    background: rgba(10, 10, 10, 0.3) !important; /* Aproape invizibil */
    backdrop-filter: blur(5px);
    border: 1px solid rgba(212, 175, 55, 0.3) !important;
    border-radius: 8px !important;
    padding: 20px;
    box-shadow: 0 8px 32px 0 rgba(0,0,0,0.4);
    color: #fce6a4;
}

.dropdown-menu { background: rgba(10, 10, 10, 0.9) !important; border: 1px solid #c5a059 !important; }
.dropdown-menu > li > a { color: #fce6a4 !important; }
.dropdown-menu > li > a:hover { background: rgba(197, 160, 89, 0.2) !important; color: #fff !important; }
.btn-default.dropdown-toggle { background: transparent !important; color: #c5a059 !important; border: 1px solid #c5a059 !important; text-shadow: none !important; }

/* 6. BUTOANE FORMULARE SI ADMIN */
form .btn-primary, form .btn-success, form .btn-info, a.btn-primary, a.btn-info, button.btn-primary, button.btn-info {
    background: linear-gradient(180deg, #bf953f 0%, #fcf6ba 50%, #b38728 100%) !important;
    border: 1px solid #8a6d3b !important; 
    color: #1a150f !important; 
    font-weight: bold !important;
    text-transform: uppercase;
    box-shadow: 0 4px 10px rgba(0,0,0,0.5);
    transition: 0.3s ease;
}

form .btn-primary:hover, form .btn-success:hover, form .btn-info:hover, a.btn-primary:hover, a.btn-info:hover, button.btn-primary:hover, button.btn-info:hover {
    transform: translateY(-2px); 
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.5) !important; 
    color: #000 !important;
}

.panel-body, .panel-heading { background: transparent !important; color: #fce6a4 !important; border: none !important; }

/* --- 8. FORMULAR ADAUGARE ITEME ULTRA-TRANSPARENT --- */
form, .table-responsive, table { background: transparent !important; }

/* Casutele de text facute ca sticla fina */
input[type="text"], input[type="number"], input[type="password"], select, textarea, .form-control {
    background-color: rgba(255, 255, 255, 0.05) !important; /* Sticla foarte transparenta */
    border: 1px solid rgba(212, 175, 55, 0.4) !important; 
    color: #fff !important; 
    padding: 10px 15px !important;
    border-radius: 5px !important;
    transition: 0.3s ease !important;
    width: 100%;
    box-sizing: border-box;
}

input[type="text"]:focus, input[type="number"]:focus, input[type="password"]:focus, select:focus, textarea:focus, .form-control:focus {
    border: 1px solid #ffdf00 !important;
    box-shadow: 0 0 10px rgba(255, 223, 0, 0.3) !important;
    outline: none !important;
    background-color: rgba(255, 255, 255, 0.1) !important; 
}

label, td, th {
    color: #c5a059 !important;
    font-weight: bold !important;
    background-color: transparent !important;
    border: none !important;
    text-shadow: 1px 1px 3px black; /* Adaugam o mica umbra la text ca sa fie lizibil pe fundal transparent */
}

/* FIX PENTRU LISTA ALBA DE LA DROP-DOWN (SELECT) */
select option {
    background-color: #111111 !important; /* Fundal gri foarte inchis / negru */
    color: #fce6a4 !important; /* Scris auriu deschis */
    font-weight: bold !important;
    padding: 5px !important;
}