/* =========================================================
   [1] HANDLE / TOGGLE
========================================================= */

#cart-drawer .poga-cart-expand-handle {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  transform: none;
  z-index: 30;
  width: 24px;
  height: auto;
  border: 0;
  border-radius: 0;
  background: transparent;
  cursor: pointer;
  transition: background .18s ease, opacity .18s ease;
}

#cart-drawer .poga-cart-expand-handle::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(123, 78, 255, 0.08);
  opacity: 0;
  transition: opacity .18s ease;
}

#cart-drawer .poga-cart-expand-handle::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 16px;
  transform: translate(-50%, -50%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px 16px;
  opacity: 0.95;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'><path d='M7.75 3.25L3 8L7.75 12.75' stroke='%237b4eff' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/><path d='M13 8H3.35' stroke='%237b4eff' stroke-width='1.7' stroke-linecap='round'/></svg>");
}

#cart-drawer .poga-cart-expand-handle:hover::before {
  opacity: 1;
}

#cart-drawer .drawer-inner.poga-cart-mode-expanded .poga-cart-expand-handle::after {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'><path d='M8.25 3.25L13 8L8.25 12.75' stroke='%237b4eff' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/><path d='M3 8H12.65' stroke='%237b4eff' stroke-width='1.7' stroke-linecap='round'/></svg>");
}


/* =========================================================
   [2] EXPANDED DRAWER SHELL
========================================================= */

#cart-drawer .drawer-inner.poga-cart-mode-expanded {
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  left: auto !important;
  bottom: 0 !important;
  inset-inline-end: 0 !important;
  inset-inline-start: auto !important;
  margin: 0 !important;
  width: min(1180px, 78vw) !important;
  max-width: 78vw !important;
  height: 100vh !important;
  max-height: 100vh !important;
  padding: 22px 20px 18px !important;
  transform: none !important;
}

body.admin-bar #cart-drawer .drawer-inner.poga-cart-mode-expanded {
  top: 32px !important;
  height: calc(100vh - 32px) !important;
  max-height: calc(100vh - 32px) !important;
}

@media (max-width: 782px) {
  body.admin-bar #cart-drawer .drawer-inner.poga-cart-mode-expanded {
    top: 46px !important;
    height: calc(100vh - 46px) !important;
    max-height: calc(100vh - 46px) !important;
  }
}

/* =========================================================
   [3] ROOT / SCROLL / FOOTER
========================================================= */

#cart-drawer .drawer-inner.poga-cart-mode-expanded .poga-mini-cart-root {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  height: auto;
  overflow: hidden !important;
}

#cart-drawer .drawer-inner.poga-cart-mode-expanded .poga-mini-cart__scroll {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding-right: 0 !important;
  margin-right: 0 !important;

  /* mismo scroll que mini-cart */
  scrollbar-width: thin !important;
  scrollbar-color: rgba(123, 78, 255, 0.62) transparent !important;
  scrollbar-gutter: stable !important;
}

#cart-drawer .drawer-inner.poga-cart-mode-expanded .poga-mini-cart__scroll::-webkit-scrollbar {
  width: 5px !important;
}

#cart-drawer .drawer-inner.poga-cart-mode-expanded .poga-mini-cart__scroll::-webkit-scrollbar-track {
  background: transparent !important;
}

#cart-drawer .drawer-inner.poga-cart-mode-expanded .poga-mini-cart__scroll::-webkit-scrollbar-thumb {
  background: rgba(123, 78, 255, 0.62) !important;
  border-radius: 999px !important;
  border: 0 !important;
}

#cart-drawer .drawer-inner.poga-cart-mode-expanded .poga-mini-cart__scroll::-webkit-scrollbar-button {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

#cart-drawer .drawer-inner.poga-cart-mode-expanded .poga-mini-cart__footer {
  flex: 0 0 auto;
  margin-top: 10px;
  padding-top: 12px;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}


/* =========================================================
   [4] FILA EXPANDIDA
========================================================= */

#cart-drawer .drawer-inner.poga-cart-mode-expanded .woocommerce-mini-cart-item {
  padding: 12px 0 !important;
}

#cart-drawer .drawer-inner.poga-cart-mode-expanded .poga-mini-cart__item {
  display: grid;
  grid-template-columns: 96px minmax(0, 1fr);
  gap: 16px;
  align-items: center;
}

#cart-drawer .drawer-inner.poga-cart-mode-expanded .poga-mini-cart__content {
  grid-column: 2;
  min-width: 0;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: nowrap;
}

