/* ============================================================
   5starDesk — stil_merged.css
   Sectiunea 1: stil_nou.css original
   Sectiunea 2: stil.css original
   Sectiunea 3: imbunatatiri vizuale header (DOAR bg + dividers)
   ============================================================ */


/* ═══════════════════════════════════════════════════
   1. STIL_NOU.CSS
   ═══════════════════════════════════════════════════ */

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
input[type=number] { -moz-appearance: textfield; }
.form-inline .form-control { display: inline-block !important; }
@media (max-width: 991px) {
  .scrolx { overflow-x: scroll; }
  .navbar .dropdown ul li a { color: #fff!important; }
  .navbar-header { float: none; color: #FFF; }
  .navbar-toggle { display: block; }
  .navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); }
  .navbar-collapse.collapse { display: none!important; }
  .navbar-nav { float: none!important; margin: 7.5px -15px; }
  .navbar-nav > li { float: none; }
  .navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; }
  .navbar-text { float: none; margin: 15px 0; }
  .navbar-collapse.collapse.in { display: block!important; }
  .collapsing { overflow: hidden!important; }
}
#div_add { width: auto; overflow: visible; }
.meniu_orizontal .navbar-header a,
.meniu_orizontal .navbar-header a:hover,
.meniu_orizontal span { color: #FFF; }
.select2-container { width: 100% !important; }
.meniu_stanga .collapse { padding: 0; }
.meniu_stanga li.active a, .meniu_stanga li.active a:hover { background-color: #090 !important; border-radius: 0px; }
.meniu_stanga .navbar { -webkit-box-shadow: 0px 0px 10px -4px rgba(0,0,0,0.59); -moz-box-shadow: 0px 0px 10px -4px rgba(0,0,0,0.59); box-shadow: 0px 0px 10px -4px rgba(0,0,0,0.59); }
.meniu_stanga .navbar .nav li a i { width: 20px; }
.col-md-10 { padding-right: 0; padding-top: 10px; }
.col-md-2 { padding-right: 0; }
.col-md-12 { padding-right: 0; }
.div_rezultate { z-index: 2000; }
.col-sm-4 { padding-right: 0; }
.navbar-brand { font-size: 25px; line-height: 25px; font-weight: bold; font-family: Verdana, Geneva, sans-serif; }
.alert li { list-style: none; }
a:hover { text-decoration: none!important; }
.dropdown ul li a { color: #f4511e!important; }
.switch { position: relative; display: inline-block; width: 60px; height: 34px; }
.switch input { display: none; }
.slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; transition: .4s; }
.slider:before { position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background-color: white; transition: .4s; }
input:checked + .slider { background-color: green; }
input:focus + .slider { box-shadow: 0 0 1px green; }
input:checked + .slider:before { -webkit-transform: translateX(26px); transform: translateX(26px); }
.slider.round { border-radius: 34px; }
.slider.round:before { border-radius: 50%; }
.buton_mic { padding: 0px; left: -5px; height: 10px; line-height: 7px; }
.tooltip { z-index: 300; position: fixed!important; }
.ui-datepicker { position: relative; z-index: 10000 !important; }
.fisa_right { text-align: right; font-weight: bold; }
.input-number { width: 50px!important; }
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.numar_mic { width: 70px!important; }
@media only screen and (max-width: 800px) {
  .masa_restaurant { left: 0!important; top: 0!important; position: relative; z-index: 200; width: 100%!important; min-height: 80px!important; max-height: 80px!important; margin-bottom: 10px; float: left; }
}
@media only screen and (min-width: 800px) {
  .masa_restaurant { position: absolute; z-index: 200; min-width: 50px; padding: 5px; border-radius: 20px; }
}
@media only screen and (max-width: 600px) {
  .de_picat { display: none; }
  .meniu_stanga .navbar { box-shadow: 0px 0px 5px -4px rgba(0,0,0,0.59); }
}
.masa_restaurant { color: white; text-align: center; border-width: 5px; border-style: solid; vertical-align: middle; font-size: 15px; }
.masa_libera { background-color: #5cb85c; border-color: #4cae4c; }
.masa_ocupata { background-color: #f0ad4e; border-color: #eea236; }
.fel_comanda { position: relative; text-align: center; }
.fel_comanda:before { content: ""; display: block; border-top: solid 1px #bebebe; width: 100%; height: 2px; position: absolute; top: 50%; z-index: 0; }
.fel_comanda span { background: #fff; padding: 0 10px; position: relative; z-index: 1; }
.fel_selectat { border: 1px solid green; }
.modal-fullscreen { background-color: white!important; width: 100%; height: 100%; padding: 0; }
@media print {
  input { width: 50px!important; }
  .div_rezervare { background-color: gray!important; -webkit-print-color-adjust: exact!important; }
  .albastrui { background-color: #6FF!important; }
  .albastru { background-color: #06F!important; color: #FFF; }
  .verde { background-color: #6C0!important; }
  .gri { background-color: #999!important; }
  .maro { background-color: #FEB86B!important; }
  .rezervare_rotund { border-radius: 3px; }
  #main_div { visibility: hidden; }
  .modal { visibility: all; overflow: visible!important; background-color: white!important; -webkit-print-color-adjust: exact!important; height: 100vh; }
}
.nopadding { padding-right: 0 !important; margin-right: 0 !important; }
.comanda_mesaj_nou { border: 5px solid red!important; }
input[type='checkbox'].form-control { height: 35px; width: 35px; padding: 0; margin: 0; }
.blink_me { animation: blinker 1s linear infinite; }
@keyframes blinker { 50% { opacity: 0.2; } }


/* ═══════════════════════════════════════════════════
   2. STIL.CSS
   ═══════════════════════════════════════════════════ */

.row { margin-right: 0px; }
#mesaj_site { z-index: 2000; margin: auto; text-align: center; width: 400px; height: 50px; line-height: 50px; font-size: 24px; position: fixed; left: 50%; margin-left: -200px; display: none; background-color: #030; color: #FFF; border-radius: 0 0 10px 10px; }
#maindiv { margin: auto; text-align: left; }
#left_menu { width: 160px; float: left; }
.dublu { height: 60px; }
#right_content { width: 100%; float: left; background-color: white; border-radius: 10px; padding: 15px; min-height: 400px; }
#logo { height: 100px; background-color: #6EAA2A; }
#div_tabel { display: block; position: relative; border-bottom: 1px solid #CCC; border-left: 1px solid #CCC; overflow: hidden; }
.div_rezervari { position: relative; display: block; padding: 0; margin: 0; overflow: hidden; }
.div_data { position: relative; width: 50px; height: 30px; float: left; display: block; padding: 0; margin: 0; box-sizing: border-box; border-right: 1px solid #e6e6e6; border-top: 1px solid #e6e6e6; transition: background 0.15s ease, box-shadow 0.15s ease; cursor: pointer; }
.div_data:hover { background: #f5f7fa; }
.div_data.hasurat { background: #ABFFB9; }
.div_data.weekend { background: #eef1f5; border-top: 1px solid #d6dbe1; border-right: 1px solid #d6dbe1; }
.div_data.weekend:hover { background: #e8ebf0; }
.div_data:nth-child(7n) { border-right: 1px solid #dcdcdc; }
.div_data.unavailable { background: #f1f1f1; color: #999; }
.div_data.selected { background: #e3f2fd; box-shadow: inset 0 0 0 2px #2196f3; }
.div_data.reserved { background: #e8f5e9; }
.div_data.checkin { border-left: 3px solid #2196f3; }
.div_data.checkout { border-right: 3px solid #ff9800; }
.div_data_fara_rezervari { position: relative; width: 50px; display: block; height: 30px; border-right: 1px solid #CCC; border-top: 1px solid #CCC; padding: 0; margin: 0; float: left; }
.hasurat { background-color: #A9FF91; }
.weekend { background-color: #E0E0E0; }
.hasurat1 { background-color: #C2FEB8; }
.div_data_text_mare { position: relative; display: block; height: 30px; width: 100%; line-height: 30px; border-right: 1px solid #CCC; border-top: 1px solid #CCC; padding: 0; margin: 0; float: left; overflow: hidden; }
.div_data_text { position: relative; width: 150px; display: block; height: 30px; line-height: 30px; border-right: 1px solid #CCC; border-top: 1px solid #CCC; padding: 0; margin: 0; float: left; overflow: hidden; }
.tabel_rezervare { border: 2px solid #006; padding: 10px; margin-top: 10px; }
.div_mentenanta { z-index: 1000; padding-left: 2px; padding-right: 2px; position: absolute; margin-left: 25px; top: 2px; display: block; overflow: hidden; border-right: 3px solid #F60 !important; border: 1px solid #F60; height: 25px; line-height: 25px; }
script { display: none; white-space: nowrap; }
.maro { background-color: red; }
.ui-resizable-handle { border-right: 20px solid rgba(255,255,255,0.1); }
#div_add table { text-align: left; }
.info { background-color: #FFF; color: #F30; display: block; margin: auto; text-align: center; font-size: 20px; }
.div1 { text-align: center; }
.tab1 { text-align: left; font-size: 14px; }
.tab1 td { padding: 5px 5px 0px 0px; }
.div_widget { border: 1px dashed #C60; border-radius: 10px; font-size: 20px; margin-bottom: 10px; }
#div_widget { width: 300px; border: 1px solid #ccc; border-radius: 10px; overflow: hidden; }
.div_albastru { background-color: #636; border-radius: 20px; border-color: #009; padding: 30px; }
.buton_mare { width: 300px; margin: 20px; height: 60px; float: left; background-color: #FFF; border-radius: 10px; text-align: center; vertical-align: middle; padding-top: 20px; }
.div_produs { width: 200px; float: left; text-align: right; }
.tabel_add { text-align: left; }
.form_control input[type=number] { width: 60px; }
input[type=number] { width: 60px; }
.numar_mare { width: 100px!important; }
.normal { width: 150px!important; }
.div_rezultate { position: absolute; z-index: 10; background-color: #FFF; border: 1px solid #CCC; border-radius: 5px; padding: 5px; min-width: 100px; }
.div_rezultate:empty { display: none!important; }
.formular input, .formular select, .formular textarea { padding: 1px 6px; border: 1px solid #ccc; border-radius: 4px; box-shadow: inset 0 1px 1px rgba(0,0,0,.075); transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }
.input-group-addon { height: 25px; line-height: 1; }
.input_rotund { border: 1px solid #ccc; border-radius: 4px; }
.inchide { padding: 0 30px; color: #FFF; background-color: #69F; border: 2px solid #06F; }
.button_mic { cursor: pointer; font-weight: bold; border: 1px solid white; display: inline-block; white-space: nowrap; height: 32px; background-color: #069; color: #fff; text-decoration: none; text-transform: uppercase; letter-spacing: 1px; border-radius: 5px; text-shadow: 0px 1px 0px rgba(0,0,0,0.5); box-shadow: 0px 2px 2px rgba(0,0,0,0.2); }
.button { cursor: pointer; margin-bottom: 10px; font-weight: bold; border: 0; display: inline-block; height: 32px; line-height: 32px; padding-right: 5px; padding-left: 27px; position: relative; color: #fff; text-decoration: none; text-transform: uppercase; letter-spacing: 1px; border-radius: 5px; text-shadow: 0px 1px 0px rgba(0,0,0,0.5); box-shadow: 0px 2px 2px rgba(0,0,0,0.2); }
.button span { margin-top: -1px; position: absolute; text-align: center; left: 0; width: 25px; background-color: rgba(0,0,0,0.5); border-radius: 5px 0 0 5px; }
.button:hover span, .button.active span { background-color: rgb(0,102,26); }
.button:active { border: 0; margin-top: 2px; }
.button.verde { background-color: #390; }
.button.albastru { background-color: #069; }
.button.rosu { background-color: #C00; }
.recomandari a { text-decoration: none; color: #030; font-weight: bold; display: block; }
.link_negru { font-weight: bold; text-decoration: underline; cursor: pointer; }
#master_div_tabel { overflow-x: scroll; width: auto; }
.master_div_tabel { overflow-x: scroll; width: auto; }
.modal { overflow: auto !important; }
button { display: inline-block; white-space: nowrap!important; }
.overflowVisible { overflow: visible !important; }
.html2canvas-container { height: 3000px !important; }
.div_rezervare { border-right: 5px solid rgba(110,110,110,0.5); border-top: 1px solid rgba(110,110,110,0.35); border-bottom: 1px solid rgba(110,110,110,0.35); border-left: 1px solid rgba(110,110,110,0.35); padding-left: 5px; position: absolute; margin-left: 25px; top: 2px; display: block; overflow: hidden; height: 25px; line-height: 25px; }
.albastrui { background: #6FF; color: #0b4f57; }
.albastru { background: #2f6fed; color: #fff; }
.verde { background: #7ac943; color: #0f2e03; }
button.verde { background-color: #6C0; color: white; }
.gri { background: #d6d6d6; color: #333; opacity: 0.85; }
.neplatit { border-right: 4px solid #ff9800!important; }
.neplatit_nimic { border-right: 4px solid #e53935!important; }
.problema_facturi { border-left: 4px solid #e53935!important; }
@media (max-width: 991px) {
  #meniu_stangaid { position: fixed; left: -220px; top: 0; width: 220px; height: 100%; transition: left 0.3s; z-index: 1050; }
  #meniu_stangaid.open { left: 0!important; }
  .page-content { padding-left: 5px; padding-right: 5px; }
}
.meniu_colapse { padding-top: 20px; padding-left: 20px; }
@media (max-width: 991px) {
  .navbar .container-fluid { display: flex; align-items: center; }
  .navbar-header { display: flex; align-items: center; width: auto !important; flex-shrink: 0; }
  .navbar-toggle { float: none; margin-right: 10px; margin-left: 10px; }
  .navbar-brand { float: none; }
  .navbar-nav.navbar-right { margin-left: auto; display: flex; align-items: center; }
  .navbar-nav.navbar-right > li, .navbar-nav.navbar-right > a { float: none; }
}
#overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4); display: none; z-index: 1000; }


/* ═══════════════════════════════════════════════════
   3. IMBUNATATIRI VIZUALE HEADER
   Doar: gradient bg, shadow, butoane rafinate, dividers
   Nu atingem: layout, float, collapse, mobil
   ═══════════════════════════════════════════════════ */

/* Background gradient subtil pe portocaliu */
.meniu_orizontal .navbar.navbar-default {
  background-color: #E8500A !important;
  background-image: linear-gradient(180deg, #f05a18 0%, #e04808 100%) !important;
  border: none !important;
  border-bottom: 1px solid rgba(0,0,0,0.15) !important;
  -webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.2) !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.2) !important;
  border-radius: 0 !important;
  margin: 0 !important;
}

/* Divider dupa logo */
.meniu_orizontal .navbar-header {
  border-right: 1px solid rgba(255,255,255,0.25) !important;
  padding-right: 12px !important;
}

/* Butoane rafinate — semi-transparente cu border alb subtil */
.meniu_orizontal .navbar-right .btn {
  background-color: rgba(0,0,0,0.15) !important;
  background-image: none !important;
  border: 1px solid rgba(255,255,255,0.25) !important;
  color: #fff !important;
  box-shadow: none !important;
  text-shadow: none !important;
  border-radius: 6px !important;
  transition: background 0.13s, border-color 0.13s !important;
}

.meniu_orizontal .navbar-right .btn:hover,
.meniu_orizontal .navbar-right .btn:focus {
  background-color: rgba(0,0,0,0.28) !important;
  border-color: rgba(255,255,255,0.45) !important;
  color: #fff !important;
  box-shadow: none !important;
}

/* Badge alb cu text portocaliu */
.meniu_orizontal .navbar-right .btn .badge {
  background-color: #fff !important;
  color: #E8500A !important;
  font-weight: 700 !important;
}

/* Buton dark — pill */
#btn-dark-toggle {
  background-color: rgba(0,0,0,0.15) !important;
  background-image: none !important;
  border: 1px solid rgba(255,255,255,0.25) !important;
  color: #fff !important;
  border-radius: 20px !important;
  text-shadow: none !important;
  box-shadow: none !important;
  transition: background 0.13s !important;
}

#btn-dark-toggle:hover {
  background-color: rgba(0,0,0,0.28) !important;
  border-color: rgba(255,255,255,0.45) !important;
  color: #fff !important;
}

/* Divider inaintea butoanelor dreapta */
.meniu_orizontal .navbar-right {
  border-left: 1px solid rgba(255,255,255,0.25) !important;
  padding-left: 8px !important;
}

/* Dark mode */
html.dark .meniu_orizontal .navbar.navbar-default {
  background-color: #1a1a1a !important;
  background-image: linear-gradient(180deg, #202020 0%, #181818 100%) !important;
  border-bottom: 1px solid #2a2a2a !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.4) !important;
}
html.dark .meniu_orizontal .navbar-header {
  border-right-color: #2a2a2a !important;
}
html.dark .meniu_orizontal .navbar-right {
  border-left-color: #2a2a2a !important;
}
html.dark .meniu_orizontal .navbar-right .btn {
  background-color: #222 !important;
  border-color: #333 !important;
  color: #9a9690 !important;
}
html.dark .meniu_orizontal .navbar-right .btn:hover {
  background-color: rgba(201,168,76,0.11) !important;
  border-color: rgba(201,168,76,0.3) !important;
  color: #C9A84C !important;
}
html.dark .meniu_orizontal .navbar-right .btn .badge {
  background-color: #C9A84C !important;
  color: #1a1a1a !important;
}
html.dark #btn-dark-toggle {
  background-color: #222 !important;
  border-color: #333 !important;
  color: #9a9690 !important;
}
html.dark #btn-dark-toggle:hover {
  background-color: rgba(201,168,76,0.11) !important;
  border-color: rgba(201,168,76,0.3) !important;
  color: #C9A84C !important;
}


body { background: #f5f6f8; }