/* Apolo v0.28 - Sidebar/menu + últimos pedidos cleanup
   Corrige sidebar azulado, agrega cierre móvil, y evita solapados Código/Estado en Home. */
:root{
  --apolo-gold:#d4af37;
  --apolo-gold-2:#f0cc65;
  --apolo-gold-dark:#8b6416;
  --apolo-black:#050505;
  --apolo-black-2:#0a0907;
  --apolo-card:#0d0d0d;
  --apolo-line:rgba(212,175,55,.22);
}

/* Mata restos azulados del sidebar en desktop y mobile */
.nav-header,
.deznav,
[data-sidebar-style] .deznav,
[data-nav-headerbg] .nav-header{
  background:#050505!important;
  background-image:linear-gradient(180deg,#050505 0%,#080705 52%,#050505 100%)!important;
  border-color:rgba(212,175,55,.24)!important;
  box-shadow:10px 0 34px rgba(0,0,0,.42)!important;
}
.deznav:before,.deznav:after,.nav-header:after{display:none!important;content:none!important;}
.deznav .deznav-scroll{background:transparent!important;}
.deznav .metismenu>li>a{
  background:transparent!important;
  color:#eadfca!important;
  border-color:transparent!important;
}
.deznav .metismenu>li>a:hover,
.deznav .metismenu>li.mm-active>a,
.deznav .metismenu>li>a.active,
.deznav .metismenu>li>a[aria-expanded="true"]{
  background:linear-gradient(135deg,rgba(212,175,55,.18),rgba(212,175,55,.045))!important;
  border-color:rgba(212,175,55,.28)!important;
  color:#fff5d6!important;
}
.deznav .menu-icon{
  background:rgba(212,175,55,.09)!important;
  border-color:rgba(212,175,55,.22)!important;
}
.deznav .menu-icon i,
.deznav .menu-icon svg{color:var(--apolo-gold)!important;}
.deznav .menu-icon svg path,
.deznav .menu-icon svg circle,
.deznav .menu-icon svg line,
.deznav .menu-icon svg polyline{stroke:var(--apolo-gold)!important;}

/* Corona única sin recuadro */
.apolo-crown-menu-title,.apolo-sidebar-crown{
  background:transparent!important;border:0!important;box-shadow:none!important;outline:0!important;
}
.apolo-crown-icon{
  color:var(--apolo-gold)!important;background:transparent!important;border:0!important;box-shadow:none!important;
  text-shadow:0 0 22px rgba(212,175,55,.50),0 10px 20px rgba(0,0,0,.55)!important;
}

/* Botón cerrar/minimizar visible dentro del sidebar mobile */
.apolo-sidebar-close-btn{display:none;}
@media(max-width:768px){
  .deznav{
    background:#050505!important;
    background-image:linear-gradient(180deg,#050505 0%,#090805 100%)!important;
    border-right:1px solid rgba(212,175,55,.30)!important;
  }
  .deznav .deznav-scroll{padding-top:54px!important;}
  .apolo-sidebar-close-btn{
    display:flex!important;
    position:absolute!important;
    top:12px!important;
    right:12px!important;
    width:38px!important;
    height:38px!important;
    align-items:center!important;
    justify-content:center!important;
    z-index:10004!important;
    border-radius:13px!important;
    border:1px solid rgba(212,175,55,.30)!important;
    color:#f4d36b!important;
    background:rgba(212,175,55,.08)!important;
    box-shadow:0 10px 26px rgba(0,0,0,.30)!important;
    cursor:pointer!important;
  }
  .apolo-sidebar-close-btn i{font-size:16px!important;line-height:1!important;}
  .apolo-sidebar-close-btn:hover,.apolo-sidebar-close-btn:focus{
    background:rgba(212,175,55,.16)!important;color:#fff1bf!important;
  }
}

/* Home: últimos pedidos sin superposición ni letras una por línea */
.apolo-orders-panel-v20{overflow:hidden!important;}
.apolo-orders-wrap-v20{
  width:100%!important;
  max-width:100%!important;
  overflow-x:auto!important;
  -webkit-overflow-scrolling:touch!important;
  border-radius:16px!important;
}
.apolo-orders-table-v20{
  width:100%!important;
  min-width:720px!important;
  table-layout:auto!important;
  border-collapse:separate!important;
  border-spacing:0 8px!important;
}
.apolo-orders-table-v20 th,
.apolo-orders-table-v20 td{
  white-space:nowrap!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  vertical-align:middle!important;
}
.apolo-orders-table-v20 td strong{white-space:nowrap!important;letter-spacing:.02em!important;}
.apolo-orders-table-v20 .badge,
.apolo-orders-table-v20 span.badge{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:86px!important;
  white-space:nowrap!important;
  word-break:keep-all!important;
  border-radius:999px!important;
  padding:.42rem .72rem!important;
}
.apolo-orders-table-v20 .bg-primary-light,
.apolo-orders-table-v20 .text-primary,
.badge.bg-primary-light,
.badge.text-primary{
  background:rgba(212,175,55,.13)!important;
  color:#f4d36b!important;
  border:1px solid rgba(212,175,55,.25)!important;
}

@media(max-width:768px){
  .apolo-orders-wrap-v20{
    overflow-x:visible!important;
    border-radius:0!important;
  }
  .apolo-orders-table-v20,
  .apolo-orders-table-v20 tbody,
  .apolo-orders-table-v20 tr,
  .apolo-orders-table-v20 td{
    display:block!important;
    width:100%!important;
    min-width:0!important;
  }
  .apolo-orders-table-v20 thead{display:none!important;}
  .apolo-orders-table-v20{border-spacing:0!important;}
  .apolo-orders-table-v20 tr{
    background:linear-gradient(180deg,#11100d,#080807)!important;
    border:1px solid rgba(212,175,55,.20)!important;
    border-radius:16px!important;
    padding:12px!important;
    margin:0 0 12px!important;
    box-shadow:0 12px 26px rgba(0,0,0,.24)!important;
  }
  .apolo-orders-table-v20 td{
    display:grid!important;
    grid-template-columns:96px minmax(0,1fr)!important;
    gap:10px!important;
    align-items:center!important;
    padding:8px 0!important;
    border:0!important;
    border-bottom:1px solid rgba(255,255,255,.06)!important;
    white-space:normal!important;
    text-align:left!important;
    color:#efe7d7!important;
  }
  .apolo-orders-table-v20 td:last-child{border-bottom:0!important;}
  .apolo-orders-table-v20 td::before{
    content:attr(data-label)!important;
    display:block!important;
    color:#d6bd6a!important;
    font-size:10px!important;
    line-height:1.15!important;
    font-weight:900!important;
    letter-spacing:.08em!important;
    text-transform:uppercase!important;
    white-space:normal!important;
  }
  .apolo-orders-table-v20 td strong,
  .apolo-orders-table-v20 td span:not(.badge){
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  .apolo-orders-table-v20 .badge,
  .apolo-orders-table-v20 span.badge{
    justify-self:start!important;
    min-width:auto!important;
    max-width:100%!important;
  }
  .apolo-orders-head-v20{gap:12px!important;align-items:flex-start!important;}
  .apolo-orders-head-v20 .btn{white-space:nowrap!important;}
}