#cart-drawer .drawer-inner.poga-cart-mode-expanded .poga-mini-cart__main {
  flex: 0 0 180px;
  min-width: 0;
  padding-right: 0;
  display: flex;
  align-items: center;
}

#cart-drawer .drawer-inner.poga-cart-mode-expanded .poga-mini-cart__title {
  margin: 0;
  min-width: 0;
  max-width: 100%;
  font-size: 1.35rem;
  line-height: 1.14;
  font-weight: 600;
  color: var(--poga-cart-text);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#cart-drawer .drawer-inner.poga-cart-mode-expanded .poga-mini-cart__title a {
  display: block;
  min-width: 0;
  max-width: 100%;
  color: inherit;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#cart-drawer .drawer-inner.poga-cart-mode-expanded .poga-mini-cart__title a:hover {
  color: var(--poga-cart-accent);
}

/* ocultar meta compacta en expandido */
#cart-drawer .drawer-inner.poga-cart-mode-expanded .poga-mini-cart__meta,
#cart-drawer .drawer-inner.poga-cart-mode-expanded .poga-mini-cart__compact-meta,
#cart-drawer .drawer-inner.poga-cart-mode-expanded .poga-mini-cart__qty-text,
#cart-drawer .drawer-inner.poga-cart-mode-expanded .poga-mini-cart__main .poga-mini-cart__badge {
  display: none !important;
}

#cart-drawer .drawer-inner.poga-cart-mode-expanded .poga-mini-cart__compact-total {
  display: none !important;
}

#cart-drawer .drawer-inner.poga-cart-mode-expanded .poga-mini-cart__expanded-row {
  display: flex;
  flex: 1 1 auto;
  min-width: 0;
  align-items: center;
  flex-wrap: nowrap;
  gap: 0;
}

/* =========================================================
   [5] COLUMNAS
========================================================= */

#cart-drawer .drawer-inner.poga-cart-mode-expanded .poga-mini-cart__col {
  min-width: 0;
  padding-left: 16px;
  border-left: 1px solid rgba(0, 0, 0, 0.06);
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  flex-wrap: nowrap;
}

/* orden actual */
#cart-drawer .drawer-inner.poga-cart-mode-expanded .poga-mini-cart__col--qty {
  order: 1;
  flex: 0 0 160px;
}

#cart-drawer .drawer-inner.poga-cart-mode-expanded .poga-mini-cart__col--unit-price {
  order: 2;
  flex: 0 0 115px;
}

#cart-drawer .drawer-inner.poga-cart-mode-expanded .poga-mini-cart__col--creator {
  order: 3;
  flex: 0 0 120px;
}

#cart-drawer .drawer-inner.poga-cart-mode-expanded .poga-mini-cart__col--shipping-from {
  order: 4;
  flex: 0 0 130px;
}

#cart-drawer .drawer-inner.poga-cart-mode-expanded .poga-mini-cart__col--total {
  order: 5;
  flex: 0 0 200px;
  padding-right: 16px;
}

#cart-drawer .drawer-inner.poga-cart-mode-expanded .poga-mini-cart__col-label {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 18px;
  height: 18px;
  margin: 0 12px 10px 0;
  font-size: 0.68rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: rgba(149, 5, 227, 0.75);
  white-space: nowrap;
  text-align: center;
}

/* TOTAL alineado a la izquierda */
#cart-drawer .drawer-inner.poga-cart-mode-expanded .poga-mini-cart__col--total .poga-mini-cart__col-label {
  justify-content: flex-start;
  text-align: left;
}

/* valores por defecto */
#cart-drawer .drawer-inner.poga-cart-mode-expanded .poga-mini-cart__col-value {
  min-width: 0;
  font-size: 0.94rem;
  line-height: 1.35;
  color: var(--poga-cart-text);
}

/* centrar contenido de precio, creador y envío */
#cart-drawer .drawer-inner.poga-cart-mode-expanded .poga-mini-cart__col--unit-price .poga-mini-cart__col-value,
#cart-drawer .drawer-inner.poga-cart-mode-expanded .poga-mini-cart__col--creator .poga-mini-cart__col-value,
#cart-drawer .drawer-inner.poga-cart-mode-expanded .poga-mini-cart__col--shipping-from .poga-mini-cart__col-value {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  text-align: center;
}

