/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Template: flatsome
Version: 3.0
Author: 301 Software Factory
Author URI: https://301.ar
*/



/***** GENERALES ********************************************************************************************/

/* Posicion link whatsapp */
.joinchat__button {
   margin-bottom: 70px;
}

/* Tipografia general de textos en cajas */
.box-text {
	font-size: 1.05em;
}

/***** GENERALES / NAVBAR ***********************************************************************************/

/* Limita el alto del logo en el navbar */
.header-wrapper .header-logo {
  max-height: 50px !important;
  height: auto;
  width: auto;
}

/* Ajustar el tamaño del icono de carrito para que coincida con la lupa */
.header-cart-icon img.cart-img-icon {
  height: 24px !important;
  width: auto !important;
  vertical-align: middle;
}

/* Ajustar lupa a 25px */
.header-search .icon-search {
  font-size: 20px !important;
  line-height: 20px !important;
  vertical-align: middle;
}

/***** GENERALES / MEGA MENU FOTOS DE PRODUCTOS **************************************************************/

/* Contenedor del dropdown sin fondo/sombra/borde ni rellenos extra */
.menu-mega-kenyon > .nav-dropdown {
  background: transparent;
  box-shadow: none;
  border: 0;
  padding: 0;
  overflow: visible; /* evita recortes del mega */
}

.nav-dropdown-has-border .menu-mega-kenyon > .nav-dropdown {
  border: 0;
}

.menu-mega-kenyon > .nav-dropdown::before,
.menu-mega-kenyon > .nav-dropdown::after {
  content: none;
}

/* Centrar la superficie y eliminar gutters/márgenes laterales del row interno */
.menu-mega-kenyon .mega-surface {
  display: flex;
  justify-content: center;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}

/* Fondo + sombra SOLO alrededor del contenido real */
.menu-mega-kenyon .mega-surface-inner {
  background: #fff;
  box-shadow: 0 12px 28px rgba(0,0,0,.14);
  border-radius: 0 0 4px 4px;
  overflow: hidden;
}

/* Evitar que el hero o video tape el dropdown */
.header-wrapper { position: relative; z-index: 1000; }
.menu-mega-kenyon > .nav-dropdown { z-index: 9999; }



/***** GENERAL / FOOTER **************************************************************************************/

/* Footer 4 columnas con anchos personalizados */
#footer .footer-2 .row.large-columns-4 > .col { 
  flex: 0 0 auto !important; 
  max-width: none !important;
}

/* Quitar border top a elementos del footer */
.footer-1,
.footer-2 {
  border-top: none !important;
}

/* Cambiar padding únicamente en Footer 2 */
.footer-widgets.footer-2 {
  padding-top: 20px!important;
  padding-bottom: 40px !important;
}

/* Ocultar solo el menú del footer */
.absolute-footer .menu-secondary-container {
  display: none !important;
}

/* Ocultar íconos de tarjetas solo en el footer */
.footer-secondary .payment-icons {
  display: none !important;
}

/* Estilos para el copyright del footer */
.absolute-footer {
  color: rgb(81, 74, 65) !important;
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}

/* Agregar borde al footer de copyright */
.absolute-footer {
  border-top: 1px solid rgba(0,0,0,0.1) !important;
}

/* Anchos de Columnas de footer */
#footer .footer-2 .row.large-columns-4 > .col:nth-child(1) { 
  flex-basis: 34% !important; max-width: 34% !important; 
}
#footer .footer-2 .row.large-columns-4 > .col:nth-child(2) { 
  flex-basis: 17% !important; max-width: 17% !important; 
}
#footer .footer-2 .row.large-columns-4 > .col:nth-child(3) { 
  flex-basis: 17% !important; max-width: 17% !important; 
}
#footer .footer-2 .row.large-columns-4 > .col:nth-child(4) { 
  flex-basis: 32% !important; max-width: 32% !important; 
}



/***** GENERAL / FOOTER ABSOLUTE  ******************************************************************************/

/* Contenedor en fila + centrado vertical */
.absolute-footer .container.clearfix{
  display: flex !important;
  align-items: center;
  width: 100%;
  text-align: initial !important;  /* pisa el center del wrapper */
}

/* Copyright a la izquierda*/
.absolute-footer .footer-secondary{
  margin: 0;
  text-align: left;
}

/* Iconos de pago al centro y no se estiran */
.absolute-footer .payment-icons{
  flex: 0 0 auto;
}

/* Links a la derecha */
.absolute-footer .footer-primary{
  margin: 0;
  margin-left: auto !important;
  text-align: right;
}

/* Links */
.absolute-footer .footer-primary a{
  text-decoration:none;
  font-weight:400;
  margin:0 8px;
  transition: all 0.2s ease;
}

/* Links hover */
.absolute-footer .footer-primary a:hover{
  color:inherit;
  text-decoration:underline;   /* o border-bottom */
}



