/*
 Theme Name:   Storefront Child
 Theme URI:    https://criptoinvest.online/
 Description:  Tema hijo para Storefront
 Author:       Tu Nombre
 Author URI:   https://criptoinvest.online/
 Template:     storefront
 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:  storefront-child
*/

/* Back to Top Button */
#back-to-top {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed position */
    bottom: 20px; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: #0073aa; /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 15px; /* Some padding */
    border-radius: 50%; /* Make it a circle */
    font-size: 18px; /* Increase font size */
    line-height: 1; /* Adjust line height for centering */
    text-align: center;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
    transition: opacity .3s ease-in-out;
}

#back-to-top:hover {
    background-color: #005177; /* Darker background on hover */
}

/* Sidebar visual improvements */
/* General sidebar container */
#secondary.widget-area {
    padding: 20px;
    background-color: #f9f9f9;
}

/* Individual widget 'cards' */
#secondary .widget {
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 25px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
    transition: box-shadow 0.3s ease-in-out;
}

#secondary .widget:hover {
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}

/* Widget titles */
#secondary .widget .wp-block-heading {
    font-size: 1.4em;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 2px solid #f0f0f0;
    color: #333;
}

/* Lists within widgets */
#secondary .widget ul {
    list-style: none;
    padding-left: 0;
}

/* List items */
#secondary .widget ul li {
    margin-bottom: 10px;
    position: relative;
    padding-left: 20px;
}

/* Add a decorative element to list items */
#secondary .widget ul li::before {
    content: '\25CF'; /* Circle character */
    color: #0073aa; /* WordPress blue */
    position: absolute;
    left: 0;
    top: 0;
    font-size: 0.8em;
}

/* Links within widgets */
#secondary .widget a {
    text-decoration: none;
    color: #0073aa;
    transition: color 0.2s ease-in-out;
}

#secondary .widget a:hover {
    color: #00a0d2;
    text-decoration: underline;
}

/* Search bar styling */
#secondary .widget_search .wp-block-search__input {
    width: 100%;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #ccc;
}

#secondary .widget_search .wp-block-search__button {
    background-color: #0073aa;
    color: white;
    border: none;
    padding: 10px 15px;
    border-radius: 5px;
    cursor: pointer;
    margin-top: 10px;
}

#secondary .widget_search .wp-block-search__button:hover {
    background-color: #00a0d2;
}

/* Estilos para las miniaturas de entradas recientes */
.wp-block-latest-posts__post-thumbnail {
    width: 50px; /* Tamaño fijo para la miniatura */
    height: 50px;
    object-fit: cover; /* Asegura que la imagen cubra el área sin distorsionarse */
    margin-right: 10px; /* Espacio a la derecha de la imagen */
    border-radius: 4px; /* Bordes ligeramente redondeados */
    vertical-align: middle; /* Alinea la imagen con el texto */
}

#secondary .wp-block-latest-posts__list li {
    display: flex; /* Usa flexbox para alinear la imagen y el texto */
    align-items: center; /* Centra verticalmente los elementos */
    margin-bottom: 15px; /* Espacio entre cada entrada */
}

#secondary .wp-block-latest-posts__list li a.wp-block-latest-posts__post-title {
    flex-grow: 1; /* Permite que el título ocupe el espacio restante */
    font-size: 0.95em;
    line-height: 1.3;
}