/*
Theme Name: Storefront Child Setup
Version: 1.0
Description: Child theme for Storefront.
Author: Emerson Sanchez
Author URI: https://woocommerce.com
Template: storefront
*/




.col-full {
    max-width: 100rem!important;

}
.site-branding .site-description  {
    display: block !important;
    font-size: 1rem!important; /* Ajusta el tamaño de fuente según tus preferencias */
   margin-top: 1rem;
}


.main-navigation ul li a {
    /* Tipografía */
    font-family: 'Roboto', sans-serif; /* Cambia a la fuente que prefieras */
    font-size: 1rem; /* Tamaño de la fuente */
    font-weight: 500; /* Grosor de la fuente */

    /* Colores */
    color: #333; /* Color del texto */
    text-decoration: none; /* Elimina el subrayado por defecto */
    background-color: transparent; /* Fondo transparente por defecto */

    /* Espaciado */
    padding: 10px 15px; /* Espaciado interno */
    margin: 0 5px; /* Espaciado entre elementos */

    /* Bordes y otros */
    border-radius: 5px; /* Bordes redondeados */
    transition: background-color 0.3s, color 0.3s; /* Suaviza las transiciones */
}

/* Estilo al pasar el cursor por encima */
.main-navigation ul li a:hover {
    background-color: #e67e22; /* Fondo al pasar el cursor */
    color: #fff; /* Color del texto al pasar el cursor */
}

.site-header ul.menu li.current-menu-item > a{
    background-color: #e67e22; /* Fondo al pasar el cursor */
    color: #fff; /* Color del texto al pasar el cursor */
    
}







/******************** Estilo a los product de front-page *******************/
.products li.product,
.wc-block-grid__product{
    display: flex;
    flex-direction: column;
    background: linear-gradient( rgb(255, 255, 255) 0%, rgb(255, 255, 255) 48%, rgb(248, 248, 248) 100%);;
    border-radius: 15px;
    margin: 20px 10px!important;
    padding: 10px!important;
    height: auto;
    overflow: hidden;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s, box-shadow 0.3s;
}