/***** GENERAL / FOOTER NEWSLETTER  ****************************************************************************/

/* Fila con layout horizontal, sin wrap, ancho limitado */
.kenyon-newsletter .kenyon-row {
  display: flex;                 
  align-items: stretch;           
  flex-wrap: nowrap;             
  gap: 0;                        
  width: 100%;
  max-width: 420px;               
}

/* Columnas se anula márgenes del theme */
.kenyon-newsletter .kenyon-row .flex-col {
  margin: 0 !important;         
}

.kenyon-newsletter .kenyon-row .flex-col.flex-grow {
  flex: 1 1 auto;                 
  min-width: 0;                  
}

/* Wrap de CF7 alrededor del input que no limite el ancho */
.kenyon-newsletter .kenyon-row .wpcf7-form-control-wrap {
  display: block;
  width: 100%;
}

/* Input email */
.kenyon-newsletter .kenyon-input {
  width: 100%;
  height: 42px;
  padding: 0 10px;
  border: 1px solid #000;
  border-right: 0;                
  background: #fff;
  font: 14px/1 'Outfit', sans-serif;
  border-radius: 0;               
  box-sizing: border-box;
}

/* Botón submit */
.kenyon-newsletter input.wpcf7-submit.kenyon-btn {
  height: 42px;
  padding: 0 20px;
  border: 1px solid #000 !important;
  background: #fff !important;
  color: #000 !important;
  font: 600 14px/1 'Outfit', sans-serif;
  text-transform: uppercase;
  cursor: pointer;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Oculta spinner de CF7 para que no empuje el layout */
.kenyon-newsletter .wpcf7-spinner {
  display: none !important;
}

/* Validadores */
.kenyon-newsletter .wpcf7-not-valid-tip {
  font-size: 14px;
}

/* Mensaje por envio de formulario */
#wpcf7-f1768-o1 .wpcf7-response-output {
  color: #000 !important;
  margin-left: 0px !important;

}



/***** HOME PAGE ***********************************************************************************************/

/* Titulo mas vendidos*/
.home-heading-mas-vendidos h3 {
	margin-bottom:0px;
	/*text-transform: none !important;*/
}

/* Subtitulo mas vendidos */
.home-heading-mas-vendidos h4 {
	font-size:16px; 
	color:#686868;
}

/* Quitar padding a columna que contiene el titulo */
body.home .home-no-padding {
  padding-bottom: 10px !important; 
}


/* Button forzar subrayado completo en tu botón */
body.home a.home-button-light {  
  border: 1px #acacac solid !important;
}

/* Todos los h3 dentro de un div con la clase no-margin-bottom */
div.no-margin-bottom h4 {
  margin-bottom: 0px;
  font-size: 17px;
}

div.no-margin-bottom p {
  color: #565656;
  font-size: 16px;
	line-height: 1.375rem;
}



/***** PAGINA DE TIENDA ****************************************************************************************/

/* Oculta la imagen secundaria que aparece en hover (Flatsome) */
.product-small .box-image .image-fade_in_back > a > img.show-on-hover.back-image {
  display: none !important;
}

/* Espacio inferior estable en listados de productos (shop/categorías/tags) */
body.woocommerce.archive .shop-container,
body.post-type-archive-product .shop-container,
body.tax-product_cat .shop-container,
body.tax-product_tag .shop-container {
  padding-bottom: 100px; 
}

/* Ajusta el ancho del widget de precio */
#woocommerce_price_filter-14 {
  width: 100%;
  max-width: 90%;
  margin-left: 0;
  margin-right: auto;
  box-sizing: border-box;
}

/* Oculta la descripción de los terminos en categorías/subcategorias */
body.tax-product_cat .term-description { 
	display: none; 
}

/* Label de agotado en margen inferior de la imagen */
.out-of-stock-label {
  top: auto !important;
  bottom: 0 !important;      
  padding: 4px 0 !important;
}



/***** PAGINA DE TIENDA / WIDGET PRECIO ************************************************************************/

/* Woo shop/categorías/tags: mostrar solo los valores en el widget de precio */
body.woocommerce.archive #shop-sidebar .widget_price_filter .price_label {
  font-size: 0 !important;   /* oculta el texto suelto: "Precio:" y el guion del medio */
  letter-spacing: 0;
}
/* vuelve visibles los montos */
body.woocommerce.archive #shop-sidebar .widget_price_filter .price_label span {
  font-size: .95rem !important;  
  line-height: 1.4;
}

/* reponemos el separador entre "from" y "to" con un em-dash */
body.woocommerce.archive #shop-sidebar .widget_price_filter .price_label .from::after {
  content: " \2014 ";  /* dibuja el guion — con espacios */
  font-size: .95rem;
}



/***** DETALLE PRODUCTO ****************************************************************************************/

