/* Tienda Virtual CSG: ajustes de diseño sobre Betheme. Variables --csg-accent / --csg-dark vienen de la marca del plugin. */

/* Cookies: barra compacta abajo en vez de tarjeta grande */
#mfn-gdpr{left:0!important;right:0!important;bottom:0!important;top:auto!important;width:auto!important;max-width:none!important;border-radius:0!important;padding:10px 16px!important;box-shadow:0 -2px 14px rgba(0,0,0,.12)!important;flex-direction:row!important;align-items:center;justify-content:center;gap:14px;text-align:left!important}
/* La barra solo se muestra cuando el tema le pone la clase .show (sin cookie aceptada); al aceptar, el tema la quita. */
#mfn-gdpr:not(.show){display:none!important}
#mfn-gdpr.show{display:flex!important}
#mfn-gdpr .mfn-gdpr-image{display:none!important}
#mfn-gdpr .mfn-gdpr-content{margin:0!important;font-size:13px;line-height:1.4;flex:0 1 640px}
#mfn-gdpr .mfn-gdpr-readmore{margin:0!important;font-size:13px;white-space:nowrap}
#mfn-gdpr .mfn-gdpr-button{margin:0!important;padding:8px 20px!important;font-size:13px!important;white-space:nowrap;background:var(--csg-accent)!important;color:#fff!important;border-radius:6px!important}
@media (max-width:767px){#mfn-gdpr{flex-wrap:wrap;gap:6px 12px}#mfn-gdpr .mfn-gdpr-content{flex-basis:100%}}

/* Franja de título más baja */
#Subheader{padding:18px 0!important}
#Subheader .title{font-size:30px!important;line-height:1.2!important;height:auto!important}
#Subheader .breadcrumbs,#Subheader .woocommerce-breadcrumb{font-size:13px}
.single-product #Subheader .title{display:none}

/* Ficha de producto */
.single-product .product_title{font-size:26px!important;line-height:1.25!important;font-weight:700;text-align:left!important}
.single-product .price{color:var(--csg-accent)!important;font-size:30px!important;font-weight:700;display:block;margin:8px 0 4px}
.single-product .stock{display:inline-block;font-size:13px;font-weight:600;color:var(--csg-accent);background:rgba(0,128,64,.1);border-radius:20px;padding:3px 12px}
.single-product .single_add_to_cart_button{min-height:50px;font-weight:700;letter-spacing:.02em}

/* Botones y acentos con los colores del logo */
.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt,
.woocommerce #respond input#submit.alt,.single_add_to_cart_button,.checkout-button,#place_order{background-color:var(--csg-accent)!important;border-color:var(--csg-accent)!important;color:#fff!important;border-radius:6px!important;transition:background-color .2s,box-shadow .2s}
.single_add_to_cart_button:hover,.checkout-button:hover,#place_order:hover,.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover{background-color:var(--csg-dark)!important;border-color:var(--csg-dark)!important;box-shadow:0 4px 14px rgba(15,61,46,.3)}
.woocommerce ul.products li.product .price,.woocommerce ul.products li.product .price .amount{color:var(--csg-accent)!important;font-weight:700}
.single-product .price .amount,.single-product .price bdi,.single-product .price .woocommerce-Price-currencySymbol{color:var(--csg-accent)!important}
.single-product p.stock,.single-product .stock.in-stock{color:var(--csg-accent)!important}
.single-product .product_meta a{color:var(--csg-accent)}

/* Barra superior (Acerca de / Contacto / Lista de deseos) fuera */
.mfn-header-tmpl-builder .mcb-section-3fb98ad99{display:none!important}

/* Valoraciones fuera (respaldo por CSS) */
.single-product #reviews,.single-product .woocommerce-Reviews,.single-product .woocommerce-product-rating,.single-product .woocommerce-tabs .reviews_tab{display:none!important}

/* Listados: vista fija de 4 columnas, sin selector de vista, tarjetas del mismo tamaño */
.mfn-woo-list-style{display:none!important}
.woocommerce ul.products.grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:0!important}
.woocommerce ul.products.grid>li.product{width:auto!important;margin:0!important;float:none!important;clear:none!important;display:flex;flex-direction:column}
.woocommerce ul.products.grid>li.product .image_frame,.woocommerce ul.products.grid>li.product .image_wrapper{aspect-ratio:1/1;overflow:hidden}
.woocommerce ul.products.grid>li.product img{width:100%;height:100%;object-fit:contain}
.woocommerce ul.products.grid>li.product .woocommerce-loop-product__title,.woocommerce ul.products.grid>li.product .title{min-height:3.9em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
@media (max-width:1023px){.woocommerce ul.products.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:767px){.woocommerce ul.products.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}
.woocommerce ul.products.grid::before,.woocommerce ul.products.grid::after{display:none!important;content:none!important}

/* Portada: menos aire entre el banner y los productos */
.home #Content .mfn-builder-content>section.mcb-section{padding-top:24px!important;padding-bottom:24px!important}
.home #Content .mfn-builder-content>section.mcb-section .mfn-heading-wrapper,.home #Content .mfn-builder-content>section.mcb-section .mcb-item-heading-inner{margin-bottom:8px}

/* Portada: los carruseles reemplazan la sección "Nuestros Productos" del constructor */
.home .mfn-builder-content>section.mcb-section-vxzs38sm5{display:none!important}
.home .csg-front{margin:24px auto}

/* Pie: carrusel junto al bloque de contacto */
.csg-footer-carousel{min-width:0;max-width:100%;box-sizing:border-box}
.csg-footer-carousel .csg-carousel{margin:10px 0;flex:1 1 0;min-width:0;width:100%;max-width:100%;box-sizing:border-box}

/* Encabezado: lupa propia (la imagen del tema apunta a otro dominio y sale rota) */
.mfn-header-search-link .icon-wrapper{width:26px;height:26px;display:inline-block;background:no-repeat center/contain url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232a27e9' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><circle cx='11' cy='11' r='7'/><path d='M20 20l-4-4'/></svg>")}
.mfn-header-search-link .icon-wrapper img{display:none!important}
.mfn-header-search-link .icon-wrapper{width:26px!important;height:26px!important;flex:0 0 26px;margin:0 auto}

/* La tienda no permite registro: fuera "o Registrarse" */
.mfn-header-account-link .desc-wrapper br,.mfn-header-account-link .desc-wrapper span{display:none!important}

/* Selector de idioma ES | EN */
.csg-lang-col{display:flex;align-items:center;padding:0 6px;position:relative;z-index:50} /* por encima de la capa .mcb-wrap-background-overlay de Betheme, que se comía los clics */
.csg-lang{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;line-height:1;position:relative;z-index:51}
.csg-lang a{color:#797979;text-decoration:none;padding:6px 4px;border-bottom:2px solid transparent;cursor:pointer;pointer-events:auto}
.csg-lang a:hover{color:var(--csg-dark,#0f3d2e)}
.csg-lang a.is-active{color:var(--csg-accent,#008040);border-bottom-color:var(--csg-accent,#008040)}
.csg-lang span{color:#c9c9c9}
.admin-bar .csg-lang-float{top:44px}
.csg-lang-float{position:fixed;top:8px;right:10px;z-index:9998;background:#fff;border-radius:16px;padding:6px 10px;box-shadow:0 1px 6px rgba(0,0,0,.18)}

/* Categorías: se quita la columna lateral vacía de Betheme y el listado usa todo el ancho, con 5 columnas */
.mfn-shop-archive-tmpl-builder .mcb-wrap-fn6gztoc{display:none!important}
.mfn-shop-archive-tmpl-builder .mcb-wrap-hx80opk0fp{width:100%!important;max-width:100%!important;float:none!important}
body .mfn-shop-archive-tmpl-builder ul.products.grid{grid-template-columns:repeat(5,minmax(0,1fr))}
@media (max-width:1199px){body .mfn-shop-archive-tmpl-builder ul.products.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:1023px){body .mfn-shop-archive-tmpl-builder ul.products.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:767px){body .mfn-shop-archive-tmpl-builder ul.products.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Sin corazón de "agregar a la lista de deseos" (listados y ficha de producto) */
a.mfn-wish-button,.mfn-wish-button{display:none!important}

/* Ficha de producto: sin "Compartir" + redes sociales. OJO: .share-simple lo lleva también el contenedor del producto, no se oculta. */
.single-product .share-simple-wrapper{display:none!important}

@media (max-width:767px){.csg-lang-col{padding:0 4px}.csg-lang{font-size:12px;gap:4px}}

/* Pie de producción: el logo "Tiendita CSG" (columna propia, mitad derecha) lo reemplaza el carrusel. En el dev no existe. */
.mcb-wrap-0ql36gvvp{display:none!important}

/* ===== Móvil ===== */
@media (max-width:767px){
	/* Iconos de cuenta y carrito del encabezado móvil: las imágenes del tema apuntan a un dominio antiguo y salen rotas. SVG propios. */
	.mfn-header-mobile-section .mfn-header-account-link .icon-wrapper,
	.mfn-header-mobile-section .mfn-header-cart-link .icon-wrapper{width:26px!important;height:26px!important;flex:0 0 26px;margin:0 auto;display:inline-block;background:no-repeat center/contain}
	.mfn-header-mobile-section .mfn-header-account-link .icon-wrapper{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232a27e9' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='8' r='4'/><path d='M4 21c0-4.4 3.6-7 8-7s8 2.6 8 7'/></svg>")}
	.mfn-header-mobile-section .mfn-header-cart-link .icon-wrapper{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232a27e9' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M5.5 8.5h13l1 12h-15z'/><path d='M9 8.5V7a3 3 0 0 1 6 0v1.5'/></svg>")}
	.mfn-header-mobile-section .mfn-header-account-link .icon-wrapper img,
	.mfn-header-mobile-section .mfn-header-cart-link .icon-wrapper img{display:none!important}

	/* Zonas táctiles de al menos 40 px sin cambiar lo que se ve */
	.mfn-header-mobile-section .mfn-header-icon-box,.mfn-header-mobile-section .mfn-header-menu-burger{position:relative}
	.mfn-header-mobile-section .mfn-header-icon-box::after,.mfn-header-mobile-section .mfn-header-menu-burger::after{content:"";position:absolute;inset:-8px -6px}
	.csg-lang a{padding:12px 8px;margin:-6px 0}
	.csg-carousel__dots button{position:relative;width:8px;height:8px}
	.csg-carousel__dots button::after{content:"";position:absolute;inset:-12px -6px}
	.csg-carousel__dots{gap:10px}
}

/* Menú del panel móvil (hamburguesa): categorías con subcategorías desplegables */
.csg-mobile-menu{width:100%;padding:56px 0 28px;box-sizing:border-box;align-self:flex-start;overflow-y:auto;max-height:100%}
.csg-mobile-menu ul{list-style:none;margin:0;padding:0}
.csg-mobile-menu li{position:relative;margin:0;border-bottom:1px solid #ececec}
.csg-mobile-menu li>a{display:block;padding:15px 56px 15px 22px;font-size:15px;font-weight:700;line-height:1.25;color:var(--csg-dark,#0f3d2e);text-decoration:none}
.csg-mobile-menu li>a:hover,.csg-mobile-menu li>a:active{color:var(--csg-accent,#008040)}
.csg-sub-toggle{position:absolute;top:0;right:0;width:52px;height:48px;border:0;background:none;cursor:pointer;padding:0}
.csg-sub-toggle::before{content:"";position:absolute;left:50%;top:50%;width:9px;height:9px;margin:-7px 0 0 -5px;border:solid var(--csg-accent,#008040);border-width:0 2px 2px 0;transform:rotate(45deg);transition:transform .2s}
.csg-has-sub.is-open>.csg-sub-toggle::before{transform:rotate(-135deg);margin-top:-3px}
.csg-sub{display:none;background:#f6f8f7}
.csg-has-sub.is-open>.csg-sub{display:block}
.csg-sub li{border-bottom:0}
.csg-sub li>a{padding:12px 56px 12px 38px;font-size:14px;font-weight:600}
.csg-sub .csg-sub li>a{padding-left:54px;font-weight:500}

/* Barra de promoción móvil ("Like us on Facebook… 20% discount" / "Subscribe our newsletter…"): textos de demostración de Betheme, fuera */
.mfn-header-tmpl .mcb-section-zf4s3gw2d,.mfn-header-tmpl .mcb-section-4663fae38,.mfn-header-tmpl .mcb-section:has(.promo_bar_slider){display:none!important}