/*
Theme Name: Studio Kunst en Co
Theme URI: https://studiokunstenco.nl
Author: Studio Kunst en Co
Description: Licht, snel blokthema voor een kunstenaarsportfolio. Geen page builder nodig: alles werkt met de standaard WordPress-editor. Inclusief kunstwerken-portfolio met categorieën, details (afmetingen, techniek, jaar, beschikbaarheid), uitgelicht werk op de homepage en een hulpmiddel om oude Divi-pagina's op te schonen.
Requires at least: 6.5
Tested up to: 6.8
Requires PHP: 7.4
Version: 1.1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: studiokunstenco
Tags: portfolio, block-patterns, full-site-editing, one-column, custom-colors, editor-style
*/

/* Kleine aanvullingen op theme.json. Bewust kort gehouden. */

html { scroll-behavior: smooth; }

a { text-underline-offset: .18em; text-decoration-thickness: 1px; }

/* Header */
.skc-header { border-bottom: 1px solid var(--wp--preset--color--line); }
.skc-header .wp-block-site-title a { text-decoration: none; }
.skc-header .wp-block-navigation a:hover { color: var(--wp--preset--color--accent); }

/* Eyebrow / kleine labels */
.skc-eyebrow {
	text-transform: uppercase;
	letter-spacing: .14em;
	font-size: var(--wp--preset--font-size--x-small);
	font-weight: 600;
	color: var(--wp--preset--color--accent);
}

/* Hero met uitgelicht werk */
.skc-hero-art img { box-shadow: 0 30px 60px -30px rgba(28, 27, 25, .45); }

/* Kunstwerk-raster */
.skc-grid .wp-block-post { position: relative; }
.skc-grid .wp-block-post-featured-image { overflow: hidden; margin-bottom: .9rem; background: var(--wp--preset--color--paper); }
.skc-grid .wp-block-post-featured-image img { transition: transform .6s cubic-bezier(.2, .7, .2, 1); }
.skc-grid .wp-block-post:hover .wp-block-post-featured-image img { transform: scale(1.035); }
.skc-grid .wp-block-post-title a { text-decoration: none; }
.skc-grid .wp-block-post-title a::after { content: ""; position: absolute; inset: 0; } /* hele kaart klikbaar */
.skc-grid .wp-block-post-terms { position: relative; z-index: 1; }

/* Dienst-tegels */
.skc-tile { position: relative; overflow: hidden; }
.skc-tile .wp-block-cover__image-background { transition: transform .6s cubic-bezier(.2, .7, .2, 1); }
.skc-tile:hover .wp-block-cover__image-background { transform: scale(1.04); }
.skc-tile h3 a { text-decoration: none; color: inherit; }
.skc-tile h3 a::after { content: ""; position: absolute; inset: 0; }

/* Categoriefilter */
.skc-filter { display: flex; flex-wrap: wrap; gap: .5rem; list-style: none; padding: 0; margin: 0; }
.skc-filter a {
	display: inline-block;
	padding: .45rem 1rem;
	border: 1px solid var(--wp--preset--color--line);
	border-radius: 999px;
	text-decoration: none;
	font-size: var(--wp--preset--font-size--small);
	color: var(--wp--preset--color--ink);
	transition: background .2s, color .2s, border-color .2s;
}
.skc-filter a:hover { border-color: var(--wp--preset--color--ink); }
.skc-filter a.is-active { background: var(--wp--preset--color--ink); color: var(--wp--preset--color--base); border-color: var(--wp--preset--color--ink); }

/* Kunstwerk-details */
.skc-details { margin: 0; display: grid; grid-template-columns: max-content 1fr; gap: .55rem 1.5rem; font-size: var(--wp--preset--font-size--small); }
.skc-details dt { color: var(--wp--preset--color--muted); }
.skc-details dd { margin: 0; }
.skc-status { display: inline-flex; align-items: center; gap: .45rem; }
.skc-status::before { content: ""; width: .55rem; height: .55rem; border-radius: 50%; background: currentColor; }
.skc-status--beschikbaar { color: #3D7A4A; }
.skc-status--verkocht { color: var(--wp--preset--color--accent); }
.skc-status--gereserveerd, .skc-status--niet-te-koop { color: var(--wp--preset--color--muted); }

/* Footer */
.skc-footer a { color: inherit; }
.skc-footer a:hover { color: var(--wp--preset--color--accent-soft); }

/* Toegankelijkheid: zichtbare focus */
:where(a, button, input, textarea, select):focus-visible { outline: 2px solid var(--wp--preset--color--accent); outline-offset: 3px; }

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	* { transition: none !important; }
}

.skc-footer .wp-block-list.is-style-none { list-style: none; }
.wp-block-skc-kunstwerk-details + .wp-block-post-content { margin-top: var(--wp--preset--spacing--50); }

/* Toont alleen het logo als dat is ingesteld; anders de sitenaam. */
.skc-header .wp-block-site-logo + .wp-block-site-title { display: none; }
.skc-header .wp-block-site-logo img { height: auto; max-height: 64px; width: auto; }