/*
 * Social Media Lawyers — páginas de compra de WooCommerce
 *
 * Tienda, producto, carrito, pago (checkout), pedido recibido y Mi cuenta
 * usan la plantilla normal del tema Kadence. Esta hoja les pone la imagen
 * corporativa (2026-10-26): cabecera y pie azul marino #1D2846 con el
 * isotipo, banda de título azul, contenido claro, acento dorado #DFC689
 * (botones con texto azul marino), League Spartan (títulos) + Arimo
 * (texto). Solo se carga en esas páginas (body.sml-tienda).
 */

body.sml-tienda {
	/* Paleta global de Kadence -> paleta de la marca. */
	--global-palette1: #dfc689;
	--global-palette2: #8a6326;
	--global-palette3: #1d2846;
	--global-palette4: #232f52;
	--global-palette5: #4a5168;
	--global-palette6: #959492;
	--global-palette7: #e3e3e0;
	--global-palette8: #f4f4f2;
	--global-palette9: #ffffff;
	--global-palette-highlight: #8a6326;
	--global-palette-highlight-alt: #1d2846;
	--global-palette-btn-bg: #dfc689;
	--global-palette-btn-bg-hover: #e9d6a3;
	--global-palette-btn: #1d2846;
	--global-palette-btn-hover: #1d2846;
	--global-body-font-family: 'Arimo', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	--global-heading-font-family: 'League Spartan', 'Arimo', Helvetica, Arial, sans-serif;
	--sml-navy: #1d2846;
	--sml-navy-deep: #141c33;
	--sml-gold: #dfc689;
	--sml-gold-bright: #e9d6a3;
	--sml-ink: #1d2846;
	--sml-muted: #4a5168;
	--sml-line: #e3e3e0;
	background: #f4f4f2;
	color: var(--sml-muted);
	font-family: var(--global-body-font-family);
}

body.sml-tienda h1,
body.sml-tienda h2,
body.sml-tienda h3,
body.sml-tienda h4,
body.sml-tienda .wc-block-components-title,
body.sml-tienda .wc-block-components-checkout-step__title {
	font-family: var(--global-heading-font-family);
	color: var(--sml-ink);
	letter-spacing: -0.01em;
}

/* ---------------------------------------------------------------- */
/* Cabecera                                                          */
/* ---------------------------------------------------------------- */

body.sml-tienda #masthead,
body.sml-tienda #masthead .site-header-row-container-inner {
	background: var(--sml-navy);
}

body.sml-tienda #masthead {
	border-bottom: 3px solid var(--sml-gold);
}

body.sml-tienda #masthead .site-branding .brand {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	text-decoration: none;
}

/* Isotipo de la marca antes del nombre. */
body.sml-tienda #masthead .site-branding .brand::before {
	content: "";
	flex-shrink: 0;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background: var(--sml-navy-deep) url(../img/sml-isotipo-blanco.png) center / 62% no-repeat;
	box-shadow: 0 0 0 1px rgba(223, 198, 137, 0.6);
}

body.sml-tienda #masthead .site-title {
	margin: 0;
	font-family: var(--global-heading-font-family);
	font-size: 17px;
	font-weight: 700;
	line-height: 1.1;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #ffffff;
}

body.sml-tienda #masthead .main-navigation .primary-menu-container > ul > li.menu-item > a {
	font-family: var(--global-body-font-family);
	font-size: 14px;
	font-weight: 600;
	color: #d5d6d4;
}

body.sml-tienda #masthead .main-navigation .primary-menu-container > ul > li.menu-item > a:hover,
body.sml-tienda #masthead .main-navigation .primary-menu-container > ul > li.menu-item.current-menu-item > a,
body.sml-tienda #masthead .main-navigation .primary-menu-container > ul > li.menu-item.current_page_item > a {
	color: var(--sml-gold);
}

body.sml-tienda #masthead .menu-toggle-open,
body.sml-tienda #masthead .menu-toggle-open:hover,
body.sml-tienda #masthead .header-cart-button,
body.sml-tienda #masthead .search-toggle-open {
	color: #ffffff;
}

/* Menú del celular (cajón lateral). */
body.sml-tienda #mobile-drawer .drawer-inner {
	background: var(--sml-navy-deep);
	color: #d5d6d4;
}

