/*
Theme Name: Wine & Co. Drinks Solutions
Theme URI: https://wineco.com.mx
Author: Wine & Co.
Author URI: https://wineco.com.mx
Description: Tema FSE (Full Site Editing) a medida para Wine & Co. Drinks Solutions. Soluciones premium en bebidas para eventos sociales y corporativos. Estilo Minimalista / Corporate Modern con acabados de precisión geométrica y paleta de alto contraste onyx / naranja.
Requires at least: 6.4
Tested up to: 6.6
Requires PHP: 7.4
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: wineco
Tags: full-site-editing, block-patterns, one-column, custom-colors, custom-menu, featured-images, custom-logo

Wine & Co. Drinks Solutions WordPress Theme, (C) 2026.
Wine & Co. is distributed under the terms of the GNU GPL.
*/

/* ==========================================================================
   Ajustes base — el grueso del diseño vive en theme.json.
   Este archivo solo cubre lo que theme.json no puede resolver:
   marquee de logos, líneas decorativas y micro-interacciones.
   ========================================================================== */

:root {
	--wc-radius: 0px; /* Shape language: Sharp (0) según DESIGN.md */
}

/* Esquinas siempre a 90° según el lenguaje de forma de la marca */
.wp-block-button__link,
.wp-block-search__button,
.wp-block-image img,
input,
textarea,
select {
	border-radius: var(--wc-radius) !important;
}

/* Selección de texto en color de marca */
::selection {
	background-color: var(--wp--preset--color--brand-orange);
	color: var(--wp--preset--color--paper-white);
}

/* ---- Marquee de logos de marcas (patrón "logos-marquee") ---- */
.wc-logo-marquee-track {
	display: flex;
	gap: 3rem;
	width: max-content;
	animation: wc-scroll 35s linear infinite;
}

.wc-logo-marquee-track:hover {
	animation-play-state: paused;
}

.wc-logo-marquee-viewport {
	overflow: hidden;
	width: 100%;
}

.wc-logo-marquee-track img {
	height: 48px;
	width: auto;
	object-fit: contain;
	filter: grayscale(1);
	opacity: 0.8;
	transition: filter 0.3s ease, opacity 0.3s ease;
}

.wc-logo-marquee-track img:hover {
	filter: grayscale(0);
	opacity: 1;
}

@keyframes wc-scroll {
	0% { transform: translateX(0); }
	100% { transform: translateX(-50%); }
}

/* ---- Línea vertical decorativa usada en heros de página interior ---- */
.wc-divider-vertical {
	width: 1px;
	height: 64px;
	background-color: var(--wp--preset--color--brand-orange);
	margin: 0 auto;
}

/* ---- Tarjetas: leve elevación en hover sin sombra agresiva (Ambient) ---- */
.wc-card-hover {
	transition: transform 0.3s ease, border-color 0.3s ease;
}
.wc-card-hover:hover {
	transform: translateY(-4px);
	border-color: var(--wp--preset--color--brand-orange) !important;
}

/* ---- Inputs estilo "underline" para formularios ---- */
.wc-form-underline input,
.wc-form-underline textarea,
.wc-form-underline select {
	border: none !important;
	border-bottom: 1px solid var(--wp--preset--color--outline) !important;
	background: transparent !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.wc-form-underline input:focus,
.wc-form-underline textarea:focus,
.wc-form-underline select:focus {
	border-bottom-color: var(--wp--preset--color--brand-orange) !important;
	outline: none !important;
	box-shadow: none !important;
}

/* Reveal on scroll (opcional, requiere JS mínimo en functions.php) */
.wc-reveal {
	opacity: 0;
	transform: translateY(24px);
	transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}
.wc-reveal.is-visible {
	opacity: 1;
	transform: translateY(0);
}