/* Borde superior naranja solo en páginas de producto */
.single-product .product-container {
  border-top: 8px solid #f7941d;
}

/* Botones de ampliar y video de la galeria en negro */
.product-gallery .button.open-video,
.product-gallery .zoom-button,
.product-gallery .button.product-video-popup {
  border-color: #8d8d8d !important;
  color: #8d8d8d !important;

}

/* Hover de botones de ampliar y video de la galeria con fondo negro */
.product-gallery .button.open-video:hover,
.product-gallery .zoom-button:hover,
.product-gallery .button.product-video-popup:hover {
  background-color: #000 !important;
  border-color: #000 !important;
  color: #fff !important;
}

/* Espacio interno debajo de la línea superior en todas las páginas de producto */
.single-product .product-container {
  padding-top: 25px;
  margin-top: 0; 
}

/* Espacio bajo "Productos relacionados" solo en la página de producto */
body.single-product .related.related-products-wrapper.product-section {
  margin-bottom: 100px!important; /* ajustá a gusto */
}

/* Espacio entre el resumen inicial y la informacion complementaria */
.product-main {
   padding-bottom: 30px!important;	
}

/* Esconde navegacion entre productos */
.next-prev-thumbs { 
	display:none !important; 
}



/***** DETALLE PRODUCTO / BREADCRUMBS ARRIBA DEL NOMBRE DEL PRODUCTO *******************************************/

/* Oculta el nombre del producto */
.single-product nav.breadcrumbs .breadcrumb_last { 
	display: none; 
}

/* deja solo el último link (subcategoría) */
.single-product nav.breadcrumbs a:not(:last-of-type) { 
	display: none; 
} 

/* Oculta separadores */
.single-product nav.breadcrumbs .divider {
	display: none; 
}           



/***** DETALLE PRODUCTO / PRODUCTO AGOTADO *********************************************************************/

/* Estilo -Agotado- */
.single-product .product-summary .stock.out-of-stock {
  display: inline-block;
  background-color: #393939;
  color: #fff;
  font-weight: 600;
  font-size: 16px;
  text-transform: uppercase;
  padding: 12px 24px;
  line-height: 1.2;
  margin-top: 15px;
}




/***** DETALLE PRODUCTO / TABS CON BORDE POR DEFECTO EN DESCRIPCION ********************************************/

/* Ocultar las pestañas Descripción e Información adicional */
.woocommerce-tabs .tabs .description_tab,
.woocommerce-tabs .tabs .additional_information_tab {
  display: none !important;
}

/* Quitar bordes verticales de la barra de tabs (ul) */
.woocommerce-tabs .tabs {
  border: none !important;
}

/* Quitar padding lateral SOLO dentro del tab Descripción */
#tab-description {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Wrapper del bloque de tabs (el que dibuja el recuadro) */
.product-footer .woocommerce-tabs.tabbed-content {
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* Contenedor de los paneles (a veces suma borde) */
.product-footer .woocommerce-tabs .tab-panels {
  border: none !important;
}

/* Paneles de contenido (Descripción / Información adicional) */
.product-footer .woocommerce-tabs .panel.entry-content {
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding-left: 0;
  padding-right: 0;
}

/* Separar los tabs del producto */
.woocommerce-tabs .nav.nav-normal li.tab {
  margin-right: 40px !important;
}

/* Quita el padding generado en los contenidos que estan dentro de los Tabs */
.product-footer .nav-tabs + .tab-panels {
    padding: 0;
}



/***** DETALLE PRODUCTO / TABLAS ESPECIFICACIONES ************************************************************/

/* Celdas generales */
#kenyon-tabla-especificaciones td {
  padding: 12px 0;
  border-bottom: 1px solid rgba(0,0,0,.15); 
  vertical-align: middle;
  font: inherit;         
  font-size: inherit;    
}

/* Primera columna alineada a la izquierda */
#kenyon-tabla-especificaciones td:first-child { 
  text-align: left !important; 
}

/* Segunda columna alineada a la derecha */
#kenyon-tabla-especificaciones td:last-child { 
  text-align: right !important;
  font-weight: 600;      /* resalta la etiqueta */
}

/* Elimina la línea de la última fila */
#kenyon-tabla-especificaciones tr:last-child td {
  border-bottom: none;
}



/***** DETALLE PRODUCTO / FEATURE LIST ***********************************************************************/

/* Cada ítem con altura mínima fija */
.kenyon-feature-col p {
  min-height: 70px;
  display: flex;
  align-items: flex-start;
  margin: 0;
  line-height: 1.5;
}

/* Separadores  */
.kenyon-feature-col hr {
  margin: 0 0 16px 0;
  border: 0;
  border-bottom: 1px solid #000;
  opacity: 0.15;
}

/* Elimina la línea del último ítem */
.kenyon-feature-col p:last-of-type + hr {
  display: none;
}



