/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

/* =========================
   1) Menú en una sola línea
   ========================= */
#wide-nav .header-bottom-nav{
  display:flex !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  white-space:nowrap !important;
}

/* que ningún item salte de línea */
#wide-nav .header-bottom-nav > li{
  white-space:nowrap !important;
}

/* =========================
   2) Ocultar flechas dropdown
   ========================= */
#wide-nav .header-bottom-nav > li.menu-item-has-children > a i.icon-angle-down,
#wide-nav .header-bottom-nav > li.has-dropdown > a i.icon-angle-down{
  display:none !important;
}

/* Por si Flatsome agrega caret vía :after */
#wide-nav .header-bottom-nav > li.menu-item-has-children > a:after,
#wide-nav .header-bottom-nav > li.has-dropdown > a:after{
  display:none !important;
  content:none !important;
}

/* Contenedor del ticker */
.topbar-ticker{
  width: 100;
  overflow: hidden;
  white-space: nowrap;
}

/* Texto animado */
.topbar-ticker__inner{
  display: inline-block;
  padding-left: 100%;
  animation: tickerMove 20s linear infinite;
}

@keyframes tickerMove{
  from { transform: translateX(0); }
  to   { transform: translateX(-100%); }
}

/* Precio más grande */
.product-small .price,
.product-small .woocommerce-Price-amount{
  font-size: 1.25rem;
  font-weight: 800;
  line-height: 1.2;
}
.product-small .box-text{
  padding-bottom: 25px !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.product-small .price{
  margin: 50 !important;
  display: block;
}

/* 1) Card */
.row.row-slider .col-inner{
  border-radius: 10px !important;
  overflow: hidden !important;
  background: #fff;
}

/* 2) Por si el theme aplica estilos al box interno */
.row.row-slider .product-small.box{
  border-radius: 10px !important;
  overflow: hidden !important;
}

/* 3) Asegurar que la imagen también respete el radio */
.row.row-slider .product-small .box-image{
  border-top-left-radius: 10px !important;
  border-top-right-radius: 10px !important;
  overflow: hidden !important;
}

/* 4) Label suavizado */
.row.row-slider .product-small .out-of-stock-label{
  border-radius: 0 !important;
}

.kit-buttons .button{
  background: transparent !important;
  border: 2px solid #111 !important;
  color: #111 !important;
  border-radius: 999px !important;
  transition: .2s ease;
}

.kit-buttons .btn-intel:hover{
  background:#00bfff !important;
  border-color:#00bfff !important;
}
.kit-buttons .button:hover{
  transform: scale(1.10);
}
.kit-buttons .btn-amd:hover{
  background:#ff7a00 !important;
  border-color:#ff7a00 !important;
}

.kit-buttons .btn-intel:hover,
.kit-buttons .btn-amd:hover{
  color: #fff !important;
}

/* logos */
.logo-slider .flickity-viewport .flickity-slider > .ux-logo.ux_logo{
  width: 200px !important;
  max-width: 200px !important;
}

.logo-slider .flickity-slider > .ux-logo.ux_logo{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  height: 80px !important;
}

.logo-slider .ux-logo-link{
  padding: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

.logo-slider .ux-logo-image{
  height: 46px !important;
  width: auto !important;
  max-width: 160px !important;
  object-fit: contain !important;
  display:block !important;
}

.logo-slider{
  padding: 30px 0 !important;
  overflow: visible !important;
}

.logo-slider .flickity-viewport{
  overflow: visible !important;
  height: auto !important;
}

.logo-slider .flickity-viewport{
  min-height: 30px !important;
}

.row-faqs{
  background: #ffffff;
  border-radius: 14px;
  padding: 40px;
  box-shadow: 0 15px 40px rgba(0,0,0,0.08);
}

@media (max-width: 768px){
  .faq-card{
    padding: 25px;
  }
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}