/* ==========================================================
   PERFUMES ACAPULCO — TEMA GRIS OSCURO V3
   Archivo independiente para evitar caché de style.css.
   Mantiene estructura, tabla, botones y acentos azules.
   ========================================================== */
:root{
  --pa-canvas:#0b0d10;
  --pa-canvas-top:#171a1f;
  --pa-header:#101216;
  --pa-panel:#13161b;
  --pa-panel-soft:#171a20;
  --pa-table:#181b20;
  --pa-row:#1d2026;
  --pa-row-alt:#191c21;
  --pa-row-hover:#252932;
  --pa-input:#262930;
  --pa-blue:#4141ff;
}

html{
  background:#0b0d10 !important;
}

body:not(.admin-page):not(.pos-mode){
  background:
    radial-gradient(circle at 50% -18%, rgba(62,66,75,.48) 0%, rgba(27,30,35,.82) 31%, rgba(11,13,16,1) 72%),
    linear-gradient(180deg,#171a1f 0%,#0b0d10 100%) !important;
  background-color:#0b0d10 !important;
  background-attachment:fixed !important;
}

body:not(.admin-page):not(.pos-mode) .site-header{
  background:#101216 !important;
  background-color:#101216 !important;
  border-bottom:1px solid rgba(65,65,255,.52) !important;
  box-shadow:0 10px 30px rgba(0,0,0,.28) !important;
}

body:not(.admin-page):not(.pos-mode) .desktop-shop-layout,
body:not(.admin-page):not(.pos-mode) .main-content,
body:not(.admin-page):not(.pos-mode) .quote-section{
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
}

/* Panel superior "Explora Nuestro Catálogo" */
body:not(.admin-page):not(.pos-mode) .desktop-shop-layout .main-content > .section-header{
  background:#13161b !important;
  background-color:#13161b !important;
  background-image:linear-gradient(145deg,rgba(255,255,255,.025),rgba(255,255,255,0)) !important;
  border:1px solid rgba(65,65,255,.62) !important;
  box-shadow:0 18px 42px rgba(0,0,0,.32) !important;
}

/* Tarjeta de cotización y tarjeta de contacto */
body:not(.admin-page):not(.pos-mode) .desktop-shop-layout .quote-panel,
body:not(.admin-page):not(.pos-mode) .desktop-shop-layout .site-footer,
body:not(.admin-page):not(.pos-mode) .quote-panel,
body:not(.admin-page):not(.pos-mode) .site-footer{
  background:#13161b !important;
  background-color:#13161b !important;
  background-image:linear-gradient(145deg,rgba(255,255,255,.022),rgba(255,255,255,0)) !important;
  border:1px solid rgba(65,65,255,.62) !important;
  box-shadow:0 18px 42px rgba(0,0,0,.32) !important;
}

body:not(.admin-page):not(.pos-mode) .stat-box{
  background:#171a20 !important;
  background-color:#171a20 !important;
  background-image:none !important;
  border-color:rgba(65,65,255,.55) !important;
}

body:not(.admin-page):not(.pos-mode) .quote-section > .section-header{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

body:not(.admin-page):not(.pos-mode) .footer-inner,
body:not(.admin-page):not(.pos-mode) .footer-bottom,
body:not(.admin-page):not(.pos-mode) .quote-items,
body:not(.admin-page):not(.pos-mode) .quote-actions{
  background:transparent !important;
  background-color:transparent !important;
}

/* Tabla: gris oscuro, no azul marino */
body:not(.admin-page):not(.pos-mode) .table-wrap,
body:not(.admin-page):not(.pos-mode) .catalog-table{
  background:#181b20 !important;
  background-color:#181b20 !important;
  background-image:none !important;
}

body:not(.admin-page):not(.pos-mode) .table-wrap{
  border:1px solid #4141ff !important;
  box-shadow:0 18px 45px rgba(0,0,0,.36) !important;
}

body:not(.admin-page):not(.pos-mode) .catalog-table tbody tr{
  background:#1d2026 !important;
  background-color:#1d2026 !important;
}

body:not(.admin-page):not(.pos-mode) .catalog-table tbody tr:nth-child(even){
  background:#191c21 !important;
  background-color:#191c21 !important;
}

body:not(.admin-page):not(.pos-mode) .catalog-table tbody tr:hover{
  background:#252932 !important;
  background-color:#252932 !important;
}

/* Buscador gris oscuro */
body:not(.admin-page):not(.pos-mode) .search-input,
body:not(.admin-page):not(.pos-mode) input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
body:not(.admin-page):not(.pos-mode) select,
body:not(.admin-page):not(.pos-mode) textarea{
  background:#262930 !important;
  background-color:#262930 !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  border-color:rgba(104,104,255,.68) !important;
}

body:not(.admin-page):not(.pos-mode) .search-input::placeholder,
body:not(.admin-page):not(.pos-mode) input::placeholder,
body:not(.admin-page):not(.pos-mode) textarea::placeholder{
  color:#b8bbc4 !important;
  -webkit-text-fill-color:#b8bbc4 !important;
  opacity:1 !important;
}

/* Menú y modal del catálogo */
body:not(.admin-page):not(.pos-mode) .drawer,
body:not(.admin-page):not(.pos-mode) .modal-card{
  background:#13161b !important;
  background-color:#13161b !important;
  background-image:none !important;
  border-color:rgba(65,65,255,.62) !important;
}

@media(max-width:768px){
  body:not(.admin-page):not(.pos-mode){
    background:linear-gradient(180deg,#171a1f 0%,#0b0d10 100%) !important;
    background-color:#0b0d10 !important;
  }
}

/* ==========================================================
   FILTROS DEL CATÁLOGO EN GRIS
   ========================================================== */
body:not(.admin-page):not(.pos-mode) .filters-bar .chip,
body:not(.admin-page):not(.pos-mode) #catFilters .chip,
body:not(.admin-page):not(.pos-mode) #sexFilters .chip,
body:not(.admin-page):not(.pos-mode) .mobile-filter-toggle{
  background:#292c33 !important;
  background-color:#292c33 !important;
  background-image:none !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  border-color:rgba(65,65,255,.82) !important;
  box-shadow:none !important;
}

body:not(.admin-page):not(.pos-mode) .filters-bar .chip:hover,
body:not(.admin-page):not(.pos-mode) #catFilters .chip:hover,
body:not(.admin-page):not(.pos-mode) #sexFilters .chip:hover,
body:not(.admin-page):not(.pos-mode) .mobile-filter-toggle:hover{
  background:#343840 !important;
  background-color:#343840 !important;
  color:#ffffff !important;
  border-color:#6868ff !important;
}

body:not(.admin-page):not(.pos-mode) .filters-bar .chip.active,
body:not(.admin-page):not(.pos-mode) #catFilters .chip.active,
body:not(.admin-page):not(.pos-mode) #sexFilters .chip.active{
  background:#41454f !important;
  background-color:#41454f !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  border-color:#6868ff !important;
  box-shadow:0 0 0 2px rgba(65,65,255,.16) !important;
}

/* ==========================================================
   BORDES MÁS REDONDEADOS — CATÁLOGO PÚBLICO
   ========================================================== */
body:not(.admin-page):not(.pos-mode) .desktop-shop-layout .main-content > .section-header{
  border-radius:26px !important;
  overflow:hidden !important;
}

body:not(.admin-page):not(.pos-mode) .desktop-shop-layout .table-wrap,
body:not(.admin-page):not(.pos-mode) .table-wrap{
  border-radius:28px !important;
  overflow:hidden !important;
}

body:not(.admin-page):not(.pos-mode) .search-input,
body:not(.admin-page):not(.pos-mode) .mobile-filter-toggle{
  border-radius:16px !important;
}

body:not(.admin-page):not(.pos-mode) .quote-panel,
body:not(.admin-page):not(.pos-mode) .site-footer,
body:not(.admin-page):not(.pos-mode) .modal-card,
body:not(.admin-page):not(.pos-mode) .drawer{
  border-radius:26px !important;
}

@media(max-width:768px){
  body:not(.admin-page):not(.pos-mode) .desktop-shop-layout .main-content > .section-header{
    border-radius:22px !important;
  }

  body:not(.admin-page):not(.pos-mode) .desktop-shop-layout .table-wrap,
  body:not(.admin-page):not(.pos-mode) .table-wrap{
    border-radius:26px !important;
    padding:14px !important;
  }

  /* La tarjeta móvil ya tiene su propio borde. No añadir bordes a las celdas,
     porque se convierten en líneas internas al usar el diseño grid. */
  body:not(.admin-page):not(.pos-mode) .catalog-table{
    border-collapse:collapse !important;
    border-spacing:0 !important;
  }

  body:not(.admin-page):not(.pos-mode) #catalogBody tr.mobile-add-card{
    border-radius:24px !important;
  }

  body:not(.admin-page):not(.pos-mode) #catalogBody tr.mobile-add-card > td{
    border:0 !important;
    outline:0 !important;
    box-shadow:none !important;
  }

  body:not(.admin-page):not(.pos-mode) .perfume-thumb,
  body:not(.admin-page):not(.pos-mode) .perfume-placeholder{
    border-radius:14px !important;
  }
}


