/* GeneratePress Site CSS */ .home.full-width-content .inside-article {
	background: none;
}

/* Custom header */
.site-header button.wp-block-search__button {
	border: 1px solid var(--accent);
    margin-left: 0;
    border-radius: 0 5px 5px 0;
	overflow:hidden;
	padding:10px;
	background-color:var(--accent);
	color:var(--dark-blue);
}

.site-header #wp-block-search__input-1 {
    border-radius: 5px 0 0 5px;
	border: 1px solid var(--accent);
}

.site-header .wc-block-product-search .wc-block-product-search__button {
    background-color: var(--accent);
    color: var(--dark-blue);
    margin-left: 0;
}
.site-header .wp-block-search {
    flex: 1;
}
/* General styles */
.woocommerce ul.products li.product, .woocommerce ul.products {
    margin-bottom: 0;
} 
/* ===== GRID PRODUCTOS HOME ===== */

.woocommerce ul.products li.product {
    background: #fff;
    border-radius: 18px;
    padding: 18px;
    box-shadow: 0 10px 30px rgba(0,0,0,.08);
    transition: .25s ease;
    border: 1px solid #edf0f5;
}

.woocommerce ul.products li.product:hover{
    transform: translateY(-5px);
}

/* imagen */
.woocommerce ul.products li.product img{
    height:220px;
    object-fit:contain;
    margin-bottom:18px!important;
}

/* titulo */
.woocommerce ul.products li.product h2,
.woocommerce ul.products li.product .woocommerce-loop-product__title{
    font-size:16px!important;
    line-height:1.4;
    font-weight:700;
    color:#111827;
    min-height:48px;
    overflow:hidden;

    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
}

/* quitar precio */
.woocommerce ul.products li.product .price{
    display:none!important;
}

/* botón */
.woocommerce ul.products li.product .button{
    width:100%;
    border-radius:12px!important;
    background:#1d4ed8!important;
    color:#fff!important;
    text-align:center;
    padding:14px!important;
    font-weight:700;
}

/* espacio */
.woocommerce ul.products{
    gap:24px!important;
}
/* Ocultar todo el bloque derecho de carrito si solo contiene el carrito */
.main-navigation .menu-bar-items {
    display: none !important;
}
/* Icono search normal */
.wp-block-search__button svg {
    fill: #ffffff !important;
    color: #ffffff !important;
}

/* Hover azul claro */
.wp-block-search__button:hover svg {
    fill: #60a5fa !important;
    color: #60a5fa !important;
}
/* ===== RESULTADOS DE BÚSQUEDA PRODUCTOS ===== */

.search-results.woocommerce .site-main,
.search.woocommerce .site-main {
    background: #ffffff;
    border-radius: 18px;
    padding: 42px;
    box-shadow: 0 12px 35px rgba(15,23,42,.06);
}

.search-results.woocommerce .woocommerce-breadcrumb,
.search.woocommerce .woocommerce-breadcrumb {
    font-size: 14px;
    color: #64748b;
    margin-bottom: 22px;
}

.search-results.woocommerce .page-title,
.search.woocommerce .page-title {
    font-size: 36px;
    line-height: 1.2;
    margin-bottom: 30px;
    color: #111827;
}

.search-results.woocommerce ul.products,
.search.woocommerce ul.products {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 28px !important;
}

.search-results.woocommerce ul.products li.product,
.search.woocommerce ul.products li.product {
    width: auto !important;
    margin: 0 !important;
}