/***** DETALLE PRODUCTO / MANUAL DEL USUARIO *****************************************************************/

.icon-box .uppercase {
  text-transform: none !important;
}

.icon-box h6 {
  text-transform: none !important;
}



/***** NOSOTROS **********************************************************************************************/

/* Espacio entre icono y texto */
.Kenyon-Award-Info .icon-box-text { 
	padding-left: 3rem !important; 
}

/* Width maximo para imagenes */
.Kenyon-Award-Info .icon-box-img { 
	max-width: 140px!important;
}



/***** EXPLORA / BLOG LISTADO ********************************************************************************/

/* Borde superior */
body.blog main#main {
  border-top: 8px solid #f7941d;
}

/* Espacio superior */
body.blog .page-wrapper {
  padding-top: 80px;
}

/* Fuerza 5px entre botones del share del sidebar en posts */
body.single-post .post-sidebar .social-icons.share--sidebar a.button.icon,
body.blog .social-icons a.button.icon,
body.archive .social-icons a.button.icon {
  margin-right: 5px !important;
}

/* Ocultar categoría y línea bajo el título del post destacado */
body.blog .featured-posts .cat-label,
body.archive .featured-posts .cat-label,
body.blog .featured-posts .is-divider,
body.archive .featured-posts .is-divider {
  display: none !important;
}

/* Título más grande del post destacado */
body.blog   .featured-posts .post-title,
body.archive .featured-posts .post-title,
body.blog   .featured-posts .post-title a,
body.archive .featured-posts .post-title a {
  font-size: 24px !important;
  line-height: 1.25 !important;
}

/* Agrandar tipografía del botón "Continuar leyendo" en posts destacados */
body.blog .featured-posts a.more-link,
body.archive .featured-posts a.more-link,
body.blog .featured-posts a.button.is-outline,
body.archive .featured-posts a.button.is-outline {
  font-size: 16px !important;
}

/* Espacio abajo del listado de posts */
body.blog #content.blog-archive.page-wrapper {
  padding-bottom: 100px !important; 
}



/***** EXPLORA / BLOG DETALLE ********************************************************************************/

/* Borde superior */
body.single-post main {
  border-top: 8px solid #f7941d;
  padding-top: 30px!important; 
}

/* Agrega uppercase al titulo principal 
body.single-post h1 {
  text-transform: uppercase;
}
*/

/* Quita el uppercase de los titulo internos */
body.single-post .section-title-main {
  text-transform: none !important;
}



/***** EXPLORA / GALERIA DE IMAGENES *************************************************************************/

/* Esconde titulo de imagenes solo en la galería "parrillas eléctricas portátiles" */
.galeria-parrillas-electricas-portatiles .gallery-box .box-text {
  display: none !important;
}

/* Línea justo debajo del navbar solo en la página Galería de Imágenes */
body.page-id-700 #header {
  border-bottom: 8px solid #f7941d;
}

/* Solo en la página Galería de Imágenes (ID 700) */
body.page-id-700 h3.section-title.section-title-bold {
  border: none !important;         /* Quita borde alrededor */
  padding: 0 !important;
}

body.page-id-700 h3.section-title.section-title-bold span.section-title-main {
  text-transform: none;
  border: none !important;
  padding: 0 !important;
  box-shadow: none !important;
}

/* Espacio entre título y línea derecha */
body.page-id-700 h3.section-title.section-title-bold span.section-title-main {
  margin-right: 10px;   
}



/***** EXPLORA / VIDEOS **************************************************************************************/

/* Borde superior naranja solo en la página Videos y sus hijas */
body.parent-pageid-809 #content {
  border-top: 8px solid #f7941d;
}



/***** CONTACTOS *********************************************************************************************/

/* Espacios entre items con icono en la informacion de contacto */
.icon-informacion-contacto p,
.icon-informacion-contacto a {
  margin-bottom: 5px !important;
  color: #000 !important;
}

/* Labels del formulario */
.formulario-contacto label {
  font-weight: 100 !important;
}

/* Mensajes del formulario */
.wpcf7 .wpcf7-response-output {
	border-radius: 0px !important;
}





/***** PAGINAS: PRIVACIDAD (#3), T&C (#1918), COOKIES (#1923), DEVOLUCIONES (#1927)***************************/

/* Borde superior */
body.page-id-3 main#main,
body.page-id-1923 main#main,
body.page-id-1927 main#main,
body.page-id-1918 main#main {
  border-top: 8px solid #f7941d;
}

/* Espacio entre titulo y subtitulo  */
.page-id-3 h2,
.page-id-1923 h2,
.page-id-1927 h2,
.page-id-1918 h2 {
  line-height: 0.5;
}

/* Espacio arriba de los subtitulos */
.page-id-3 h4,
.page-id-1923 h4,
.page-id-1927 h4,
.page-id-1918 h4 {
  padding-top: 20px;
}

