/*
Theme Name: Vitae Sana
Theme URI: https://vitaesana.com
Description: Tema de recetas saludables para Vitae Sana. Hijo de Twenty Twenty-Five.
Author: Vitae Sana
Template: twentytwentyfive
Version: 1.0.0
Requires at least: 6.7
Requires PHP: 8.0
Text Domain: vitaesana
*/

/* Header */
.vs-site-header { border-bottom: 1px solid var(--wp--preset--color--line); }
.vs-site-header .wp-block-site-title a { text-decoration: none; }
.vs-site-header .wp-block-navigation a { text-decoration: none; font-weight: 600; }
.vs-site-header .wp-block-navigation a:hover { color: var(--wp--preset--color--primary); }
.vs-brand { display: flex; align-items: center; gap: .55rem; }
.vs-brand__leaf { font-size: 1.5rem; line-height: 1; }

/* Hero */
.vs-hero { border-radius: 22px; overflow: hidden; }
.vs-hero h1 { text-wrap: balance; }

/* Category tiles */
.vs-tiles { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 210px), 1fr)); gap: .75rem; list-style: none; padding: 0; margin: 0; }
.vs-tiles li { min-width: 0; }
.vs-tiles a {
	display: flex; align-items: center; justify-content: space-between; gap: .75rem; height: 100%; box-sizing: border-box;
	padding: .9rem 1rem; border-radius: 14px; text-decoration: none; font-weight: 600; line-height: 1.3;
	overflow-wrap: anywhere;
	background: var(--wp--preset--color--soft); border: 1px solid var(--wp--preset--color--line); color: var(--wp--preset--color--contrast);
}
.vs-tiles a:hover { border-color: var(--wp--preset--color--primary); }
.vs-tiles .vs-count { flex: none; font-weight: 400; font-size: .85rem; opacity: .7; }

/* Single recipe */
.vs-breadcrumbs { font-size: .85rem; opacity: .8; }
.vs-breadcrumbs a { text-decoration: none; }

/* Footer */
.vs-site-footer { border-top: 1px solid var(--wp--preset--color--line); }
.vs-site-footer a { text-decoration: none; }
.vs-site-footer a:hover { text-decoration: underline; }

/* Archive description */
.wp-block-term-description p { margin-top: 0; }