/* Moda Patty Divina: detalles de marca sobre Kadence free.
   Los colores salen de la paleta global de Kadence (--global-paletteN). */

/* ---------- Header: buscador ---------- */
.mpd-search { position: relative; width: 100%; max-width: 560px; margin: 0 auto; }
.mpd-search input[type="search"] {
	width: 100%; height: 50px; padding: 0 58px 0 22px;
	border: 1px solid var(--global-palette6); border-radius: 999px;
	background: var(--global-palette9); color: var(--global-palette3);
	font-size: 15px; box-shadow: none; transition: border-color .2s, box-shadow .2s;
}
.mpd-search input[type="search"]::placeholder { color: var(--global-palette5); }
.mpd-search input[type="search"]:focus { outline: none; border-color: var(--global-palette1); box-shadow: 0 0 0 3px rgba(92, 197, 191, .22); }
.mpd-search button {
	position: absolute; top: 5px; right: 5px; width: 40px; height: 40px; padding: 0;
	display: grid; place-items: center; border: 0; border-radius: 50%;
	background: var(--global-palette1); color: var(--global-palette3); cursor: pointer;
	transition: background-color .2s, color .2s;
}
.mpd-search button:hover, .mpd-search button:focus-visible { background: var(--global-palette3); color: var(--global-palette9); }
.site-header-main-section-center .header-html, .site-header-main-section-center .header-html-inner { width: 100%; }
/* Kadence centra la columna central con ancho automático; aquí el buscador ocupa el espacio libre. */
.site-main-header-wrap .site-header-row-center-column { grid-template-columns: auto minmax(0, 1fr) auto; column-gap: 48px; }
.site-header-main-section-center { justify-content: center; }
.site-header-main-section-center > .site-header-item { flex: 1 1 auto; min-width: 0; }

/* ---------- Header: barra de aviso (navegación secundaria) ---------- */
.site-top-header-wrap .header-navigation .menu > li > a { padding-top: 0; padding-bottom: 0; letter-spacing: .04em; }
.site-top-header-wrap .header-navigation .menu > li + li > a::before { content: "·"; margin-right: 1em; }

/* ---------- Header: "Mi cuenta" con ícono ---------- */
.site-header-item .header-button-wrap .header-button { display: inline-flex; align-items: center; gap: 10px; text-transform: none; letter-spacing: 0; }
.site-header-item .header-button-wrap .header-button::before {
	content: ""; width: 22px; height: 22px; background: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c1.2-4 4.3-6 8-6s6.8 2 8 6'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c1.2-4 4.3-6 8-6s6.8 2 8 6'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat;
}

/* ---------- Header: menú de categorías ---------- */
.site-bottom-header-wrap .header-navigation .menu > li > a { border-bottom: 2px solid transparent; }
.site-bottom-header-wrap .header-navigation .menu > li > a:hover,
.site-bottom-header-wrap .header-navigation .menu > li.current-menu-item > a { border-bottom-color: var(--global-palette2); }

/* ---------- Header: contador del carrito ---------- */
.header-cart-wrap .header-cart-total { background: var(--global-palette2); color: var(--global-palette3); font-weight: 600; }

/* ---------- Footer ---------- */
.site-footer .widget-title, .site-footer .widgettitle { font-family: var(--global-body-font-family); font-size: 12px; font-weight: 500; letter-spacing: .18em; text-transform: uppercase; color: var(--global-palette9); }
.site-footer .wp-block-image img, .site-footer .mpd-footer-logo img { max-width: 190px; height: auto; }
.site-footer .widget_nav_menu ul.menu { display: grid; gap: 8px; margin: 0; }
.site-footer .widget_nav_menu ul.menu li { margin: 0; padding: 0; }
.mpd-contact { display: grid; gap: 14px; margin: 0; padding: 0; list-style: none; }
.mpd-contact span { display: block; font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: var(--global-palette1); }
.mpd-contact b { font-weight: 400; color: var(--global-palette9); }

/* ---------- Detalles de marca reutilizables ---------- */
.mpd-hl { font-style: italic; background: linear-gradient(transparent 64%, var(--global-palette2) 64%, var(--global-palette2) 90%, transparent 90%); padding: 0 .06em; }

@media (prefers-reduced-motion: reduce) {
	.mpd-search input, .mpd-search button { transition: none; }
}