/* Reduce espacio entre items del listado */
.page-id-3 li,
.page-id-1923 li,
.page-id-1927 li,
.page-id-1918 li {
  margin-bottom: 0.2em;
}

/* links */
body.page-id-3 p a,
body.page-id-1923 p a,
body.page-id-1927 p a,
body.page-id-1918 p a {
  color: #ed870c;
  font-weight: 600;
}


/***** CHECKOUT **********************************************************************************************/

/* Breadcrumbs solo en Carrito */
body.woocommerce-cart .page-title-inner nav.breadcrumbs {
  font-size: 1em;
  font-weight: 600;
  text-transform: uppercase;   /* fuerza MAYÚSCULAS */
  text-align: left;
  justify-content: flex-start; /* alinear en flex */
}

/* Links y paso actual dentro del breadcrumb */
body.woocommerce-cart .page-title-inner nav.breadcrumbs a,
body.woocommerce-cart .page-title-inner nav.breadcrumbs .current {
  font-size: 1em;
  font-weight: 600;
}


/* Mensaje inline bajo el checkbox de T&C */
.woocommerce-terms-and-conditions-wrapper
.woocommerce-invalid-required-field
.checkout-inline-error-message{
  color:#c62828;
  font-weight:600;
  margin-top:.25rem;
}

/* Oculta el aviso global de error del checkout */
form.checkout .woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout{
  display:none;
}

/* Estilo para mensajes de error bajo los campos del checkout */
.woocommerce form .checkout-inline-error-message {
  color: #c62828; 
  font-size: 14px;      
  font-weight: 500; 
  margin-top: -10px;
}

/* Solo breadcrumbs del checkout (Flatsome) */
body.woocommerce-checkout .checkout-page-title nav.breadcrumbs {
  font-size: 1em;
  font-weight: 600;
  text-transform: uppercase;  
  text-align: left;            
  justify-content: flex-start;
}

/* Asegura el mismo tamaño/peso en enlaces y el paso actual */
body.woocommerce-checkout .checkout-page-title nav.breadcrumbs a,
body.woocommerce-checkout .checkout-page-title nav.breadcrumbs .current {
  font-size: 1em !important;
  font-weight: 600 !important;
}

/* Comportamiento del pais de facturacion */
#billing_country_field .woocommerce-input-wrapper{
  display:block;
}

/* Simular input deshabilitado en País/Región */
#billing_country_field .woocommerce-input-wrapper strong{
  display:block;
  font-weight: 400; 
  background: #f5f5f5; 
  border: 1px solid #dcdcdc;
  border-radius: 4px;
  padding: 11px 12px;
  line-height: 20px;
  color: #666;
  cursor: not-allowed; 
  height: 44px; 
  box-sizing: border-box;
  opacity: 0.95;
}

/* Mantener consistencia en estados de pais de facturacion */
#billing_country_field .woocommerce-input-wrapper strong:focus{
  outline: none;
  box-shadow: none;
}

/* Thank You Page espacios en bloque direccion de facturacion */
.woocommerce-order-received .woocommerce-customer-details {
  margin-top: 50px;
  margin-bottom: 0;
  position: relative;
}

/* Thank You Page bloque direccion de facturacion */
.woocommerce-order-received .woocommerce-customer-details::after {
  content: "";
  display: block;
  border-bottom: 1px solid #ddd; 
  margin-top: 40px;
  margin-bottom: 40px;
}

/* Thank You Page espacio superior del bloque */
.woocommerce-order-received section.woocommerce-bacs-bank-details {
  margin-top: 50px;
}

/* Thank You Page esconde los bullets y ajusta espacio entre bancos */
.woocommerce-order-received section.woocommerce-bacs-bank-details
ul.wc-bacs-bank-details.order_details.bacs_details {
  list-style: none !important;
  padding-left: 0 !important;
  margin: 0 0 26px; 
}
.woocommerce-order-received section.woocommerce-bacs-bank-details
ul.wc-bacs-bank-details.order_details.bacs_details:last-of-type {
  margin-bottom: 0;               /* sin hueco al final */
}

/* Thank You Page esconde los bullets y ajusta espacio entre items */
.woocommerce-order-received section.woocommerce-bacs-bank-details
ul.wc-bacs-bank-details.order_details.bacs_details li {
  list-style: none !important;    /* refuerzo defensivo */
  margin: 6px 0;
  line-height: 1.5;
}

/* Thank You Page nombre de bancos */
.woocommerce-order-received section.woocommerce-bacs-bank-details
.wc-bacs-bank-details-account-name {
  font-weight: 600;
  font-size: 1.1em;
  margin: 20px 0 10px;
}

/* Thank You Page alinea etiquetas */
.woocommerce-order-received section.woocommerce-bacs-bank-details
ul.wc-bacs-bank-details.order_details.bacs_details li strong {
  display: inline-block;
  min-width: 120px; 
  font-weight: 600;
}