@media(max-width: 900px) {
    .search-results.woocommerce ul.products,
    .search.woocommerce ul.products {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media(max-width: 600px) {
    .search-results.woocommerce .site-main,
    .search.woocommerce .site-main {
        padding: 24px;
    }

    .search-results.woocommerce ul.products,
    .search.woocommerce ul.products {
        grid-template-columns: 1fr !important;
    }
}
/* ===== RESULTADOS DE BÚSQUEDA PRODUCTOS ===== */

.search-results.woocommerce .site-main,
.search.woocommerce .site-main {
    background: #ffffff;
    border-radius: 18px;
    padding: 42px;
    box-shadow: 0 12px 35px rgba(15,23,42,.06);
}

.search-results.woocommerce .woocommerce-breadcrumb,
.search.woocommerce .woocommerce-breadcrumb {
    font-size: 14px;
    color: #64748b;
    margin-bottom: 22px;
}

.search-results.woocommerce .page-title,
.search.woocommerce .page-title {
    font-size: 36px;
    line-height: 1.2;
    margin-bottom: 30px;
    color: #111827;
}

.search-results.woocommerce ul.products,
.search.woocommerce ul.products {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 28px !important;
}

.search-results.woocommerce ul.products li.product,
.search.woocommerce ul.products li.product {
    width: auto !important;
    margin: 0 !important;
}

@media(max-width: 900px) {
    .search-results.woocommerce ul.products,
    .search.woocommerce ul.products {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media(max-width: 600px) {
    .search-results.woocommerce .site-main,
    .search.woocommerce .site-main {
        padding: 24px;
    }

    .search-results.woocommerce ul.products,
    .search.woocommerce ul.products {
        grid-template-columns: 1fr !important;
    }
}
/* ===== FORZAR GRID RESULTADOS BUSQUEDA WOO ===== */

body.search-results ul.products.columns-4,
body.search-results.woocommerce ul.products.columns-4,
body.search ul.products.columns-4,
body.search.woocommerce ul.products.columns-4 {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 28px !important;
}

body.search-results ul.products.columns-4 li.product,
body.search-results.woocommerce ul.products.columns-4 li.product,
body.search ul.products.columns-4 li.product,
body.search.woocommerce ul.products.columns-4 li.product {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    margin: 0 !important;
    clear: none !important;
}

@media (max-width: 900px) {
    body.search-results ul.products.columns-4,
    body.search-results.woocommerce ul.products.columns-4,
    body.search ul.products.columns-4,
    body.search.woocommerce ul.products.columns-4 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 600px) {
    body.search-results ul.products.columns-4,
    body.search-results.woocommerce ul.products.columns-4,
    body.search ul.products.columns-4,
    body.search.woocommerce ul.products.columns-4 {
        grid-template-columns: 1fr !important;
    }
}
/* ===== ALTURA MINIMA DE CONTENIDO SIN ROMPER LAYOUT ===== */

body.search-results .site-content,
body.search .site-content,
body.archive .site-content {
    min-height: calc(100vh - 220px);
}
/* ===== HOME FULL WIDTH CONTROLADO ===== */

body.home .site-content,
body.home .inside-article {
    padding-top: 0 !important;
}

body.home .entry-content {
    margin-top: 0 !important;
}
/* ===== MANTENER FOOTER ABAJO EN BUSQUEDAS Y ARCHIVOS ===== */

body.search-results #content,
body.search #content,
body.archive #content {
    min-height: calc(100vh - 170px) !important;
}

body.search-results .site-content,
body.search .site-content,
body.archive .site-content {
    min-height: calc(100vh - 170px) !important;
}

body.search-results .content-area,
body.search .content-area,
body.archive .content-area {
    min-height: calc(100vh - 170px) !important;
}
/* ===== FORZAR ANCHO COMPLETO EN PÁGINAS INTERNAS ===== */

body.page:not(.home) .site-content,
body.page:not(.home) .content-area,
body.page:not(.home) .site-main,
body.page:not(.home) .inside-article,
body.page:not(.home) .entry-content {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Quita caja central blanca/gris */
body.page:not(.home) .inside-article {
    background: transparent !important;
}

/* Si usas bloques full width dentro de páginas */
body.page:not(.home) .entry-content > .alignfull {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
}
/* ===== HEADER COMPACTO TIENDA.IN ===== */

.site-header,
.main-navigation {
    background:#0f172a !important;
}

.inside-header,
.inside-navigation {
    padding-top:0 !important;
    padding-bottom:0 !important;
    min-height:64px !important;
}

.main-navigation .main-nav ul li a {
    color:#ffffff !important;
    font-weight:700;
    font-size:15px;
    line-height:64px !important;
    padding-left:16px !important;
    padding-right:16px !important;
}

.main-navigation .main-nav ul li a:hover,
.main-navigation .main-nav ul li.current-menu-item > a {
    color:#38bdf8 !important;
}

.site-logo img,
.header-image {
    max-height:42px !important;
    width:auto !important;
}

/* Botón estilo WhatsApp en menú */
.main-navigation .main-nav ul li.whatsapp-menu a {
    background:#22c55e !important;
    color:#fff !important;
    border-radius:10px;
    line-height:1 !important;
    padding:12px 18px !important;
    margin-top:12px;
}

.main-navigation .main-nav ul li.whatsapp-menu a:hover {
    background:#16a34a !important;
    color:#fff !important;
}

/* Carrito discreto */
.main-navigation .menu-bar-items {
    line-height:64px !important;
}
/* ===== BUSCADOR HEADER MÁS PEQUEÑO ===== */

.wp-block-search,
.wp-block-search__inside-wrapper {
    max-width: 700px !important;
    width: 700px !important;
}

/* Desktop más compacto */
@media(min-width:1200px){
    .wp-block-search,
    .wp-block-search__inside-wrapper{
        width: 620px !important;
        max-width: 620px !important;
    }
}

/* Ajuste del header para que todo quepa */
.inside-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
}

/* Logo más compacto */
.site-logo img{
    max-width:180px !important;
}

/* Menú sin desperdicio */
.main-navigation .main-nav ul{
    gap:6px;
}
/* ===== HEADER DISTRIBUIDO EN UNA SOLA LÍNEA ===== */

.site-header .inside-header {
    display: grid !important;
    grid-template-columns: 180px auto 520px 150px !important;
    align-items: center !important;
    gap: 22px !important;
    padding: 0 22px !important;
    min-height: 72px !important;
}

/* Logo */
.site-logo,
.site-branding {
    grid-column: 1 !important;
    justify-self: start !important;
}

.site-logo img,
.header-image {
    max-height: 42px !important;
    width: auto !important;
}

/* Menú */
.main-navigation {
    grid-column: 2 !important;
    justify-self: start !important;
    background: transparent !important;
}

.main-navigation .inside-navigation {
    min-height: 72px !important;
}

.main-navigation .main-nav ul {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
}

.main-navigation .main-nav ul li a {
    line-height: 72px !important;
    padding: 0 12px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
}

/* Buscador */
.site-header .wp-block-search {
    grid-column: 3 !important;
    justify-self: stretch !important;
    width: 100% !important;
    max-width: 520px !important;
}

.site-header .wp-block-search__inside-wrapper {
    width: 100% !important;
    max-width: 520px !important;
}

.site-header .wp-block-search__input {
    height: 48px !important;
    border-radius: 4px !important;
}

/* Teléfono */
.site-header .gb-headline,
.site-header .header-widget {
    grid-column: 4 !important;
    justify-self: end !important;
    white-space: nowrap !important;
}

/* Icono lupa */
.site-header .wp-block-search__button {
    height: 48px !important;
    min-width: 48px !important;
}
/* ===== SUBMENÚ CATEGORÍAS LIMPIO ===== */

.main-navigation ul ul {
    background: #111827 !important;
    width: 260px !important;
    min-width: 260px !important;
    padding: 10px 0 !important;
    border-radius: 0 0 14px 14px !important;
    box-shadow: 0 16px 35px rgba(0,0,0,.25) !important;
}

.main-navigation ul ul li {
    width: 100% !important;
    display: block !important;
}

.main-navigation ul ul li a {
    display: block !important;
    width: 100% !important;
    color: #ffffff !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    padding: 13px 18px !important;
    white-space: normal !important;
    text-align: left !important;
    background: transparent !important;
}

.main-navigation ul ul li a:hover {
    background: #1e293b !important;
    color: #38bdf8 !important;
}

/* Evita que el submenú herede flex/grid del menú principal */
.main-navigation .main-nav ul ul {
    display: none !important;
    flex-direction: column !important;
    gap: 0 !important;
}

.main-navigation .main-nav ul li:hover > ul,
.main-navigation .main-nav ul li.sfHover > ul {
    display: block !important;
}
/* End GeneratePress Site CSS */