/*
Theme Name: Indice
Theme URI: https://wordpress.com/theme/indice
Author: Automattic
Author URI: https://automattic.com/
Description: Indice is a tribute to the iconic indexhibit, an archetypal open source CMS that was heavily used by a generation of designers in the early web due to its simplicity and charm.
Requires at least: 6.8
Tested up to: 6.8
Requires PHP: 7.2
Version: 1.0.10
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: indice
Tags: blog, portfolio, two-columns, block-styles, featured-images, full-site-editing, rtl-language-support, style-variations, translation-ready
*/

/*
 * Control the hover stylings of outline block style.
 * Unnecessary once block styles are configurable via theme.json
 * https://github.com/WordPress/gutenberg/issues/42794
 */
.wp-block-button.is-style-outline > .wp-block-button__link:not(.has-background):hover {
	background-color: var(--wp--preset--color--primary);
	border-color: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--base);
}

/* ──────────────────────────────────────────────────────────────────────────
   Reusable card / grid treatments
   Hairline color derives from the active palette's primary, so it tracks
   whatever color scheme is active (olive now, anything later).
   ────────────────────────────────────────────────────────────────────────── */
:root {
	--indice-hairline: color-mix(in srgb, var(--wp--preset--color--primary) 22%, transparent);
}

/* Bordered grid for the Columns block — apply via the "Grid cards" block style.
   Borders on container top/left + each cell right/bottom = clean 1px grid,
   no doubled lines. Reusable on any Columns block (Core Skills, Projects, …). */
.wp-block-columns.is-style-grid-cards {
	gap: 0;
	margin-block: var(--wp--preset--spacing--40);
	border-block-start: 1px solid var(--indice-hairline);
	border-inline-start: 1px solid var(--indice-hairline);
}

.wp-block-columns.is-style-grid-cards > .wp-block-column {
	padding: 1.25rem 1.5rem;
	border-inline-end: 1px solid var(--indice-hairline);
	border-block-end: 1px solid var(--indice-hairline);
}

/* Kill the heading's default top margin so each cell's title sits flush. */
.wp-block-columns.is-style-grid-cards > .wp-block-column > :first-child {
	margin-top: 0;
}

/* Stacked entry cards (Experience, Education, …). The divider sits only
   BETWEEN consecutive cards, so the last card never doubles up with the
   section separator that follows it. Add class "entry-card" to each group. */
.entry-card {
	padding-block: 20px;
}

.entry-card + .entry-card {
	border-block-start: 1px solid var(--indice-hairline);
}