/* Thank You Page borde entre bancos */
.woocommerce-order-received section.woocommerce-bacs-bank-details
ul.wc-bacs-bank-details.order_details.bacs_details:not(:last-of-type){
  border-bottom: 1px solid #c0c0c0;
  padding-bottom: 26px;
}

/* Thank You Page espacio de texto a los bancos */
.woocommerce-order-received section.woocommerce-bacs-bank-details p:last-of-type {
  margin-bottom: 50px; 
}

/* Thank You Page — espacio extra debajo de todo el bloque de bancos */
.woocommerce-order-received section.woocommerce-bacs-bank-details {
  margin-bottom: 150px;
}


/*************************************************************************************************************/
/***** (1-XXL) HEREDADA DEL THEME / POR ABAJO ESCONDE SIDEBAR ************************************************/
/*************************************************************************************************************/

@media (min-width: 850px) {
  /* DETALLE POST / Alinear sidebar con primer imagen en el detalle de un post*/	
  body.single-post .post-sidebar {
    margin-top: 90px;
  }

}



/*************************************************************************************************************/
/***** (2-XL) HEREDADA DEL THEME / NOTEBOOK CSS HERE *********************************************************/
/*************************************************************************************************************/

@media (max-width: 1030px) and (min-width: 600px) {
  /* Footer / Primera columna con límite de 500px */
  #footer .footer-2 .row.large-columns-4 > .col:nth-child(1) {
    flex-basis: 50% !important;
    max-width: 50% !important;
    padding-bottom: 40px !important;
  }
  #footer .footer-2 .row.large-columns-4 > .col:nth-child(1) > * {
    max-width: 500px;
  }

  /* Footer / Columna 2  */
  #footer .footer-2 .row.large-columns-4 > .col:nth-child(2) {
    flex-basis: 20% !important;
    max-width: 20% !important;
  }
  /* Footer / Columna 3  */
  #footer .footer-2 .row.large-columns-4 > .col:nth-child(3) {
    flex-basis: 30% !important;
    max-width: 30% !important;
  }

  /* Footer / Columna 4  */
  #footer .footer-2 .row.large-columns-4 > .col:nth-child(4) {
    display: none;
  }
  /* Footer / Espacio al footer row 3 */	
  .footer-widgets.footer-2 {
	padding-bottom: 10px !important;
  }
}



/*************************************************************************************************************/
/***** (3-LG) HEREDADA DEL THEME / TABLETS CSS HERE **********************************************************/
/*************************************************************************************************************/


@media (max-width: 849.98px) {
  /* Flatsome / WooCommerce variantes comunes de thumbnails */
  .product-thumbnails,
  .product-thumbnails-slider,
  .product-gallery .slider-nav,
  .woocommerce-product-gallery .flex-control-nav,
  ul.flex-control-nav.flex-control-thumbs,
  .woocommerce-product-gallery__image--thumbs,
  .thumbnails {
    display: none !important;
  }
	
  /* Imagen del logo en el footer */
  #block_widget-6 img {
    max-width: 40% !important;
    height: auto !important; /* mantiene proporción */
  }

  /* Por si el wrapper deja espacio */
  .product-thumbnails, 
  .product-gallery .slider-nav,
  .woocommerce-product-gallery .flex-control-nav {
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }
	
  /* Footer / Primera columna ocupa todo el ancho con límite de 500px */
  #footer .footer-2 .row.large-columns-4 > .col:nth-child(1) {
    flex-basis: 100% !important;
    max-width: 100% !important;
    padding-bottom: 40px !important;
  }
	
  #footer .footer-2 .row.large-columns-4 > .col:nth-child(1) > * {
    max-width: 500px;
  }
	
  /* Footer / Columna 2 */
  #footer .footer-2 .row.large-columns-4 > .col:nth-child(2) {
   	flex-basis: 35% !important;
   	max-width: 35% !important;
  }
	
  /* Footer / Columna 3 */
  #footer .footer-2 .row.large-columns-4 > .col:nth-child(3) {
   	flex-basis: 40% !important;
   	max-width: 40% !important;
  }
	
  /* Footer / Columna 4 */
  #footer .footer-2 .row.large-columns-4 > .col:nth-child(4) {
    display: block; 
	flex-basis: 100% !important;
    max-width: 100% !important;
	margin-top: 50px !important;  
  }
	
   /* Home / Comportamiento 4ta columna en posts */
  .blog-row > .col:nth-child(4){
    display: none !important;
  }

  /* Gaps features */	
  .gap-mobile-pre-section-features {
	padding-top: 20px !important;
  }
	
  /* Gaps Instagram */	
  .gap-mobile-pre-section-instagram {
	padding-top: 60px !important;
  }
	
  /* DETALLE PRODUCTO / Opciones para ordenar los resultados */	
   .woocommerce-ordering {
		display: none; 
   }
	
  /* DETALLE PRODUCTO / fila que contiene una galería pasa a columna */
  .row:has(.product-gallery .product-gallery-slider),
  .row:has(.slider-wrapper .slider){
    display: flex;
    flex-direction: column;  
    gap: clamp(8px, 2vw, 20px);
  }

  /* DETALLE PRODUCTO /  Cada .col ocupa toda la fila */
  .row:has(.product-gallery .product-gallery-slider) > .col,
  .row:has(.slider-wrapper .slider) > .col{
    flex: 0 0 100% !important;     
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;       
    float: none !important; 
  }

  /* DETALLE PRODUCTO / Galeria primer fila y texto segunda fila */
  .row:has(.product-gallery .product-gallery-slider) > .col:has(.product-gallery .product-gallery-slider),
  .row:has(.slider-wrapper .slider) > .col:has(.slider-wrapper .slider){
    order: 1;
  }
  .row:has(.product-gallery .product-gallery-slider) > .col:not(:has(.product-gallery .product-gallery-slider)),
  .row:has(.slider-wrapper .slider) > .col:not(:has(.slider-wrapper .slider)){
    order: 2;
  }	
}



