/* Cofipot Sidebar Polish v4 — Fix icon font + reduce spacing */

/* ==== Font Inter SOLO para texto del sidebar (NO afecta icon fonts) ==== */
#pnav,
#pnav > li,
#pnav > li > a,
#pnav > li > a > span,
#pnav > li > ul > li > a {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
  letter-spacing: -0.005em;
}

/* CRITICAL: NO tocar font-family de los iconos .lnr — ellos usan su propia font */
#pnav .lnr,
#pnav i.lnr,
#pnav .icon,
#pnav i {
  /* font-family se hereda de Linearicons (no se override) */
}

/* ==== Items del sidebar — compactos ==== */
#pnav > li {
  margin: 0 !important;
  padding: 0 !important;
}

#pnav > li > a {
  font-size: 13.5px !important;
  font-weight: 500 !important;
  padding: 8px 18px !important;
  letter-spacing: 0 !important;
  line-height: 1.6 !important;
  height: auto !important;
}

#pnav > li > a > i.lnr,
#pnav > li > a > .lnr {
  font-size: 16px !important;
  margin-right: 10px !important;
  opacity: 0.85;
  vertical-align: middle;
}

#pnav > li > a:hover > i.lnr,
#pnav > li > a:hover > .lnr {
  opacity: 1;
}

#pnav > li > a > span {
  vertical-align: middle;
}

/* ==== Section divider OPERACIONES — compacto ==== */
#pnav > li.menu-section-divider {
  padding: 12px 18px 4px !important;
  font-size: 10px !important;
  text-transform: uppercase;
  color: rgba(255,255,255,0.32) !important;
  letter-spacing: 0.1em;
  list-style: none;
  margin-top: 8px;
  border-top: 1px solid rgba(255,255,255,0.06);
  font-weight: 600 !important;
  height: auto !important;
  line-height: 1.4 !important;
}

/* ==== Items manual "_quick" — compactos ==== */
#pnav > li.canjear_quick,
#pnav > li.equipo_quick,
#pnav > li.cumples_quick,
#pnav > li.smtp_quick,
#pnav > li.wa_quick {
  list-style: none;
  display: block;
  margin: 0 !important;
}

#pnav > li.canjear_quick > a,
#pnav > li.equipo_quick > a,
#pnav > li.cumples_quick > a,
#pnav > li.smtp_quick > a,
#pnav > li.wa_quick > a {
  color: #b1b2ba;
  padding: 8px 14px !important;
  display: block;
  text-decoration: none;
  position: relative;
  text-align: left;
  margin: 2px 12px !important;
  border-radius: 8px;
  transition: all 0.2s ease;
  height: auto !important;
  line-height: 1.6 !important;
  font-size: 13.5px;
  font-weight: 500;
}

#pnav > li.canjear_quick > a:hover,
#pnav > li.equipo_quick > a:hover,
#pnav > li.cumples_quick > a:hover,
#pnav > li.smtp_quick > a:hover,
#pnav > li.wa_quick > a:hover {
  background: rgba(255, 255, 255, 0.06);
  color: #ffffff;
}

#pnav > li.canjear_quick > a > .lnr,
#pnav > li.equipo_quick > a > .lnr,
#pnav > li.cumples_quick > a > .lnr,
#pnav > li.smtp_quick > a > .lnr,
#pnav > li.wa_quick > a > .lnr {
  font-size: 16px;
  margin-right: 10px;
  vertical-align: middle;
  opacity: 0.8;
}

#pnav > li.canjear_quick > a > span,
#pnav > li.equipo_quick > a > span,
#pnav > li.cumples_quick > a > span,
#pnav > li.smtp_quick > a > span,
#pnav > li.wa_quick > a > span {
  vertical-align: middle;
  font-weight: 500;
}

/* ==== Resaltar CAMPAÑAS ==== */
#pnav > li.marketing > a {
  position: relative;
  background: linear-gradient(95deg, rgba(81,52,235,0.18), rgba(121,88,255,0.08)) !important;
  border-left: 3px solid #7958ff !important;
  margin: 4px 8px !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
  color: #ffffff !important;
  transition: all 0.2s ease;
}