body.sml-tienda #mobile-drawer .mobile-navigation ul li > a,
body.sml-tienda #mobile-drawer .mobile-navigation ul li.menu-item-has-children > .drawer-nav-drop-wrap {
	color: #d5d6d4;
	border-color: rgba(213, 214, 212, 0.14);
}

body.sml-tienda #mobile-drawer .mobile-navigation ul li > a:hover,
body.sml-tienda #mobile-drawer .mobile-navigation ul li.current-menu-item > a {
	color: var(--sml-gold);
}

body.sml-tienda #mobile-drawer .drawer-header .drawer-toggle {
	color: #ffffff;
}

/* ---------------------------------------------------------------- */
/* Banda del título de la página                                     */
/* ---------------------------------------------------------------- */

body.sml-tienda .entry-hero-container-inner {
	background: linear-gradient(135deg, var(--sml-navy-deep) 0%, var(--sml-navy) 60%, #2b3758 100%);
}

body.sml-tienda .entry-hero .entry-header {
	min-height: 0;
	padding: 44px 0 40px;
}

body.sml-tienda .entry-hero h1.entry-title {
	font-size: clamp(30px, 4.2vw, 44px);
	font-weight: 700;
	color: #ffffff;
}

body.sml-tienda .entry-hero h1.entry-title::after {
	content: "";
	display: block;
	width: 56px;
	height: 3px;
	margin: 14px auto 0;
	border-radius: 2px;
	background: var(--sml-gold);
}

body.sml-tienda .entry-hero .title-align-left h1.entry-title::after,
body.sml-tienda .entry-hero .title-align-inherit h1.entry-title::after {
	margin-left: 0;
}

body.sml-tienda .entry-hero .woocommerce-breadcrumb,
body.sml-tienda .entry-hero .woocommerce-breadcrumb a,
body.sml-tienda .entry-hero .kadence-breadcrumbs,
body.sml-tienda .entry-hero .kadence-breadcrumbs a {
	color: #b9bdc9;
}

/* ---------------------------------------------------------------- */
/* Contenido                                                         */
/* ---------------------------------------------------------------- */

body.sml-tienda .content-bg,
body.sml-tienda .entry.content-bg {
	background: #ffffff;
}

body.sml-tienda.content-style-boxed .content-bg:not(.loop-entry),
body.sml-tienda .content-style-boxed .content-bg:not(.loop-entry) {
	border: 1px solid var(--sml-line);
	border-radius: 16px;
	box-shadow: 0 18px 40px -28px rgba(29, 40, 70, 0.35);
}

body.sml-tienda a {
	color: #8a6326;
}

body.sml-tienda a:hover {
	color: var(--sml-navy);
}

/* Botones (clásicos de WooCommerce, bloques y del tema). */
body.sml-tienda .button,
body.sml-tienda button.button,
body.sml-tienda a.button,
body.sml-tienda input[type="submit"],
body.sml-tienda .wp-element-button,
body.sml-tienda .wc-block-components-button:not(.is-link),
body.sml-tienda .wc-block-cart__submit-button,
body.sml-tienda .wc-block-components-checkout-place-order-button {
	background: var(--sml-gold);
	border: 1px solid var(--sml-gold);
	border-radius: 12px;
	color: var(--sml-navy) !important;
	font-family: var(--global-heading-font-family);
	font-weight: 700;
	letter-spacing: 0.02em;
	box-shadow: none;
}

body.sml-tienda .button:hover,
body.sml-tienda button.button:hover,
body.sml-tienda a.button:hover,
body.sml-tienda input[type="submit"]:hover,
body.sml-tienda .wp-element-button:hover,
body.sml-tienda .wc-block-components-button:not(.is-link):hover,
body.sml-tienda .wc-block-cart__submit-button:hover,
body.sml-tienda .wc-block-components-checkout-place-order-button:hover {
	background: var(--sml-gold-bright);
	border-color: var(--sml-gold-bright);
	color: var(--sml-navy) !important;
}

body.sml-tienda .wc-block-components-button:not(.is-link) .wc-block-components-button__text {
	color: var(--sml-navy);
}

/* Campos de formulario. */
body.sml-tienda input[type="text"],
body.sml-tienda input[type="email"],
body.sml-tienda input[type="tel"],
body.sml-tienda input[type="password"],
body.sml-tienda input[type="number"],
body.sml-tienda select,
body.sml-tienda textarea,
body.sml-tienda .wc-block-components-text-input input,
body.sml-tienda .wc-blocks-components-select .wc-blocks-components-select__select,
body.sml-tienda .select2-container--default .select2-selection--single {
	border: 1px solid #cfd0cc;
	border-radius: 10px;
	background-color: #ffffff;
	color: var(--sml-ink);
}

body.sml-tienda input:focus,
body.sml-tienda select:focus,
body.sml-tienda textarea:focus,
body.sml-tienda .wc-block-components-text-input input:focus,
body.sml-tienda .wc-blocks-components-select .wc-blocks-components-select__select:focus {
	border-color: var(--sml-navy);
	box-shadow: 0 0 0 1px var(--sml-navy);
	outline: none;
}

body.sml-tienda .wc-block-components-text-input label,
body.sml-tienda .wc-blocks-components-select__label {
	color: var(--sml-muted);
}

body.sml-tienda .wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"]:checked,
body.sml-tienda .wc-block-components-radio-control__input:checked {
	border-color: var(--sml-navy);
	background-color: var(--sml-navy);
}

body.sml-tienda .wc-block-components-checkbox .wc-block-components-checkbox__mark {
	fill: #ffffff;
}

/* Resumen del pedido y totales. */
body.sml-tienda .wc-block-components-sidebar .wc-block-components-panel,
body.sml-tienda .wp-block-woocommerce-checkout-order-summary-block,
body.sml-tienda .wc-block-cart .wc-block-cart__sidebar .wc-block-components-sidebar-layout,
body.sml-tienda .wp-block-woocommerce-checkout-order-summary-block {
	border-color: var(--sml-line);
	border-radius: 14px;
}

body.sml-tienda .wc-block-components-totals-footer-item,
body.sml-tienda .wc-block-components-totals-footer-item .wc-block-components-totals-item__value,
body.sml-tienda .wc-block-components-product-name,
body.sml-tienda .wc-block-components-order-summary-item__total-price,
body.sml-tienda .price,
body.sml-tienda .woocommerce-Price-amount {
	color: var(--sml-ink);
}

body.sml-tienda .wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
	font-family: var(--global-heading-font-family);
	font-weight: 700;
}