/*************************************************************************************************************/
/***** (4-MED) HEREDADA DEL THEME / ONLY TABLET THEME CSS HERE ***********************************************/
/*************************************************************************************************************/


@media (min-width: 550px) and (max-width: 849.98px){
   /* Home / Comportamiento 4ta columna mas vendidos*/	
  .best-sellers-row > .col:nth-child(4){
    display: none !important;
  }
	
  /* Home / Espacios entre columnas de tipos de parrillas*/	
  .grill-type-col	{
	padding: 0 5px 30px !important;
  } 
	
  /* Home / Caracteristicas | About us */	
  .col-text-features,
  .col-text-about-us {
	flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }	
  
  /* Home / Imagen de caracteristicas | About us */	
  .col-img-features,
  .col-img-about-us {
    display: none !important;
  }	 	
}



/*************************************************************************************************************/
/***** (5-S) HEREDADA DEL THEME / MOBILE CSS HERE **********************************************************/
/*************************************************************************************************************/

@media only screen and (max-width: 768px) {
	
	/* Footer / Columnas */
	#footer .footer-2 .row.large-columns-4 > .col {
     flex-basis: 100% !important; 
	 max-width: 100% !important;
	 position: relative; /* referencia para el pseudo */
   }

	/* Footer / Absolute Footer / Comportamiento elementos */
   .absolute-footer .container {
     display: flex !important;
     flex-direction: column !important;
     align-items: flex-start !important;
   }

  /* Footer / Absolute Footer /  elementos al 100% a la izquierda */
  .absolute-footer .footer-secondary,
  .absolute-footer .footer-primary {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    text-align: left !important;
    font-size: 15px !important;
  }

  /* Footer / Absolute Footer / Links primero */
  .absolute-footer .footer-primary {
    order: 1;
    margin-bottom: 25px; /* espacio extra entre los links y la línea */
  }

  /* Footer / Absolute Footer / Copyright  */
  .absolute-footer .footer-secondary {
    order: 2;
    position: relative;
    padding-top: 20px;
  }
	
  /* Footer / Absolute Footer / Linea arriba copyright */
  .absolute-footer .footer-secondary::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 100vw; 
    height: 1px;
    background: #ccc;
    transform: translateX(-50%);
    pointer-events: none;
    z-index: 0;
  }

  /* Footer / Absolute Footer / Links en columna */
  .absolute-footer .footer-primary .copyright-footer {
    display: block !important;
  }
	
  /* Footer / Absolute Footer / Comportamiento */
  .absolute-footer .footer-primary .copyright-footer a {
    display: block !important;
    margin: 4px 0;
    white-space: normal !important;
    font-size: 15px !important;
  }

  /* Footer / Absolute Footer / Apagar los | en mobile */
  .absolute-footer .footer-primary .copyright-footer {
    font-size: 0;
  }
  /* Footer / Absolute Footer / Fuentes */
  .absolute-footer .footer-primary .copyright-footer a {
    font-size: 15px !important;
  }

  /* Banner CTA Tienda */	
  .banner-cta-tienda-row {
    display: flex;
    flex-wrap: wrap;
  }

  /* Banner CTA Tienda / Texto a 1 columan */
  .banner-cta-tienda-row > .banner-cta-tienda-text-col {
    order: 1;
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    float: none !important; /* por si algún estilo viejo usa floats */
  }

  /* Banner CTA Tienda / Btn abajo del texto*/
  .banner-cta-tienda-row > .banner-cta-tienda-text-btn {
    order: 2;
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: auto !important;
    max-width: none !important
  }

  /* Banner CTA Tienda / Espacios del boton en mobile */
  .banner-cta-tienda-text-btn .col-inner {
    margin-top: 12px;
    text-align: left; 
  }
	
  /* DETALLE PRODUCTO / Tabs caracteristicas / Comportamiento Apilado de Tabs */ 	
  .single-product .tabbed-content > ul.nav.nav-line-bottom[role="tablist"]{
    display:flex; 
	flex-direction:column; 
    border:0 !important; 

  }
  /* DETALLE PRODUCTO / Tabs caracteristicas / Comportamiento del Tab */ 	
  .single-product .tabbed-content > ul.nav.nav-line-bottom[role="tablist"] > li.tab{
    width:100%!important; 
	float:none!important;
    border:0 !important;
  }
	
  /* DETALLE PRODUCTO / Tabs caracteristicas / anula pseudo-linea del tema */
  .single-product .tabbed-content > ul.nav.nav-line-bottom[role="tablist"] > li.tab > a::after,
  .single-product .tabbed-content > ul.nav.nav-line-bottom[role="tablist"] > li.tab > a::before{
    content:none !important;
  }

  /* DETALLE PRODUCTO / Tabs caracteristicas / linea abajo del tab */
  .single-product .tabbed-content > ul.nav.nav-line-bottom[role="tablist"] > li.tab > a > span{
    display:inline-block;
    border-bottom:2px solid transparent;
    padding-bottom:2px; 
  }
  /* DETALLE PRODUCTO / Tabs caracteristicas / TAB activo|hover */
  .single-product .tabbed-content > ul.nav.nav-line-bottom[role="tablist"] > li.tab.active > a > span,
  .single-product .tabbed-content > ul.nav.nav-line-bottom[role="tablist"] > li.tab > a:hover > span{
    border-bottom-color: currentColor;
  }
  
   /* DETALLE PRODUCTO / Tabs caracteristicas / Tab 1 y 2 apila contenidos */
  .single-product .tabbed-content .panel[id^="tab_especificaciones-"] .row,
  .single-product .tabbed-content .panel[id^="tab_explorá-"] .row{
    display: flex !important;
    flex-direction: column !important;
  
  }
  /* DETALLE PRODUCTO / Tabs caracteristicas / Tab 1 y 2 comportamiento del elemento */
  .single-product .tabbed-content .panel[id^="tab_especificaciones-"] .row > .col,
  .single-product .tabbed-content .panel[id^="tab_explorá-"] .row > .col{
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    float: none !important;
  }
   /* DETALLE PRODUCTO / Tabs caracteristicas / contenidos del tab exlora... */
  .single-product .tabbed-content .panel[id^="tab_explorá-"] .row > .col + .col .col-inner .kenyon-feature-col{
    border-top:1px solid rgba(0,0,0,0.15) !important;  /* mismo tono que tus <hr> */
    padding-top:40px;
	margin-top: -30px !important;  
  }	
}