#pnav > li.marketing > a:hover {
  background: linear-gradient(95deg, rgba(81,52,235,0.30), rgba(121,88,255,0.15)) !important;
  transform: translateX(2px);
}

#pnav > li.marketing > a > i.lnr {
  color: #b09aff !important;
  opacity: 1 !important;
}

#pnav > li.marketing > a::after {
  content: '✨';
  font-family: -apple-system, "Segoe UI Emoji", sans-serif !important;
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 12px;
  opacity: 0.7;
}

/* ==== Badge NEW en Email (SMTP) y WhatsApp API ==== */
#pnav > li.smtp_quick > a::after,
#pnav > li.wa_quick > a::after {
  content: 'NEW';
  font-family: 'Inter', sans-serif !important;
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  background: linear-gradient(135deg, #ff9800, #ff5722);
  color: white;
  font-size: 9px;
  font-weight: 700;
  padding: 2px 7px;
  border-radius: 99px;
  letter-spacing: 0.5px;
  box-shadow: 0 1px 4px rgba(255, 87, 34, 0.4);
}

/* ==== Cupones hover: mantener amarillo, no oscurecer ==== */
#pnav > li.cupones > a:hover {
  background: linear-gradient(180deg, rgba(253,200,0,1) 0%, rgba(255,213,30,1) 100%) !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(251, 191, 36, 0.35);
}
#pnav > li.cupones > a:hover .lnr,
#pnav > li.cupones > a:hover span {
  color: #000 !important;
}

/* ==== Botón WhatsApp del footer ==== */
.menu_btn_wsp {
  font-family: 'Inter', sans-serif !important;
  font-weight: 600 !important;
  font-size: 13px !important;
}

/* ==== Estado activo ==== */
#pnav > li.activo > a,
#pnav > li > a.activo {
  background: linear-gradient(90deg, rgba(81,52,235,0.25), rgba(81,52,235,0.10)) !important;
  color: #ffffff !important;
  border-left: 3px solid #7958ff;
}

/* ==== WhatsApp page width fix ==== */
.wa-page {
  max-width: none !important;
  width: 100%;
  padding: 16px 24px !important;
  box-sizing: border-box;
}

/* === FIX v4.1: matar line-height: 45px que viene de main.css === */
#pnav > li > a > .lnr,
#pnav > li > a > span,
#pnav > li.cumples_quick > a > .lnr,
#pnav > li.cumples_quick > a > span,
#pnav > li.equipo_quick > a > .lnr,
#pnav > li.equipo_quick > a > span,
#pnav > li.smtp_quick > a > .lnr,
#pnav > li.smtp_quick > a > span,
#pnav > li.wa_quick > a > .lnr,
#pnav > li.wa_quick > a > span,
#pnav > li.canjear_quick > a > .lnr,
#pnav > li.canjear_quick > a > span {
  line-height: 1.4 !important;
  vertical-align: middle !important;
}

#pnav > li > a {
  height: auto !important;
  min-height: 0 !important;
  line-height: 1.4 !important;
}

#pnav > li.marketing > a {
  height: auto !important;
  min-height: 0 !important;
  padding: 10px 18px !important;
  line-height: 1.4 !important;
}

/* Items individuales — padding más chico */
#pnav > li > a {
  padding: 9px 18px !important;
}

/* === FIX v4.2: tighter spacing — kill the 5px 35px margin que separa cada item === */
#pnav > li > a {
  margin: 1px 8px !important;
  padding: 7px 14px !important;
  border-radius: 7px !important;
}

#pnav > li.marketing > a {
  margin: 2px 8px !important;
  padding: 8px 14px !important;
}

#pnav > li.cupones > a {
  margin: 8px 12px !important;
  padding: 11px 14px !important;
}

#pnav > li.canjear_quick > a,
#pnav > li.equipo_quick > a,
#pnav > li.cumples_quick > a,
#pnav > li.smtp_quick > a,
#pnav > li.wa_quick > a {
  margin: 1px 8px !important;
  padding: 7px 14px !important;
}

#pnav > li.menu-section-divider {
  margin-top: 6px !important;
  padding: 10px 14px 4px !important;
}