body.sml-tienda .wc-block-components-order-summary-item__quantity {
	background: var(--sml-navy);
	border-color: var(--sml-navy);
	color: #ffffff;
}

/* Avisos de WooCommerce. */
body.sml-tienda .woocommerce-message,
body.sml-tienda .woocommerce-info,
body.sml-tienda .wc-block-components-notice-banner.is-info {
	border-color: var(--sml-gold);
	border-left-color: var(--sml-gold);
	background: #fbf7ec;
	color: var(--sml-ink);
}

/* Mi cuenta: menú lateral. */
body.sml-tienda .woocommerce-MyAccount-navigation ul li a {
	color: var(--sml-muted);
	border-radius: 10px;
}

body.sml-tienda .woocommerce-MyAccount-navigation ul li.is-active a,
body.sml-tienda .woocommerce-MyAccount-navigation ul li a:hover {
	background: var(--sml-navy);
	border-left-color: var(--sml-gold);
	color: #ffffff;
}

/* Tienda: tarjetas de producto. */
body.sml-tienda ul.products li.product .woocommerce-loop-product__title {
	font-family: var(--global-heading-font-family);
	color: var(--sml-ink);
}

body.sml-tienda .onsale {
	background: var(--sml-gold);
	color: var(--sml-navy);
}

/* Página de producto. */
body.sml-tienda.single-product .product_title {
	font-size: clamp(28px, 3.6vw, 40px);
	font-weight: 700;
}

body.sml-tienda.single-product .summary .price {
	font-family: var(--global-heading-font-family);
	font-weight: 700;
	color: var(--sml-navy);
}

/* ---------------------------------------------------------------- */
/* Pie                                                               */
/* ---------------------------------------------------------------- */

body.sml-tienda #colophon,
body.sml-tienda #colophon .site-footer-row-container-inner {
	background: var(--sml-navy-deep);
	color: #a3a6b0;
}

body.sml-tienda #colophon {
	border-top: 3px solid var(--sml-gold);
}

body.sml-tienda #colophon a {
	color: var(--sml-gold);
}

/* Aviso "Coming soon" de WooCommerce: sin cambios, solo la letra. */
body.sml-tienda .woocommerce-store-notice,
body.sml-tienda .wp-block-woocommerce-coming-soon {
	font-family: var(--global-body-font-family);
}