/*
Theme Name: Onshuis Werkplaats
Theme URI: https://woneninonshuis.nl
Author: Feeling Content
Author URI: https://feelingcontent.nl
Description: Uniek FSE-blokthema voor Woneninonshuis.nl — "De Werkplaats". Een klus-handleiding als design: blauwdruk-/perkamentpapier, Poppins, masking-tape labels, gereedschapsbord-navigatie en index­kaarten met niveau-meter + tijd-stempel. Rond Het Klushandboek (1 klus = 1 stappenplan), met theme-onafhankelijke hub-engine los van Elementor.
Requires at least: 6.4
Tested up to: 7.0
Requires PHP: 7.4
Version: 1.1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: onshuis-werkplaats
Tags: full-site-editing, blog, block-styles, custom-colors, custom-menu, featured-images, wide-blocks
*/

/* ---- Werkplaats-signatuur ---- */

body{
  background-color:#FBF7F2;
  background-image:linear-gradient(rgba(59,47,47,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(59,47,47,.05) 1px,transparent 1px);
  background-size:23px 23px;
  background-attachment:fixed;
}

/* Knoppen: harde offset-schaduw i.p.v. zwevende schaduw */
.wp-block-button__link{box-shadow:3px 3px 0 #3B2F2F;transition:transform .12s ease, box-shadow .12s ease;}
.wp-block-button__link:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 #3B2F2F;}
.wp-block-button.is-style-outline .wp-block-button__link{box-shadow:3px 3px 0 rgba(59,47,47,.18);}

/* Masking-tape kicker */
.kw-tape{display:inline-block;background:rgba(201,138,43,.22);border-left:3px dashed #C98A2B;color:#7a5410;
  font-weight:700;font-size:.74rem;letter-spacing:.05em;text-transform:uppercase;padding:5px 13px;transform:rotate(-1.4deg);}

/* Handgetekende cirkel-nadruk (vervangt onderstreping) */
.kw-circle{position:relative;white-space:nowrap;display:inline-block;padding:0 .15em;}
.kw-circle svg{position:absolute;left:-8px;top:-8px;width:calc(100% + 16px);height:calc(100% + 16px);overflow:visible;pointer-events:none;}

/* Knip-stippellijn met schaar */
.kw-cut{position:relative;height:0;border-top:2px dashed #E2D5C5;margin:1rem 0 2rem;}
.kw-cut span{position:absolute;left:24px;top:-13px;background:#FBF7F2;color:#8A7E76;padding:0 6px;font-size:18px;}

/* Genummerde sectiekop */
.kw-sec-h{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:-.01em;color:#3B2F2F;}
.kw-sec-h .kw-num{flex:none;background:#3B2F2F;color:#FBF7F2;font-size:.8rem;width:28px;height:28px;border-radius:6px;
  display:inline-flex;align-items:center;justify-content:center;transform:rotate(-4deg);}

/* Gereedschapsbord (pegboard) */
.kw-peg{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;background:#F3E9DB;border:1.5px solid #E2D5C5;border-radius:12px;
  padding:20px 14px 15px;background-image:radial-gradient(rgba(59,47,47,.13) 1.4px,transparent 1.5px);background-size:14px 14px;}
.kw-peg a{position:relative;background:#fff;border:1.5px solid #E2D5C5;border-radius:9px;padding:14px 6px 9px;text-align:center;
  display:flex;flex-direction:column;align-items:center;gap:6px;font-weight:600;font-size:.78rem;color:#3B2F2F;text-decoration:none;transition:.14s;}
.kw-peg a:hover{border-color:#E07A5F;transform:translateY(-2px);}
.kw-peg a::before{content:"";position:absolute;top:-7px;left:50%;width:9px;height:9px;border:2px solid #8A7E76;border-radius:50%;transform:translateX(-50%);background:#F3E9DB;}
.kw-peg a .kw-ico{font-size:1.5rem;line-height:1;}
@media(max-width:600px){.kw-peg{grid-template-columns:repeat(3,1fr);}}

/* Index-kaarten in de blog/archief-query-loops */
.kw-card .wp-block-post,
.kw-card.wp-block-post{position:relative;background:#fff;border:1.5px solid #E2D5C5;border-radius:5px;
  box-shadow:3px 3px 0 rgba(59,47,47,.07);overflow:hidden;transition:.16s;}
.kw-card.wp-block-post:nth-child(odd){transform:rotate(-.4deg);}
.kw-card.wp-block-post:nth-child(even){transform:rotate(.4deg);}
.kw-card.wp-block-post:hover{transform:translateY(-3px) rotate(0);box-shadow:5px 6px 0 rgba(59,47,47,.12);border-color:#D8C6B2;}
.kw-card .wp-block-post-featured-image{margin:0;}
.kw-card .wp-block-post-featured-image img{border-radius:0;}
.kw-card .wp-block-post-title{font-weight:600;letter-spacing:-.01em;}
.kw-card .wp-block-post-title a{text-decoration:none;}

/* Klushandboek-paginatemplate: zorg dat de hub-widget vol kan ademen */
.page-klushandboek .wp-block-post-content{max-width:1180px;}