.products li.product:hover,
.wc-block-grid__product:hover{
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

.products li.product .woocommerce-loop-product__title,
.wc-block-grid__product-title {
    font-size: 1.1rem!important;
    color: #333333;
}

.take-away-item-description {
    margin-bottom: 10px;
    color: #333333;
}

.products .product .price .woocommerce-Price-amount{
    font-size: 1.3rem;
    color: #333333;
}

/* Botones con estilo uniforme y ancho completo */
.products li.product .add_to_cart_button,
.wp-block-button__link{ 
    background-color: #e67e22!important;
    color: #fff!important;
    font-size: 1rem!important;
    border: none;
    border-radius: 5px!important;
    cursor: pointer;
    transition: background-color 0.3s;
    text-decoration: none;
    display: block; /* Cambia el display a block */
    width: 100%; /* Ancho completo */
    text-align: center; /* Centra el texto en el botón */
}


.products li.product .add_to_cart_button:hover ,
.wp-block-button__link:hover{
    background-color: #d35400;
}

li.product .cart {
    display: flex;
    align-items: center;
    margin-top: auto;
}

li.product .quantity {
    display: flex;
    align-items: center;
    margin-right: 10px;
}

li.product .quantity input.qty {
    width: 70px;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 5px;
    margin-right: 10px;
}


/* Asegúrate de que las imágenes se vean bien */
.products .product img {
    width: 100%;
    border-radius: 15px;
    margin-bottom: 15px;
}

/*===================eliminar boton ver carrito de la tienda====================*/

.products .product a.added_to_cart,
.site-info{
    display: none;
}


/*==================== estilos para los productos de pagina principal=========================*/



.wc-block-grid__product-add-to-cart {
    width: 100%;
    text-align: center; /* Centra el contenido dentro del contenedor */
}



.wp-block-button__link:active,
 .added_to_cart:active{
    transform: scale(0.98);
    background: #bdc3c7;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
}
/*noton que se muestra en la pagina principal cuando se agrego un producto al carro*/

.added_to_cart{
    background-color: #2c3e50!important;
    color: #fff!important;
    font-size: 1rem!important;
    border: none;
    border-radius: 5px!important;
    cursor: pointer;
    transition: background-color 0.3s;
    text-decoration: none;
    display: block; /* Cambia el display a block */
    width: 100%; /* Ancho completo */
    text-align: center; /* Centra el texto en el botón */
    margin-top: 1rem;
}
 /*============================================ area del widget==========================================*/
.widget_shopping_cart_content {
    background-color: #fff; /* Fondo blanco para destacar el contenido */
    border-radius: 10px; /* Bordes redondeados */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Sombra sutil para un efecto flotante */
    padding: 20px; /* Espaciado interno */
    width: 300px; /* Ancho fijo para el widget */
    max-height: 400px; /* Altura máxima para el widget */
    overflow-y: auto; /* Barra de desplazamiento si el contenido es demasiado largo */
    position: relative; /* Posición relativa para los elementos posicionados dentro */
    text-decoration: none;
}

.widget .widget-title {
    font-size: 2rem; /* Tamaño de fuente grande */
    font-weight: 500; /* Fuente en negrita */
    color: #333; /* Color oscuro */
    font-family: 'Arial', sans-serif; /* Fuente moderna */
    text-align: center; /* Centrar el texto */
}

/* Estilos para la lista de artículos en el carrito */
.woocommerce-mini-cart {
    list-style: none; /* Eliminar viñetas de lista */
    margin: 0;
    padding: 0;
}

.woocommerce-mini-cart-item .mini_cart_item {
    align-items: center; /* Alinear los elementos verticalmente */
    padding: 10px 0; /* Espaciado superior e inferior */
    border-bottom: 4rem solid #2f2e2e; /* Línea divisoria entre artículos */
    font-size: 20px;
    font-weight: bold;
    color: #333;
}

.woocommerce-mini-cart-item .quantity {
    font-size: 18px; /* Cambia 18px por el tamaño de fuente que prefieras */
    font-weight: bold; /* Opcional: si deseas que el texto sea más grueso */
    color: #333; /* Opcional: para cambiar el color del texto */
}

.widget-area .widget a{
    text-decoration: none;
    font-size: 18px; /* Cambia 18px por el tamaño de fuente que prefieras */
    font-weight: bold; /* Opcional: si deseas que el texto sea más grueso */
}
.hentry .entry-content a {
    text-decoration: none;
    font-size: 18px; /* Cambia 18px por el tamaño de fuente que prefieras */
    font-weight: bold; /* Opcional: si deseas que el texto sea más grueso */
    color: #030303;
}

.woocommerce-mini-cart__total {
    font-size: 16px; /* Tamaño del texto */
    font-weight: bold; /* Negrita para destacar el total */
    margin: 10px 0; /* Espaciado superior e inferior */
}




.wc-block-components-button:not(.is-link){
    color: white!important;
}
  


#ship-to-different-address,
.storefront-handheld-footer-bar .my-account,
.footer-thankyou,
.woocommerce-message,
.button .wc-forward::after
{
    display: none!important;
}

.storefront-handheld-footer-bar ul.columns-3 li {
    width: 49.33333%!important;
}

.wp-block-woocommerce-checkout-order-summary-block{
    display: none;
}
 */   
.wc-block-components-sidebar-layout .wc-block-components-main{
    width: 100%!important;
}

/*==================== Estilos generales para la pagina principal del carrito de compras============================= */

.wc-block-cart-items__row .wc-block-components-product-name {
    color: black!important;
}
/*==================== Estilos generales para la tabla de checkout============================= */
.shop_table.woocommerce-checkout-review-order-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 2rem;
    font-family: Arial, sans-serif;
}

/* Encabezados de la tabla */
.shop_table thead th {
    background-color: #f7f7f7;
    color: #333;
    padding: 0.75rem;
    text-align: left;
    border-bottom: 2px solid #ddd;
}

/* Filas del cuerpo de la tabla */
.shop_table tbody tr {
    border-bottom: 1px solid #ddd;
}

/* Celdas de la tabla */
.shop_table td {
    padding: 0.75rem;
    vertical-align: top;
}

/* Celdas de la columna de nombre del producto */
.shop_table .product-name {
    font-weight: normal;
    color: #555;
}

/* Celdas de la columna del total del producto */
.shop_table .product-total {
    text-align: right;
    font-weight: bold;
}

/* Estilos para el pie de la tabla */
.shop_table tfoot th {
    background-color: #f7f7f7;
    color: #333;
    padding: 0.75rem;
    text-align: left;
    border-top: 2px solid #ddd;
}

/* Estilos para el total del pedido */
.shop_table .order-total {
    font-size: 1.25rem;
    font-weight: bold;
    color: #333;
}

/* Estilos para los métodos de envío */
.shop_table .woocommerce-shipping-methods {
    list-style: none;
    padding: 0;
    margin: 0;
}

.shop_table .woocommerce-shipping-methods li {
    padding: 0.5rem 0;
}

.shop_table .woocommerce-shipping-methods input[type="radio"] {
    margin-right: 0.5rem;
}