/* truncado con puntos suspensivos para creador y envío */
#cart-drawer .drawer-inner.poga-cart-mode-expanded .poga-mini-cart__col--creator .poga-mini-cart__col-value,
#cart-drawer .drawer-inner.poga-cart-mode-expanded .poga-mini-cart__col--shipping-from .poga-mini-cart__col-value {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#cart-drawer .drawer-inner.poga-cart-mode-expanded .poga-mini-cart__col--creator .poga-mini-cart__col-value a,
#cart-drawer .drawer-inner.poga-cart-mode-expanded .poga-mini-cart__col--shipping-from .poga-mini-cart__col-value a,
#cart-drawer .drawer-inner.poga-cart-mode-expanded .poga-mini-cart__col--creator .poga-mini-cart__col-value span,
#cart-drawer .drawer-inner.poga-cart-mode-expanded .poga-mini-cart__col--shipping-from .poga-mini-cart__col-value span {
  display: block;
  width: 100%;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#cart-drawer .drawer-inner.poga-cart-mode-expanded .poga-mini-cart__col--creator a {
  color: rgba(0, 0, 0, 0.75);
  text-decoration: none;
}

#cart-drawer .drawer-inner.poga-cart-mode-expanded .poga-mini-cart__col--creator a:hover {
  color: var(--poga-cart-accent-dark);
}

/* cantidad y total siguen sin partir */
#cart-drawer .drawer-inner.poga-cart-mode-expanded .poga-mini-cart__col--qty .poga-mini-cart__col-value,
#cart-drawer .drawer-inner.poga-cart-mode-expanded .poga-mini-cart__col--total .poga-mini-cart__col-value {
  white-space: nowrap;
}

#cart-drawer .drawer-inner.poga-cart-mode-expanded .poga-mini-cart__line-total {
  font-weight: 700;
  font-size: 1.05rem;
}

#cart-drawer .drawer-inner.poga-cart-mode-expanded .poga-mini-cart__unit-suffix {
  margin-left: 3px;
  font-size: 0.86em;
  color: var(--poga-cart-muted);
}


/* =========================================================
   [6] CANTIDAD / TAGS
========================================================= */

#cart-drawer .drawer-inner.poga-cart-mode-expanded .poga-mini-cart__qty {
	display: inline-grid;
	grid-template-columns: 36px 52px 36px;
	align-items: stretch;
	border: 1px solid rgba(124,77,255,.18);
	border-radius: 14px;
	background: rgba(255,255,255,.28);
	box-shadow: 0 2px 8px rgba(0, 0, 0,.15);
	overflow: hidden;
	min-width: 124px;
	height: 40px;
}


#cart-drawer .drawer-inner.poga-cart-mode-expanded .poga-mini-cart__qty-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	border: 0;
	background: transparent;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
	color: rgba(0,0,0,.78);
	border-radius: 2px;
	font-size: 1.1rem;
	line-height: 1;
	cursor: pointer;
	transition: background .18s ease, color .18s ease;
}


#cart-drawer .drawer-inner.poga-cart-mode-expanded .poga-mini-cart__qty-btn:hover {
  background: rgba(123, 78, 255, 0.08);
  color: var(--poga-cart-accent);
}

#cart-drawer .drawer-inner.poga-cart-mode-expanded .poga-mini-cart__qty-input {
  width: 52px;
  min-width: 52px;
  height: 40px;
  border: 0;
  border-left: 1px solid rgba(123, 78, 255, 0.10);
  border-right: 1px solid rgba(123, 78, 255, 0.10);
  background: transparent;
  text-align: center;
  font-size: 0.95rem;
  font-weight: 600;
  color: rgba(0,0,0,.82);
  -moz-appearance: textfield;
}

#cart-drawer .drawer-inner.poga-cart-mode-expanded .poga-mini-cart__qty-input::-webkit-outer-spin-button,
#cart-drawer .drawer-inner.poga-cart-mode-expanded .poga-mini-cart__qty-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

#cart-drawer .drawer-inner.poga-cart-mode-expanded
.woocommerce-mini-cart-item.is-out-of-stock
.poga-mini-cart__col--qty .poga-mini-cart__col-label {
  display: none !important;
}

#cart-drawer .drawer-inner.poga-cart-mode-expanded
.woocommerce-mini-cart-item.is-out-of-stock
.poga-mini-cart__col--qty {
  justify-content: center;
}

#cart-drawer .drawer-inner.poga-cart-mode-expanded
.woocommerce-mini-cart-item.is-out-of-stock
.poga-mini-cart__col--qty .poga-mini-cart__col-value {
  margin-top: 0 !important;
}

