/*
Theme Name: Euro Ecommerce Direct
Theme URI: https://euroecommercedirect.com
Author: Euro Ecommerce Direct
Author URI: https://euroecommercedirect.com
Description: Tema corporativo de Euro Ecommerce Direct, empresa matriz de una familia de tiendas online. Incluye la página de inicio, Quiénes somos, Nuestras tiendas y Contacto, con los colores, la tipografía y las ilustraciones de la marca.
Requires at least: 6.6
Requires PHP: 7.4
Version: 1.0.2
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: euroecommerce
*/

/* ---------- Base ---------- */
:root {
	--eed-radius: 22px;
	--eed-shadow: 0 18px 40px rgba(11, 42, 111, 0.10);
	--eed-section: clamp(3.5rem, 8vw, 6.5rem);
}
body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
img { max-width: 100%; height: auto; }
.eed-main { margin-top: 0; }
.eed-main > * { margin-block-start: 0; margin-block-end: 0; }
.wp-site-blocks > * + * { margin-block-start: 0; }

/* ---------- Header ---------- */
.eed-header { background: #fff; padding-top: 14px; padding-bottom: 14px; border-bottom: 1px solid #EFE7DC; }
.eed-header-row { gap: 1.5rem; }
.eed-header-right { gap: 1.75rem; }
.eed-logo { margin: 0; }
.eed-logo img { display: block; height: auto; }
.eed-nav a { color: var(--wp--preset--color--azul); text-decoration: none; }
.eed-nav a:hover, .eed-nav .current-menu-item > a { color: var(--wp--preset--color--naranja-oscuro); }
.eed-nav .wp-block-navigation__container { gap: 1.6rem; }
.eed-header-cta .wp-block-button__link { padding: 0.65em 1.3em; }
@media (max-width: 860px) {
	.eed-header .eed-header-cta.wp-block-buttons { display: none !important; }
	.eed-header .eed-logo img { width: 190px !important; }
}

/* ---------- Typography helpers ---------- */
.eed-eyebrow {
	font-family: var(--wp--preset--font-family--fredoka);
	font-weight: 600;
	font-size: 0.9rem;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--wp--preset--color--naranja-oscuro);
	margin-bottom: 0.25rem !important;
}
.eed-lead { font-size: var(--wp--preset--font-size--large); color: var(--wp--preset--color--texto-suave); line-height: 1.6; }
.eed-on-dark .eed-lead { color: #DCE4F5; }
.eed-on-dark :is(h1, h2, h3, h4) { color: #fff; }
.eed-center { text-align: center; }
.eed-nowrap { white-space: nowrap; }
.eed-center .wp-block-buttons { justify-content: center; }

/* ---------- Sections ---------- */
.eed-section { padding-top: var(--eed-section); padding-bottom: var(--eed-section); }
.eed-section--tight { padding-top: calc(var(--eed-section) * 0.6); padding-bottom: calc(var(--eed-section) * 0.8); }
.eed-hero { padding-top: clamp(2.5rem, 6vw, 5rem); padding-bottom: clamp(3rem, 7vw, 5.5rem); }
.eed-hero h1 { margin-top: 0.4rem; }
.eed-hero .wp-block-buttons, .eed-page-hero .wp-block-buttons { margin-top: 1.75rem; }
.eed-hero-img { margin: 0; }
.eed-hero-img img { width: 100%; }
.eed-page-hero { text-align: center; padding-top: clamp(3rem, 7vw, 5.5rem); padding-bottom: clamp(3rem, 7vw, 5rem); }
.eed-page-hero > * { max-width: 780px; margin-left: auto !important; margin-right: auto !important; }
.eed-section-head { text-align: center; margin-bottom: clamp(2rem, 4vw, 3rem) !important; }
.eed-section-head > * { max-width: 820px; margin-left: auto !important; margin-right: auto !important; }
.eed-round-img { margin: 0; }
.eed-round-img img { width: 100%; border-radius: 28px; display: block; }
.wp-block-columns.alignwide { gap: clamp(2rem, 5vw, 4.5rem); }

/* ---------- Grids and cards ---------- */
.eed-grid { display: grid; gap: clamp(1.25rem, 2.5vw, 2rem); }
.eed-grid > * { margin: 0 !important; }
.eed-grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.eed-grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.eed-grid-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
@media (max-width: 1000px) {
	.eed-grid-3, .eed-grid-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
	.eed-grid-2, .eed-grid-3, .eed-grid-4 { grid-template-columns: 1fr; }
}
.eed-card {
	background: #fff;
	border-radius: var(--eed-radius);
	box-shadow: var(--eed-shadow);
	overflow: hidden;
	display: flex;
	flex-direction: column;
}
.eed-card > * { margin-top: 0; margin-bottom: 0; }
.eed-card--pad { padding: clamp(1.5rem, 3vw, 2.25rem); gap: 0.75rem; }
.eed-card-img { margin: 0 !important; }
.eed-card-img img { width: 100%; display: block; aspect-ratio: 10 / 7; object-fit: cover; }
.eed-card-body { padding: 1.5rem 1.6rem 1.75rem; display: flex; flex-direction: column; gap: 0.7rem; flex: 1; }
.eed-card-body > * { margin: 0 !important; }
.eed-card-body .wp-block-buttons { margin-top: auto !important; padding-top: 0.6rem; }
.eed-card h3, .eed-feature h3 { margin: 0; }
.eed-card p, .eed-feature p { margin: 0; color: var(--wp--preset--color--texto-suave); }

.eed-badge {
	display: inline-block;
	align-self: flex-start;
	width: fit-content;
	font-family: var(--wp--preset--font-family--fredoka);
	font-weight: 600;
	font-size: 0.78rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	line-height: 1;
	padding: 0.5em 0.95em;
	border-radius: 999px;
}
.eed-badge--open { background: #E3F4F1; color: #0B6E63; }
.eed-badge--soon { background: #FDEBDD; color: #9A3D02; }
.eed-badge--partner { background: #E7ECF6; color: #0B2A6F; }

.eed-feature { display: flex; flex-direction: column; gap: 0.75rem; padding: 0.25rem; }
.eed-feature > * { margin: 0 !important; }
.eed-icon { margin: 0 !important; }
.eed-icon img { width: 56px; height: 56px; display: block; }
.eed-contact-card .eed-contact-main { font-family: var(--wp--preset--font-family--fredoka); font-weight: 600; font-size: 1.15rem; color: var(--wp--preset--color--azul); }
.eed-contact-card a { overflow-wrap: anywhere; }
.eed-contact-card .eed-contact-main a { color: var(--wp--preset--color--azul); text-decoration-color: var(--wp--preset--color--naranja); text-decoration-thickness: 2px; text-underline-offset: 4px; }

/* ---------- Lists ---------- */
.eed-checklist { list-style: none; padding-left: 0; margin: 0; }
.eed-checklist li { position: relative; padding-left: 2.25rem; margin: 0.7rem 0; }
.eed-checklist li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.15em;
	width: 1.45rem;
	height: 1.45rem;
	border-radius: 50%;
	background: #0E9384 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 0.85rem no-repeat;
}

/* ---------- Buttons ---------- */
.wp-block-button.is-style-outline > .wp-block-button__link {
	background: transparent;
	color: var(--wp--preset--color--azul);
	border: 2px solid currentColor;
	padding: calc(0.85em - 2px) calc(1.6em - 2px);
}
.wp-block-button.is-style-outline > .wp-block-button__link:hover { background: var(--wp--preset--color--azul); color: #fff; border-color: var(--wp--preset--color--azul); }
.eed-on-dark .wp-block-button.has-blanco-background-color .wp-block-button__link:hover,
.eed-on-dark .wp-block-button__link.has-blanco-background-color:hover { background: var(--wp--preset--color--naranja) !important; color: #fff !important; }
.eed-on-dark .eed-btn-light > .wp-block-button__link { color: #fff; border-color: rgba(255, 255, 255, 0.7); }
.eed-on-dark .eed-btn-light > .wp-block-button__link:hover { background: #fff; color: var(--wp--preset--color--azul); border-color: #fff; }

/* ---------- Call to action ---------- */
.eed-cta { border-radius: 32px; padding: clamp(2rem, 5vw, 3.75rem) clamp(1.5rem, 5vw, 4rem); overflow: hidden; }
.eed-cta h2 { margin-top: 0; }
.eed-cta-img { margin: 0; }
.eed-cta-img img { width: 100%; max-width: 280px; display: block; margin: 0 auto; }
@media (max-width: 781px) { .eed-cta-img img { max-width: 180px; } }

/* ---------- Company data ---------- */
.eed-datos-card { max-width: 820px; margin-left: auto !important; margin-right: auto !important; }
.eed-datos-card h2 { font-size: var(--wp--preset--font-size--x-large); margin-bottom: 0.5rem; }
.eed-datos p { display: grid; grid-template-columns: 11rem 1fr; gap: 1rem; padding: 0.85rem 0; margin: 0 !important; border-top: 1px solid #EFE7DC; }
.eed-datos p strong { font-family: var(--wp--preset--font-family--fredoka); font-weight: 600; color: var(--wp--preset--color--azul); }
@media (max-width: 600px) { .eed-datos p { grid-template-columns: 1fr; gap: 0.15rem; } }

/* ---------- Pages ---------- */
.eed-page { padding-top: clamp(2.5rem, 6vw, 4.5rem); padding-bottom: clamp(3rem, 7vw, 5rem); }
.eed-page-title { margin-bottom: 1.5rem; }
.eed-page h2 { font-size: var(--wp--preset--font-size--x-large); margin-top: 2.25rem; }
.eed-404 { padding: 4rem 0; }
.eed-form-zone .wp-block-buttons { margin-top: 1.5rem; }

/* ---------- Footer ---------- */
.eed-footer { padding-top: clamp(3rem, 6vw, 4.5rem); padding-bottom: 1.5rem; color: #C9D3EA; }
.eed-footer p { margin: 0.35rem 0; font-size: 0.97rem; }
.eed-footer a { color: #fff; text-decoration: none; }
.eed-footer a:hover { color: var(--wp--preset--color--naranja); text-decoration: underline; }
.eed-footer-title { font-family: var(--wp--preset--font-family--fredoka); font-weight: 600; color: #fff; font-size: 1.05rem !important; margin-bottom: 0.6rem !important; }
.eed-footer-links { list-style: none; padding: 0; margin: 0; }
.eed-footer-links li { margin: 0.4rem 0; }
.eed-footer .eed-logo { margin-bottom: 1rem !important; }
.eed-footer-bottom { border-top: 1px solid rgba(255, 255, 255, 0.14); margin-top: 2.5rem !important; padding-top: 1.25rem; }
.eed-footer-bottom p { font-size: 0.875rem; color: #A9B6D3; }

/* ---------- Formulario de contacto (WPForms) ---------- */
.eed-form-zone .wpforms-container { max-width: 680px; margin: 1.75rem auto 0 !important; text-align: left; }
.eed-form-zone .wpforms-container .wpforms-field-label { font-family: var(--wp--preset--font-family--fredoka); font-weight: 600; color: var(--wp--preset--color--azul); }
.eed-form-zone .wpforms-container input[type=text],
.eed-form-zone .wpforms-container input[type=email],
.eed-form-zone .wpforms-container textarea { border-radius: 12px !important; border: 1px solid #D9DEEA !important; font-family: inherit; }
.eed-form-zone .wpforms-container input:focus,
.eed-form-zone .wpforms-container textarea:focus { border-color: var(--wp--preset--color--azul) !important; box-shadow: 0 0 0 3px rgba(11, 42, 111, 0.12) !important; }
.eed-form-zone .wpforms-container .wpforms-field-medium,
.eed-form-zone .wpforms-container .wpforms-field-row.wpforms-field-medium { max-width: 100% !important; }
.eed-form-zone .wpforms-container .wpforms-submit-container { text-align: center; }
.eed-form-zone .wpforms-container button[type=submit] { background: var(--wp--preset--color--azul) !important; color: #fff !important; border: 0 !important; border-radius: 999px !important; padding: 0.85em 1.9em !important; height: auto !important; font-family: var(--wp--preset--font-family--fredoka); font-weight: 600; font-size: 1rem; }
.eed-form-zone .wpforms-container button[type=submit]:hover { background: var(--wp--preset--color--naranja-oscuro) !important; }
.eed-form-zone .wpforms-confirmation-container-full { max-width: 680px; margin: 1.5rem auto 0; border-radius: 16px; }
.eed-form-alt { margin-top: 1.5rem !important; font-size: 0.95rem; color: var(--wp--preset--color--texto-suave); }