/*
Theme Name: Astra Child
Author: Aniley
Author URI: https://anileydogs.com
Description: Tema hijo para hacer personalizaciones de código
Template: astra
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
*/

/* A partir de aqui ya se puede añadir codigo */

/* Menu en mayusculas */
.ast-main-header-bar-alignment {text-transform: uppercase;}

/* Separacion de los items del menu */
.main-header-menu .menu-link, .main-header-menu>a {padding: 0 1.5em;}

/* Quitar borde debajo del menu */
.ast-below-header-bar {border-bottom: none;}

/* Cambiar el color de borde del cuadro de los submenus */
.ast-builder-menu-1 .sub-menu, .ast-builder-menu-1 .inline-on-mobile .sub-menu {border-color: #f0f0f0;}

/* Ocultar "Mostrando los X resultados" de la shop */
p.woocommerce-result-count {display: none;}

/* Añadir margen inferior debajo del titulo y mostrar el titulo a la izquierda del "Orden por defecto" */
header.woocommerce-products-header {float: left;margin-bottom: 40px;}

/* Quitar el margen inferior de debajo del titulo de la pagina en versiones moviles. */
@media (max-width: 544px){
.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering {margin-bottom: 4em;}
header.woocommerce-products-header {float: left;margin-bottom: 0px;}
}

/* Modificar estilo etiquetas ofertas */
.woocommerce ul.products li.product .onsale {margin: 0;padding: 0px 10px;}
.woocommerce span.onsale {border-radius: 0;min-height: 2em;line-height: 2em;}
.woocommerce div.product span.onsale {min-height: 2em;min-width: 5.5em;line-height: 2em;padding: 0 10px;}
.woocommerce span.onsale {top: 0;left: 0;color: #fff !important;background-color: #ffaaaa;}

/* Dejar margen superior y inferior debajo de la descripcion de producto */
.single-product .descripcionproducto {margin: 3em 0 0 0;}
.woocommerce div.product .woocommerce-tabs {margin-bottom: 4em;}

/* Dejar margen inferior debajo del precio en la pagina individual del producto */
.woocommerce div.product p.price, .woocommerce div.product span.price {margin: 0 0 0.6em;}

/* Dejar margen inferior debajo del boton del carrito en la ficha de producto */
.woocommerce div.product form.cart {margin: 0;}

/* Estilos para colocar el formulario de reviews de la ficha de productos dentro de un toggle */
.woocommerce #review_form #commentform {display: none;}
.woocommerce #review_form .comment-reply-title {display: inline-block;background: #000;color: #fff;padding: 10px 20px;font-size: 12px;cursor: pointer;margin-bottom: 2em;}

/* Cambiar el color de la paginacion de la tienda */
.woocommerce nav.woocommerce-pagination ul li span.current {background: #434242;}
.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover {background: #5e5d5d;}
.woocommerce nav.woocommerce-pagination ul li {border-color: #434242;}
a.page-numbers {color: #434242;}

/* Cambiar estilos del boton del buscador */
.wc-block-product-search .wc-block-product-search__button {background: #434242;}

/* Cambiar color al titulo de las paginas */
.page-title {color: #434242;}

/* Quitar el texto en negrita del precio de la ficha de producto */
span.woocommerce-Price-amount.amount {font-weight: normal;}

/* Acortar el titulo de los productos en la tienda a una sola linea y oculta el resto del texto */
h2.woocommerce-loop-product__title {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

/* Cambiar estilos del texto "El producto se ha añadido a tu carrito" en la ficha de producto */
.single-product .woocommerce-message, .woocommerce-info {border: none;background: none;padding: 0.5em 1.3em 0;margin: 0 !important;}
.single-product .woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before {position: absolute;top: 0.55em;left: 0;}

/* Quitar el borde de debajo de las variaciones en la ficha de producto */
.woocommerce div.product form.cart .variations {border-bottom: none;}

/* Quitar el texto en negrita de la palabra "Talla" de las variaciones en la ficha de producto */
.woocommerce div.product form.cart .variations label {font-weight: normal;}

/* Dejar margen superior en el titulo "Productos Relacionados" en la ficha de producto */
.woocommerce .related.products h2 {padding-top: 2em;}

/* Dejar margen superior en el titulo "Valoraciones" (reviews) en la ficha de producto */
div#reviews {margin: 2em 0 1em;}

/* Dejar margen inferior en el contenido (body) de la pagina (antes del footer) */
#primary {margin: 4em 0 5em;}

/* Cambiar el tamaño del titulo del producto en la descripcion de la ficha de producto */
.single-product .descripcionproducto h2 {font-size: 20px;}

/* Quitar el recuento de productos de cada categoria en la vista de categorias de la home */
.product-category h2.woocommerce-loop-category__title mark.count {display: none !important;}

/* Dar estilo al titulo de cada categoria en la vista de categorias de la home */
h2.woocommerce-loop-category__title {position: initial !important;background-color: #ffffff00 !important;}
/*li.product-category {margin-bottom: 4.5em !important;}*/ /* Dejar margen inferior*/

/***** Dar estilos al formulario de cupones que se encuentra dentro de la revision de pedido del checkout *****/
#checkout_cart input#coupon_code {width: auto;}
.woocommerce form.checkout_coupon .button[name=apply_coupon] {padding: 10px 15px !important;}
/* Estilo para superar el estilo en línea del diálogo jQuery en el cuadro de diálogo del cupón (Opcional) */
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.coupon-special {position: relative;top: 0 !important;left: 0 !important;border: 0;width: 99% !important;}
/* Remove the close coupon field button */
.ui-widget-header {display:none;}
.woocommerce-checkout .woocommerce form.checkout_coupon .form-row-last {width: 33%;}
.woocommerce-checkout .woocommerce form.checkout_coupon .form-row-first {width: 65%;padding-right: 0%;}
.woocommerce-checkout .woocommerce form.checkout_coupon .button {font-size: 13px;}
/* Añadir borde inferior */
div#coupon-anchor {border-bottom: 1px solid #ebebeb;}
/* Cambiar tamaño de la descripción del campo cupones*/
form#ui-id-1 p.form-row.form-row-last {display: inline-block;}
form#ui-id-1 p.form-row.form-row-first {display: inline-block;}
form#ui-id-1 p {display: none;}
/* Fin css cupones checkout */

/* Dar margen inferior a los campos del checkout */
.woocommerce form .form-row {margin: 0px 0 10px;}

/* WOOCOMMERCE - Dar estilo a la cajita de preguntas frecuentes FAW del carrito y a la tabla de totales */
@media (min-width: 768px){
    .wp-block-group.faq-cart {width: 49%;float: left;}
    .cart-collaterals {width: 49% !important;float: right;}
    .cart_totals {width: 100% !important;}
}

/* WOOCOMMERCE - Dar estilos a los boxes de cliente VIP en la pestaña "Informes" de mi cuenta */
.aniley-cliente-vip {padding: 1em;}