/**
Theme Name: Astra Child Tema Hijo (No actualizar)
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child-tema-hijo-no-actualizar
Template: astra
*/





/* Añadido por daniel inicio */




/* color Fondo pestañas producto individual */
.woocommerce-tabs ul.tabs, 
.woocommerce-tabs ul.tabs li {
    background-color: #F2E2C4 !important;
    border: none !important;
}
/* Color pestaña activa */
.woocommerce-tabs ul.tabs .active {
    background-color: #BFA380 !important;
}
/* Color de texto negro */
.woocommerce-tabs ul.tabs li a {
    color: #000000 !important;
}







/* subir foto perfil en comentario producto vista arreglada para que no se desborde*/

/* Asegura que el contenedor principal sea flexible */
.wpmake-advance-user-avatar-container {
    max-width: 100%;
    padding: 10px;
    box-sizing: border-box;
}

/* Ajusta los inputs y botones para móviles */
.wpmake-advance-user-avatar-container input[type="text"],
.wpmake-advance-user-avatar-container input[type="file"],
.wpmake-advance-user-avatar-container button {
    max-width: 100%;
    white-space: normal;
    word-wrap: break-word;
}

/* Opcional: apilar botones en móvil si están muy apretados */
@media (max-width: 600px) {
    .wpmake-advance-user-avatar-container .button-group button {
        display: block;
        width: 100%;
        margin-bottom: 5px;
    }
}


/* apariencia botones subir foto de perfil */
/* Estilo general para los botones del plugin */
.wpmake-advance-user-avatar-upload .button {
    background-color: #F2E2C4 !important; /* Cambia este color a tu gusto */
    color: #000000 !important;            /* Color del texto */
    border: none !important;
    border-radius: 4px;                   /* Opcional: redondea las esquinas */
    padding: 8px 15px;
    margin: 5px;
    transition: background 0.3s ease;
}

/* Efecto al pasar el ratón (hover) */
.wpmake-advance-user-avatar-upload .button:hover {
    background-color: #BFA380 !important;
}

/* Opcional: Estilo específico para el botón de 'Remove' si quieres diferenciarlo */
.wpmake-advance-user-avatar-remove {
    background-color: #d9534f !important; /* Rojo para borrar */
}










/* Apariencia menu mi cuenta*/
/* Forzar color de fondo en la pestaña activa */
nav.wsmt_extra_navclass ul.wcmamtx_vertical li.is-active a.woocommerce-MyAccount-navigation-link_a {
    background-color: #BFA380 !important;
    border-color: #BFA380 !important;
}

/* texto también cambie de color para contrastar mejor */
nav.wsmt_extra_navclass ul.wcmamtx_vertical li.is-active a.woocommerce-MyAccount-navigation-link_a,
nav.wsmt_extra_navclass ul.wcmamtx_vertical li.is-active a.woocommerce-MyAccount-navigation-link_a span {
    color: #000000 !important; /* Cambia a blanco o el color que prefieras */
}

/* Color de fondo normal (pestañas inactivas) */
nav.wsmt_extra_navclass ul.wcmamtx_vertical li:not(.is-active) a.woocommerce-MyAccount-navigation-link_a {
    background-color: #F2E2C4 !important; /* Cambia este color por el que desees */
    color: #000000 !important; /* Color del texto para contraste */
}

/* EFECTO HOVER: Color al pasar el cursor */
nav.wsmt_extra_navclass ul.wcmamtx_vertical li:not(.is-active) a.woocommerce-MyAccount-navigation-link_a:hover {
    background-color: #BFA380 !important;
    border-color: #BFA380 !important;
    color: #000000 !important; /* Ajusta este color si prefieres que el texto sea otro al pasar el cursor */
}













/* Ajuste en checkout(finalizar compra) en tablet resumen de pedido apilar elementos en 1 columna cuando sea menor a 1024px y no dejar 2 columnas */
/* Ajuste solo para tablets (entre 768px y 1024px): Apilar elementos */
@media (min-width: 768px) and (max-width: 1024px) {
    .wp-block-woocommerce-checkout-fields-block,
    .wp-block-woocommerce-checkout-totals-block {
        flex: 1 1 100% !important;
        max-width: 100% !important;
				position: static !important;
    }
}



















/* Ajustar márgenes laterales al 5% en productos de WooCommerce con Astra */
body.single-product .site-content,
body.single-product .ast-container,
body.single-product #primary,
body.single-product #main {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    /* Mantenemos padding arriba/abajo en 0 y aplicamos 5% a los lados */
    padding: 0 0.5% !important;
    box-sizing: border-box; /* Importante para que el padding no desborde el ancho */
}






    /* Reducción del tamaño del texto del precio */
    .woocommerce div.product p.price, 
    .woocommerce div.product span.price {
        font-size: 1.3em !important; /* Ajusta este valor: 0.8em es más pequeño, 0.9em más grande */
    }




	
/* 3. Tamaño Descripción corta del producto */
.woocommerce-product-details__short-description {
    font-size: 15px !important;
    font-weight: bold !important;
    text-align: center !important;
}
	









/* Añadido por daniel fin */