/*************************************************************************************************************/
/***** (6-XS) CREADA P/KENYON  *******************************************************************************/
/*************************************************************************************************************/

@media (min-width: 550px) and (max-width: 679.98px){
  /* Home / Tipos de parrillas apila columnas | About Us Bullets*/		
  .row.grill-type > .col.grill-type-col,
.row > .col.about-us-bullets {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
  /* Home / Tipos de parrillas ancho maximo para imagenes */
  .grill-type-col img {
	max-width: 220px !important;
  }
	
  /* About us / Awards ajusta columna de texto */	
  .Kenyon-Award-Info.icon-box-left {
    display: flex;
    flex-direction: column !important;
    align-items: flex-start;
    gap: 12px;
  }

  /* About us / Awards ajusta columna de imagen */		
  .Kenyon-Award-Info.icon-box-left .icon-box-img {
    float: none !important;
    margin: 0 0 12px !important; 
    width: auto !important;
  }
	
  /* About us / Anula padding version desktop */
  .Kenyon-Award-Info.icon-box-left .icon-box-text {
    padding-left: 0 !important;
  }	
}



/*************************************************************************************************************/
/***** (7-XSS) HEREDADA DEL THEME / MOBILE THEME CSS HERE ****************************************************/
/*************************************************************************************************************/

@media (max-width: 599px) {
	/* Thank You page - Apilar etiqueta/valor */
    .woocommerce-order-received section.woocommerce-bacs-bank-details
    ul.wc-bacs-bank-details.order_details.bacs_details li strong {
       display:block;
       min-width:0;
       margin-bottom:2px;
    }
   /* Footer / Columna 2 y 3 */
   #footer .footer-2 .row.large-columns-4 > .col:nth-child(3),
   #footer .footer-2 .row.large-columns-4 > .col:nth-child(4) {
   	flex-basis: 100% !important;
   	max-width: 100% !important;
  }	
}