/*
Theme Name:   Storefront Child
Theme URI:    https://ankorprintshop.local/
Description:  Child theme de Storefront para ANKOR. Todas las personalizaciones del sitio van aquí para no perderlas al actualizar el tema padre.
Author:       ANKOR
Author URI:   https://ankorprintshop.local/
Template:     storefront
Version:      1.0.1
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  storefront-child
Domain Path:  /languages
*/

/* Escribí tus estilos personalizados debajo de esta línea. */

/*
 * FOTOS DE PRODUCTO CON FONDO TRANSPARENTE
 * ----------------------------------------
 * Las fotos son PNG transparentes sobre el fondo oscuro de la web. Storefront
 * pinta de blanco el zoom de la galeria y la cajita "producto anterior /
 * siguiente"; aqui lo quitamos.
 */

/* Zoom al pasar el raton: sin fondo blanco. Mientras dura el zoom se oculta la
   foto normal de debajo, para que no se vean las dos a la vez. */
.single-product div.product .woocommerce-product-gallery .zoomImg {
	background-color: transparent;
}

.single-product div.product .woocommerce-product-gallery__image:has(.zoomImg):hover a img {
	opacity: 0;
}

/* Cajita lateral "producto anterior / siguiente": oscura en vez de blanca. */
.storefront-product-pagination a {
	background-color: rgba(10, 10, 10, 0.92);
}

/*
 * BLOQUES CLAROS -> NEGRO SEMITRANSPARENTE
 * ----------------------------------------
 * Storefront pinta de blanco / gris claro (desde el Personalizador) las tablas,
 * el pie, el desplegable del carrito y la navegacion de movil. Sobre el fondo
 * oscuro de la web se leen mal: van todos al mismo negro del carrito y el
 * checkout (10,10,10 al 92%), con las cabeceras un pelin mas claras.
 */

/* Tablas de contenido: legales, guia de tallas, pestanas de producto. */
body table:not(.has-background) th,
body table:not(.has-background) td,
body table:not(.has-background) tbody td,
body table:not(.has-background) tbody tr:nth-child(2n) td {
	background-color: rgba(10, 10, 10, 0.92);
}

body table:not(.has-background) thead th,
body table:not(.has-background) tbody th {
	background-color: rgba(28, 28, 28, 0.92);
}

.entry-content table a:not(.button):not(.remove) {
	color: #fff;
}

/* Pie de pagina. */
body .site-footer {
	background-color: rgba(10, 10, 10, 0.92);
	color: #cfcfcf;
}

body .site-footer a:not(.button):not(.components-button) {
	color: #90f722;
}

/* Desplegable del carrito en la cabecera. */
body .site-header-cart .widget_shopping_cart,
body .site-header-cart .widget_shopping_cart .total,
body .site-header-cart .widget_shopping_cart .buttons {
	background-color: rgba(10, 10, 10, 0.96);
}

body .site-header-cart .widget_shopping_cart a:not(.button):not(.remove) {
	color: #fff;
}

/* Lupa de la galeria de producto. */
.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
	background-color: rgba(10, 10, 10, 0.92);
	color: #90f722;
}

/* Movil: boton "Menu", menu desplegado, barra inferior y su buscador. */
body .main-navigation button.menu-toggle,
body .main-navigation button.menu-toggle:hover {
	background-color: rgba(10, 10, 10, 0.92);
}

@media screen and (max-width: 768px) {
	body .main-navigation div.menu,
	body .main-navigation .handheld-navigation {
		background-color: rgba(10, 10, 10, 0.96);
	}
}

body .storefront-handheld-footer-bar,
body .storefront-handheld-footer-bar ul li > a,
body .storefront-handheld-footer-bar ul li.search .site-search {
	background-color: rgba(10, 10, 10, 0.96);
}