/* ==========================================================
   FIX PC V3 — SCROLL NATIVO FLUIDO Y BARRA SIEMPRE VISIBLE
   Corrige el overflow:hidden usado para redondear el catálogo.
   ========================================================== */
@media (min-width:1024px){
  body:not(.admin-page):not(.pos-mode) .desktop-shop-layout .table-wrap,
  body:not(.admin-page):not(.pos-mode) .table-wrap{
    overflow-y:scroll !important;
    overflow-x:hidden !important;
    scrollbar-gutter:stable !important;
    scrollbar-width:auto !important;
    scrollbar-color:#5555ff #101217 !important;
    overscroll-behavior-y:contain !important;
    scroll-behavior:auto !important;
    -webkit-overflow-scrolling:auto !important;
  }

  body:not(.admin-page):not(.pos-mode) .desktop-shop-layout .table-wrap::-webkit-scrollbar,
  body:not(.admin-page):not(.pos-mode) .table-wrap::-webkit-scrollbar{
    width:15px !important;
    height:15px !important;
    display:block !important;
  }

  body:not(.admin-page):not(.pos-mode) .desktop-shop-layout .table-wrap::-webkit-scrollbar-track,
  body:not(.admin-page):not(.pos-mode) .table-wrap::-webkit-scrollbar-track{
    background:#101217 !important;
    border-left:1px solid rgba(104,104,255,.38) !important;
    border-radius:0 27px 27px 0 !important;
  }

  body:not(.admin-page):not(.pos-mode) .desktop-shop-layout .table-wrap::-webkit-scrollbar-thumb,
  body:not(.admin-page):not(.pos-mode) .table-wrap::-webkit-scrollbar-thumb{
    min-height:58px !important;
    background:#5555ff !important;
    border:3px solid #101217 !important;
    border-radius:999px !important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.22) !important;
  }

  body:not(.admin-page):not(.pos-mode) .desktop-shop-layout .table-wrap::-webkit-scrollbar-thumb:hover,
  body:not(.admin-page):not(.pos-mode) .table-wrap::-webkit-scrollbar-thumb:hover{
    background:#7474ff !important;
  }

  body:not(.admin-page):not(.pos-mode) .desktop-shop-layout .table-wrap::-webkit-scrollbar-thumb:active,
  body:not(.admin-page):not(.pos-mode) .table-wrap::-webkit-scrollbar-thumb:active{
    background:#8b8bff !important;
  }
}