/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

/* =============================================
   CARTIFY — Ocultar breadcrumb Yoast
   ============================================= */
#breadcrumbs.yoast {
  display: none !important;
}
@media (max-width: 768px) {
  #breadcrumbs.yoast {
    display: none !important;
  }
}

/* =============================================
   CARTIFY — Animación flotante (burbujas/pills)
   ============================================= */
@keyframes floatUp {
  0%, 100% { transform: translateY(0); }
  50%       { transform: translateY(-10px); }
}
@keyframes floatUpPos {
  0%, 100% { transform: translateY(0) rotate(8deg); }
  50%       { transform: translateY(-10px) rotate(8deg); }
}
@keyframes floatUpNeg {
  0%, 100% { transform: translateY(0) rotate(-8deg); }
  50%       { transform: translateY(-10px) rotate(-8deg); }
}
.circulo-rot-pos { animation: floatUpPos 4s ease-in-out infinite; }
.circulo-rot-neg { animation: floatUpNeg 4s ease-in-out infinite; }

/* =============================================
   CARTIFY — Animación pulso (punto titilante)
   ============================================= */
@keyframes pulse {
  0%, 100% { opacity:1; transform:scale(1); }
  50%       { opacity:0.4; transform:scale(0.8); }
}

/* ==========================================================================================
   CARTIFY — Animación parpadeo (blink)
   ========================================================================================== */
@keyframes blink {
  0%, 100% { opacity: 1; }
  50%       { opacity: 0; }
}

/* ==========================================================================================
   CARTIFY — Animación barra de stock
   ========================================================================================== */
@keyframes stockLoad {
  from { width: 0%; }
  to   { width: 78%; }
}

/* ==========================================================================================
   CARTIFY — Global Section after footer
   Sin espacio para no afectar layout
   ========================================================================================== */
.nectar-global-section-after-footer {
  padding: 0;
  margin: 0;
  height: 0;
  overflow: visible;
}

/* ==========================================================================================
   CARTIFY — Sticky bar responsive mobile
   Oculta nombre y separador en mobile
   ========================================================================================== */
@media (max-width: 768px) {
  .sticky-nombre {
    display: none !important;
  }
  #cartify-sticky img {
    height: 32px !important;
  }
}

/* =============================================
   CARTIFY — Ocultar destino de envío en carrito
   ============================================= */
.woocommerce-shipping-destination {
    display: none !important;
}

/* ==========================================================================================
   CARTIFY — Títulos H3 checkout (Facturación y envío / Tu pedido)
   CARTIFY — Títulos H2 página de agradecimiento y orden
   ========================================================================================== */
.woocommerce-checkout h3 {
  font-size: 24px;
}
.woocommerce-order h2 {
  font-size: 24px;
}

/* =============================================
   CARTIFY — Precio original tachado en landing
   ============================================= */
.precio-original {
  opacity: 0.5;
}


/* ==========================================================================================
   CARTIFY — Burbujas hero via hook — posición fija en body
   ========================================================================================== */
#cartify-hero-bubbles-wrap {
  position: absolute;
  pointer-events: none;
  z-index: 10;
  overflow: hidden;
}

/* ==========================================================================================
   CARTIFY — Burbuja producto draggable
   ========================================================================================== */
.cartify-bubble-prod {
  position: absolute;
  border-radius: 50%;
  border: 3px solid rgba(255, 255, 255, 0.15);
  animation: cartifyBubbleFloat ease-in-out infinite;
  pointer-events: all;
  cursor: pointer;
  transition: border-color 0.3s;
  overflow: visible;
}

.cartify-bubble-prod:hover {
  border-color: #FF5B23;
}

.cbp-img {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
  overflow: hidden;
}

.cbp-tooltip {
  position: absolute;
  bottom: -38px;
  left: 50%;
  transform: translateX(-50%);
  background: #FF5B23;
  color: #ffffff;
  font-family: 'Outfit', sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 5px 14px;
  border-radius: 50px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s, bottom 0.2s;
  border: 2px solid #271A16;
  z-index: 99;
}

.cartify-bubble-prod:hover .cbp-tooltip {
  opacity: 1;
  bottom: -42px;
}

@keyframes cartifyBubbleFloat {
  0%, 100% { transform: translateY(0px) rotate(0deg); }
  33%       { transform: translateY(-18px) rotate(2deg); }
  66%       { transform: translateY(-8px) rotate(-1deg); }
}

@media (max-width: 768px) {
  #cartify-hero-bubbles-wrap { display: none; }
}

/* ==========================================================================================
   CARTIFY — Pausar animación flotante al hacer hover
   ========================================================================================== */
.cartify-bubble-prod:hover {
  animation-play-state: paused !important;
}

/* =============================================
   CARTIFY — Tarjeta producto Classic
   ============================================= */
ul.products li.product.classic {
  background: #ffffff !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  padding-bottom: 16px !important;
}

ul.products li.product.classic h2,
ul.products li.product.classic .price {
  text-align: center !important;
}

ul.products li.product.classic .onsale {
  top: 12px !important;
  right: 12px !important;
  left: auto !important;
  border-radius: 6px !important;
  padding: 4px 10px !important;
  line-height: 1.2 !important;
  min-width: auto !important;
  min-height: auto !important;
  width: auto !important;
  height: auto !important;
}

ul.products li.product.classic .product-add-to-cart a.button {
  background-color: #FF5B23 !important;
  color: #ffffff !important;
  border-color: #FF5B23 !important;
}

ul.products li.product.classic .product-add-to-cart a.button:hover {
  background-color: #e04d1a !important;
  border-color: #e04d1a !important;
}

ul.products li.product.classic {
  background: #ffffff !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  padding-bottom: 16px !important;
  border: 1px solid #E0E0E0 !important;
  box-shadow: none !important;
}