/*
Theme Name:   Blocksy Child
Theme URI:    https://creativethemes.com/blocksy/
Description:  Child theme for Blocksy. Holds the artwork taxonomies, image
              processing rules, gallery template and CV template, so that a
              Blocksy update cannot overwrite them.
Author:       Zenon
Template:     blocksy
Version:      1.0.2
Text Domain:  blocksy-child
*/

/* Custom CSS can go here, but note that the gallery and CV templates each
   carry their own <style> block. Anything specific to one page belongs in
   that template, not here, so the CSS stays next to the markup it styles. */


/* Artwork results carry no byline or publish date - see functions.php. */
.post-type-artwork .entry-meta,
article[class*="type-artwork"] .entry-meta { display: none; }

/* === ZENON PALETTE START ===================================================
   Site-wide colour and type. Blocksy exposes its palette as CSS variables on
   :root, and everything it renders — header, menus, footer, buttons, forms —
   reads from them, so overriding the variables restyles the whole site
   without writing a selector per component.

   The child stylesheet is enqueued with ['ct-main-styles'] as a dependency,
   so these land after Blocksy's own values and win without !important.
   ------------------------------------------------------------------------ */

:root,
[data-prefix] {
	/* the palette */
	--z-wall:      #dcd8ce;  /* toned ground */
	--z-wall-2:    #d2ccc0;  /* recessed panels, form fields */
	--z-wall-3:    #e6e3db;  /* raised cards */
	--z-ink:       #100e08;  /* headings */
	--z-ink-body:  #23201a;  /* body copy */
	--z-ink-soft:  #4a4539;  /* labels, meta — still passes AA at small sizes */
	--z-line:      #b3ac9c;  /* rules and borders */
	--z-accent:    #8c2f1c;  /* links, active state */
	--z-accent-2:  #6d2313;  /* hover */

	/* Blocksy's palette slots, mapped onto the above */
	--theme-palette-color-1: var(--z-accent);
	--theme-palette-color-2: var(--z-accent-2);
	--theme-palette-color-3: var(--z-ink);
	--theme-palette-color-4: var(--z-ink-body);
	--theme-palette-color-5: var(--z-line);
	--theme-palette-color-6: var(--z-wall-2);
	--theme-palette-color-7: var(--z-wall-3);
	--theme-palette-color-8: var(--z-wall);

	--theme-text-color:            var(--z-ink-body);
	--theme-headings-color:        var(--z-ink);
	--theme-link-initial-color:    var(--z-accent);
	--theme-link-hover-color:      var(--z-accent-2);
	--theme-border-color:          var(--z-line);
	--theme-content-spacing:       1.5em;

	/* type */
	--theme-font-family: "Newsreader", Georgia, "Times New Roman", serif;
	--theme-font-weight: 300;
	--theme-headings-font-family: "Bricolage Grotesque", "Helvetica Neue", Arial, sans-serif;
	--theme-headings-font-weight: 800;

	--z-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
	--z-display: "Bricolage Grotesque", "Helvetica Neue", Arial, sans-serif;
	--z-body: "Newsreader", Georgia, "Times New Roman", serif;
}

html,
body,
.site,
#main-container,
.ct-container,
.ct-container-full {
	background-color: var(--z-wall);
}

body {
	font-family: var(--z-body);
	font-weight: 300;
	color: var(--z-ink-body);
}

h1, h2, h3, h4, h5, h6,
.entry-title,
.site-title {
	font-family: var(--z-display);
	font-weight: 800;
	letter-spacing: -.02em;
	color: var(--z-ink);
}

/* Header and footer sit on the same ground rather than floating on white. */
header.ct-header,
header.ct-header [data-row],
.ct-footer,
.ct-footer [data-row],
.ct-drawer-canvas [data-behaviour] {
	background-color: var(--z-wall) !important;
	border-color: var(--z-line);
}

/* Menu items: the site's own voice, not the theme default. */
.ct-header [data-id="menu"] .menu-item > a,
.ct-header [data-id="menu"] > ul > li > a {
	font-family: var(--z-mono);
	font-size: .72rem;
	letter-spacing: .1em;
	text-transform: uppercase;
}

/* ------------------------------------------------------------------------
   Deliberately NO blanket button / input / textarea rules here.

   An earlier version styled `button, .button, input[type=submit]` globally,
   which set a light text colour on the gallery filter chips. Those chips
   carry their own background but no colour of their own, so the label
   vanished into the background until hovered.

   Anything that already has its own styling — the filter bar, the artwork
   inquiry form, Blocksy's search — is left alone. Page-level styling lives
   in front-page.php and page-inquiries.php, scoped to .zh and .zi.
   ------------------------------------------------------------------------ */

hr, .ct-divider { border-color: var(--z-line); }

::selection { background: var(--z-accent); color: #fff; }

/* Small uppercase metadata labels, matching the artwork pages. */
.zenon-label {
	font-family: var(--z-mono);
	font-size: .68rem;
	letter-spacing: .09em;
	text-transform: uppercase;
	color: var(--z-ink-soft);
}

/* === ZENON PALETTE END ==================================================== */