@charset 'utf-8';
/*
  Theme Name: Kayaking Child
  Theme URI: http://kayaking.ancorathemes.com/
  Description: Kayaking - Multipurpose and Multiskin Responsive Wordpress theme
  Author: AncoraThemes
  Author URI: http://ancorathemes.com/
  Template: kayaking
  Version: 1.0
  Tags: light, responsive-layout, flexible-header, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, full-width-template, microformats, post-formats, theme-options, threaded-comments, translation-ready
  Text Domain:  kayaking
*/



/* =Theme customization starts here
-------------------------------------------------------------- */


.top_panel_wrap .sc_socials [class*="icon-"]:before {
    margin: 0;
}

.top_panel_top_open_hours::before{
  margin-left: 0;
}

.sc_services_item .sc_icon:before {
    line-height: inherit;
}

/* Estilo del botón "Reserve Now" */
.pedido-wa-btn {
    background-color: #1a1a1a !important; /* Negro elegante */
    color: #ffffff !important;
    border: 2px solid #25D366 !important; /* Borde verde sutil de WhatsApp */
    padding: 15px 20px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    border-radius: 4px !important;
    display: block !important;
    text-align: center !important;
    text-transform: uppercase;
    text-decoration: none !important;
    transition: all 0.3s ease;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}

.pedido-wa-btn:hover {
    background-color: #25D366 !important; /* Se vuelve verde al pasar el mouse */
    color: #ffffff !important;
    transform: translateY(-2px);
}

/* Ajuste de márgenes y ancho responsivo */
.wrapper-whatsapp-pedido {
    margin-top: 25px;
    margin-bottom: 25px;
    width: 100%;
}

/* Solo para móviles: asegura que el botón use el ancho expandido */
@media (max-width: 767px) {
    .pedido-wa-btn {
        width: 100% !important;
        font-size: 18px !important; /* Un poco más grande para facilitar el clic */
    }
}

/* Ocultar el botón de compra en la lista de productos (catálogo) */
.archive .button.product_type_simple, 
.archive .button.add_to_cart_button {
    display: none !important;
}

/* Si prefieres que aparezca un botón de "Ver Producto" elegante en el catálogo */
.woocommerce-loop-product__link + .button {
    background-color: #1a1a1a !important;
    color: white !important;
    text-transform: uppercase;
    font-size: 12px !important;
    border-radius: 4px;
}