/* Estilo de los precios */
.woocommerce-Price-amount.amount {
    font-weight: bold;
    color: #000;
    font-size: 1rem;
}

/* Estilo de la moneda */
.woocommerce-Price-currencySymbol {
    font-size: 1rem;
}

/* Espaciado y bordes */
.shop_table td,
.shop_table th {
    border: 1px solid #ddd;
}

.shop_table td {
    background-color: #fff;
}






/*========================Estilos generales para el contenedor de campos de facturación====================== */
.woocommerce-billing-fields__field-wrapper {
    margin-bottom: 2rem;
    font-family: Arial, sans-serif;
}

/* Estilos para las filas del formulario */
.woocommerce-billing-fields .form-row {
    margin-bottom: 1rem;
}

/* Estilo para las etiquetas de los campos */
.woocommerce-billing-fields label {
    display: block;
    font-weight: bold;
    color: #333;
    margin-bottom: 0.5rem;
}

/* Estilo para los campos de entrada */
.woocommerce-billing-fields input.input-text {
    width: 100%;
    padding: 0.75rem;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 1rem;
    box-sizing: border-box;
}

/* Estilo para los campos de entrada en foco */
.woocommerce-billing-fields input.input-text:focus {
    border-color: #007cba; /* Color del borde en foco */
    outline: none;
    box-shadow: 0 0 0 2px rgba(0, 124, 186, 0.2); /* Sombra para el foco */
}





/* Estilo para los contenedores de entrada */
.woocommerce-input-wrapper {
    margin-top: 0.5rem;
}

/* Estilo para los campos de teléfono y correo electrónico */
.woocommerce-billing-fields .validate-phone input.input-text,
.woocommerce-billing-fields .validate-email input.input-text {
    font-family: Arial, sans-serif;
}

/* Estilo para el campo de dirección */
.woocommerce-billing-fields .address-field input.input-text {
    padding-right: 2rem;
}

/* Espaciado y alineación */
.woocommerce-billing-fields .form-row-first,
.woocommerce-billing-fields .form-row-last {
    width: 48%;
    display: inline-block;
    vertical-align: top;
}

.woocommerce-billing-fields .form-row-wide {
    width: 100%;
}

/* Ajustes de espaciado para la fila */
.woocommerce-billing-fields .form-row-first {
    margin-right: 2%;
}


/*=============================footer=====================
*ocultar el icono de mi cuenta y modificar el ancho de los iconos
*/

.closure-notification-wrapper {
    background-color: #f8f9fa; /* Color de fondo claro */
    color: #f7f1f1; /* Color de texto oscuro */
    text-align: center; /* Centrar texto */
    padding: 2rem; /* Espaciado interior */
    border-radius: 8px; /* Bordes redondeados */
    max-width: 600px; /* Ancho máximo */
    margin: 2rem; /* Centrar en la página */
}

.closure-title {
    font-size: 32px;
    line-height: 1.25;
    letter-spacing: 3px;
    font-weight: 700;
    color: black;
    margin: 0;
}

.closure-message {
    font-size: 1.5rem; /* Tamaño de fuente para el mensaje */
    margin-bottom: 1.5rem; /* Espaciado debajo del mensaje */
}

.hours {
    font-size: 1.2rem; 
    box-shadow: -12px 0px 20px rgba(0, 0, 0, 0.2);
}

.hours p {
    margin: 0.5rem 0; /* Espaciado entre cada horario */
}


#adminmenu .wp-submenu li.current{
	display:none!important;
}

#wp-admin-bar-appearance {
    display: none!important;
}
#wp-admin-bar-wp-logo{
    display: none!important;
}
#wp-admin-bar-edit {
    display: none!important;
}
#wp-admin-bar-new-content{
    display: none!important;
}
#wp-admin-bar-comments{
    display: none!important;
}
.hide-if-no-customize{
    display: none!important;
}

.woocommerce-Order-customerIP{
	display: none!important;
}



.woocommerce-mini-cart__buttons a.button.wc-forward:not(.checkout) {
  display: none !important;
}



.custom-order-review-section {
  margin-bottom: 2rem;
  border: 1px solid #eee;
  padding: 1.5rem;
  border-radius: 8px;
}

.custom-payment-section {
  margin-top: 2rem;
}


/* Ocultar el widget del carrito solo en móviles */
@media (max-width: 767px) {
  .widget.woocommerce.widget_shopping_cart {
    display: none !important;
  }
}




.wc-block-components-totals-wrapper {
   display: none;
}


body.woocommerce-checkout .storefront-handheld-footer-bar {
  display: none !important;
}

body.woocommerce-checkout .site-footer {
  display: none !important;
}