/*
Theme Name: Hello Elementor Urban Theme
Theme URI: https://local.urbanvet.com
Description: Tema hijo de Hello Elementor con ajustes de CSS y funciones personalizadas para UrbanVet.
Author: UrbanVet
Author URI: https://local.urbanvet.com
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-elementor-urban-theme
*/

/* ==========================================================================
   Ajustes para el Header (Espacio vertical y des-apachurrado)
   ========================================================================== */

/* 1. Dar espacio vertical y alineación centrada al contenedor del header */
header[data-elementor-type="header"] .elementor-element-6ac3bc10,
header.elementor-location-header .e-parent {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

header[data-elementor-type="header"] .elementor-element-6ac3bc10 .e-con-inner,
header.elementor-location-header .e-con-inner {
    align-items: center !important;
}

/* 2. Ajuste del Logo para que mantenga su proporción sin encogerse */
.elementor-widget-theme-site-logo img,
.elementor-widget-image img {
    max-height: 65px !important;
    width: auto !important;
    object-fit: contain !important;
}

/* 3. Buscador ajustado y centrado */
.dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input {
    height: 44px !important;
    border-radius: 22px !important;
    line-height: 44px !important;
}

/* ==========================================================================
   Ajuste Estético del Saludo de Usuario (Hola, Alberto)
   ========================================================================== */

.elementor-widget-icon-box .elementor-icon-box-wrapper {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

/* Título de saludo en 1 sola línea limpia */
.elementor-widget-icon-box .elementor-icon-box-title,
.elementor-widget-icon-box .elementor-icon-box-title a {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #0f172a !important;
    letter-spacing: -0.2px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 140px !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Subtexto secundario (Cuenta / Mi Perfil) */
.elementor-widget-icon-box .elementor-icon-box-description {
    font-size: 11px !important;
    color: #64748b !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin-top: 1px !important;
    padding: 0 !important;
}

/* Alineación de los iconos de Cuenta y Carrito */
.elementor-widget-icon-box .elementor-icon-box-icon,
.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__toggle_wrapper {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__toggle {
    display: flex !important;
    align-items: center !important;
}

/* ==========================================================================
   Ajuste de Tipografía (Aún más pequeña) en Tarjetas de Productos
   ========================================================================== */

/* Título del producto: reducido a 10.5px compacto */
.titulo-del-producto .elementor-heading-title,
.loop-productos .titulo-del-producto h3,
.loop-productos .elementor-widget-theme-post-title .elementor-heading-title,
ul.products li.product .woocommerce-loop-product__title,
.wc-block-grid__product-title {
    font-size: 10.5px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    letter-spacing: 0.2px !important;
    min-height: 2.6em !important;
    max-height: 2.6em !important;
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    text-align: center !important;
    margin-top: 4px !important;
    margin-bottom: 4px !important;
}

/* Precios ajustados a 13.5px */
.precios,
.precios .elementor-heading-title,
.loop-productos .precios h4,
.loop-productos .price {
    font-size: 13.5px !important;
    font-weight: 700 !important;
    text-align: center !important;
    margin-top: 2px !important;
    margin-bottom: 4px !important;
}

/* Categoría del producto reducida a 10px */
.loop-productos .elementor-widget-heading .elementor-heading-title,
.loop-productos .elementor-widget-icon-list {
    font-size: 10px !important;
    margin-top: 2px !important;
    margin-bottom: 4px !important;
}

/* Espacio superior para separar el texto/categoría del botón "Añadir al carrito" */
.botones-añadir-al-carrito,
.añadir-al-carrito,
.elementor-widget-wc-add-to-cart,
.loop-productos .add_to_cart_button,
.loop-productos .elementor-button-wrapper {
    margin-top: 14px !important;
    margin-bottom: 8px !important;
}