/*
 Theme Name:   Senor Don Gato - Ashe Editado
 Theme URI:    https://senordongato.com.co
 Description:  Child theme de Ashe, edicion fina estilo editorial para Senor Don Gato
 Author:       Senor Don Gato
 Template:     ashe
 Version:      1.0.0
 Text Domain:  sdg-ashe-child
*/

:root {
	--sdg-crema: #FBF6EE;
	--sdg-carbon: #232323;
	--sdg-mostaza: #D08A3E;
	--sdg-salvia: #6B8068;
	--sdg-salvia-oscuro: #57684E;
	--sdg-blanco: #FFFFFF;
	--sdg-serif: "Fraunces", Georgia, serif;
	--sdg-sans: "Work Sans", -apple-system, sans-serif;
}

/* Base */
body {
	background-color: var(--sdg-crema);
	color: var(--sdg-carbon);
	font-family: var(--sdg-sans);
}

a {
	color: var(--sdg-mostaza);
}

a:hover {
	color: var(--sdg-carbon);
}

/* Tipografia editorial en titulos */
h1, h2, h3, h4, h5, h6,
.post-title,
.slider-title,
.entry-header .post-title,
.woocommerce ul.products li.product h3,
.woocommerce div.product .product_title {
	font-family: var(--sdg-serif);
	font-weight: 500;
	letter-spacing: -0.01em;
	color: var(--sdg-carbon);
}

/* Header / marca */
.header-logo-a {
	font-family: var(--sdg-serif);
	color: var(--sdg-carbon);
	letter-spacing: 0.02em;
}

.site-description {
	font-family: var(--sdg-sans);
	color: var(--sdg-mostaza);
	letter-spacing: 0.08em;
	text-transform: uppercase;
	font-size: 0.75rem;
}

.top-bar-socials a,
.main-nav-icons a {
	color: var(--sdg-carbon);
}

/* Slider / hero */
.featured-slider-area {
	border-radius: 0;
}

.slider-content {
	background: rgba(35, 35, 35, 0.35);
	border-radius: 20px;
}

.slider-categories a {
	color: var(--sdg-mostaza);
	letter-spacing: 0.08em;
}

/* Botones tipo pildora, mas redondeados */
.read-more,
.slider-read-more,
.post-footer .read-more,
input[type="submit"],
button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce-page a.button,
.woocommerce a.checkout-button,
.wp-block-button__link {
	background-color: var(--sdg-salvia);
	color: var(--sdg-blanco);
	border: none;
	border-radius: 999px;
	padding: 0.85rem 2rem;
	font-family: var(--sdg-sans);
	font-size: 0.8rem;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	transition: background-color 0.2s ease;
}

.read-more:hover,
.slider-read-more:hover,
input[type="submit"]:hover,
button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.wp-block-button__link:hover {
	background-color: var(--sdg-salvia-oscuro);
	color: var(--sdg-blanco);
}

/* Imagenes con esquinas redondeadas, estilo mas suave */
.post-media img,
.cv-container,
.woocommerce ul.products li.product img,
.woocommerce div.product div.images img {
	border-radius: 20px;
}

/* Precios de productos */
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
	color: var(--sdg-salvia-oscuro);
	font-family: var(--sdg-sans);
	font-weight: 500;
}

.woocommerce ul.products li.product {
	margin-bottom: 3rem;
}

/* Grilla de blog con mas espacio */
.blog-grid {
	gap: 3rem;
}

.blog-post {
	border-radius: 20px;
	overflow: hidden;
}

.post-content {
	font-family: var(--sdg-sans);
	line-height: 1.75;
	color: var(--sdg-carbon);
}

/* Footer */
.page-footer-inner {
	background-color: var(--sdg-carbon);
	color: var(--sdg-crema);
}

.page-footer-inner a {
	color: var(--sdg-mostaza);
}

.footer-copyright,
.credit {
	color: var(--sdg-crema);
	opacity: 0.7;
}

/* Botones de icono redondos (busqueda, menu, dark mode) */
.mobile-menu-btn,
.dark-mode-switcher,
.main-nav-search {
	border-radius: 999px;
}