/* =========================================================
   [7] FOOTER EXPANDIDO
========================================================= */

#cart-drawer .drawer-inner.poga-cart-mode-expanded .poga-mini-cart__footer-total {
  justify-content: center;
}

#cart-drawer .drawer-inner.poga-cart-mode-expanded .poga-mini-cart__footer-note {
  text-align: center;
}

#cart-drawer .drawer-inner.poga-cart-mode-expanded .poga-mini-cart__footer-buttons {
  max-width: 420px;
  margin: 16px auto 0;
}

#cart-drawer .drawer-inner.poga-cart-mode-expanded .poga-mini-cart__view-cart {
  display: none !important;
}


/* =========================================================
   [8] RESPONSIVE / FALLBACK
========================================================= */

@media (max-width: 1280px) {
  #cart-drawer .drawer-inner.poga-cart-mode-expanded .poga-mini-cart__content {
    gap: 12px;
  }

  #cart-drawer .drawer-inner.poga-cart-mode-expanded .poga-mini-cart__main {
    flex: 0 0 200px;
  }

  #cart-drawer .drawer-inner.poga-cart-mode-expanded .poga-mini-cart__col--qty {
    flex-basis: 140px;
  }

  #cart-drawer .drawer-inner.poga-cart-mode-expanded .poga-mini-cart__col--unit-price {
    flex-basis: 105px;
  }

  #cart-drawer .drawer-inner.poga-cart-mode-expanded .poga-mini-cart__col--creator {
    flex-basis: 125px;
  }

  #cart-drawer .drawer-inner.poga-cart-mode-expanded .poga-mini-cart__col--shipping-from {
    flex-basis: 120px;
  }

  #cart-drawer .drawer-inner.poga-cart-mode-expanded .poga-mini-cart__col--total {
    flex-basis: 110px;
  }
}

@media (max-width: 782px) {
  #cart-drawer .poga-cart-expand-handle {
    display: none !important;
  }

  #cart-drawer .drawer-inner.poga-cart-mode-expanded {
    width: min(420px, 92vw) !important;
    max-width: 92vw !important;
    padding: 22px 20px 18px !important;
    right: 0 !important;
    left: auto !important;
    inset-inline-end: 0 !important;
    inset-inline-start: auto !important;
  }

  #cart-drawer .drawer-inner.poga-cart-mode-expanded .poga-mini-cart__item {
    grid-template-columns: 86px minmax(0, 1fr);
    gap: 14px;
    align-items: start;
  }

  #cart-drawer .drawer-inner.poga-cart-mode-expanded .poga-mini-cart__content {
    display: grid;
    gap: 8px;
    min-height: 86px;
  }

  #cart-drawer .drawer-inner.poga-cart-mode-expanded .poga-mini-cart__main {
    flex: none;
    min-width: 0;
    padding-right: 24px;
    display: block;
  }

  #cart-drawer .drawer-inner.poga-cart-mode-expanded .poga-mini-cart__expanded-row {
    display: none !important;
  }

  #cart-drawer .drawer-inner.poga-cart-mode-expanded .poga-mini-cart__compact-total {
    display: block !important;
  }

  #cart-drawer .drawer-inner.poga-cart-mode-expanded .poga-mini-cart__compact-meta,
  #cart-drawer .drawer-inner.poga-cart-mode-expanded .poga-mini-cart__meta {
    display: block !important;
  }
}

/* =========================================================
   [9] OVERRIDE FINAL EXPANDED CART SCROLL
========================================================= */

#cart-drawer .drawer-inner.poga-cart-mode-expanded,
#cart-drawer .drawer-inner.poga-cart-mode-expanded .drawer-content,
#cart-drawer .drawer-inner.poga-cart-mode-expanded .drawer-content.woocommerce.widget_shopping_cart,
#cart-drawer .drawer-inner.poga-cart-mode-expanded .mini-cart-container,
#cart-drawer .drawer-inner.poga-cart-mode-expanded .kadence-mini-cart-refresh,
#cart-drawer .drawer-inner.poga-cart-mode-expanded .widget_shopping_cart_content,
#cart-drawer .drawer-inner.poga-cart-mode-expanded .poga-mini-cart-root,
#cart-drawer .drawer-inner.poga-cart-mode-expanded .woocommerce-mini-cart {
  overflow: hidden !important;
  max-height: none !important;
}