/**
 * Theme Name: Blocksy Child
 * Template:   blocksy
 */


/* =========================================================
   Blocksy + Gutenberg: force custom font usage (FREE)
   Body/UI = GT America
   Headings = GT Alpina
   ========================================================= */

/* 0) Basis variabelen (handig voor hergebruik) */
:root {
  --wd-font-ui: "GT America", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --wd-font-head: "GT Alpina", Georgia, "Times New Roman", Times, serif;
}

/* 1) UI/body: pak ALLES wat tekst kan zijn (Blocksy zet vaak op containers) */
body,
p, li, dd, dt,
span, strong, em,
label,
input, select, textarea,
button,
a,
figcaption,
table, th, td,
.ct-container,
.ct-content,
.entry-content,
.wp-site-blocks,
.wp-block,
.wp-block-post-content,
.wp-block-query,
.wp-block-post-template,
.wp-block-template-part {
  font-family: var(--wd-font-ui) !important;
}

/* 2) Headings: alle koppen + Blocksy titels + Gutenberg headings */
h1, h2, h3, h4, h5, h6,
.wp-block-heading,
.entry-title,
.page-title,
.ct-hero-title,
.ct-page-title,
.ct-archive-title,
.ct-search-title,
.ct-widget-title,
.wp-block-query-title,
.wp-block-post-title,
.wp-block-site-title {
  font-family: var(--wd-font-head) !important;
}

/* 3) Header: logo/site title + menu + tools */
.ct-header,
.ct-header * ,
.ct-header-navigation,
.ct-header-navigation a,
.ct-header-menu a,
.ct-header-search,
.ct-header-text,
.ct-header-account,
.ct-header-cart {
  font-family: var(--wd-font-ui) !important;
}

/* Logo als het tekst is */
.site-title,
.site-title a,
.wp-block-site-title,
.wp-block-site-title a {
  font-family: var(--wd-font-head) !important; /* vaak mooier editorial */
}

/* 4) Offcanvas/mobile menu + dropdowns */
.ct-panel,
.ct-panel * ,
.ct-panel a,
.ct-panel button,
.ct-drawer,
.ct-drawer * ,
.ct-drawer a,
.ct-drawer button,
.ct-menu,
.ct-menu a,
.ct-dropdown,
.ct-dropdown a {
  font-family: var(--wd-font-ui) !important;
}

/* 5) Search modal / results / breadcrumbs / meta */
.ct-search,
.ct-search * ,
.ct-breadcrumbs,
.ct-breadcrumbs * ,
.ct-meta,
.ct-meta * ,
.ct-post-meta,
.ct-post-meta * ,
.wp-block-post-date,
.wp-block-post-author,
.wp-block-post-terms,
.wp-block-post-excerpt {
  font-family: var(--wd-font-ui) !important;
}

/* 6) Buttons (Blocksy + Gutenberg) */
.ct-button,
.wp-element-button,
.wp-block-button__link,
button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
  font-family: var(--wd-font-ui) !important;
}

/* 7) Widgets / sidebar / footer */
.ct-sidebar,
.ct-sidebar * ,
.widget,
.widget * ,
.ct-footer,
.ct-footer * {
  font-family: var(--wd-font-ui) !important;
}

/* 8) Pagination / nav links */
.ct-pagination,
.ct-pagination * ,
.page-numbers,
.nav-links,
.nav-links * {
  font-family: var(--wd-font-ui) !important;
}

/* 9) Comments / forms */
.comment-respond,
.comment-respond * ,
.commentlist,
.commentlist * ,
form,
form * {
  font-family: var(--wd-font-ui) !important;
}

/* 10) Quotes mogen “head” font (optioneel) */
blockquote,
.wp-block-quote {
  font-family: var(--wd-font-head) !important;
}

/* Lower case */

.ct-menu-link,
.ct-button,
.wp-element-button,
h1, h2, h3, h4 {
  text-transform: lowercase !important;
}

/*
 *   Homepage: Lopende zaken 
 */

.wd-zaken-wrapper {
    position: relative;
}
.wd-zaken-header {
    background: var(--theme-palette-color-2);
    padding: 40px;
	width: 65%;
    margin-bottom: -20px;
}
.wd-zaken-header h3 {
    color: var(--theme-palette-color-3);
    margin: 0 0 12px 0;
}
.wd-zaken-header p {
    color: var(--theme-palette-color-3);
    margin: 0;
}
.wd-zaken {
    background: var(--theme-palette-color-5);
    padding: 40px;
    margin-left: 15%;
    display: flex;
    flex-direction: column;
    gap: 18px;
    position: relative;
    z-index: 2;
}
.wd-zaak {
    display: flex;
    flex-direction: column;
    text-decoration: none;
    color: var(--theme-palette-color-3);
}
.wd-zaak__top {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-bottom: 10px;
}
.wd-zaak__icoon img {
    width: 70px;
    height: 70px;
    object-fit: contain;
}
.wd-zaak__icoon--placeholder {
    width: 70px;
    height: 70px;
}
.wd-zaak__titel {
    font-weight: 700;
    color: var(--theme-palette-color-3);
}
.wd-zaak:hover .wd-zaak__titel {
    color: var(--theme-palette-color-1);
}
.wd-zaak__balk {
    height: 6px;
    border-radius: 99px;
    background: var(--theme-palette-color-3);
    position: relative;
    width: calc(100% - 7px);
    margin-left: 7px;
}
.wd-zaak__balk-progress {
    height: 6px;
    border-radius: 99px;
    background: var(--theme-palette-color-1);
    position: relative;
}
.wd-zaak__balk-progress::after {
    content: "";
    position: absolute;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: var(--theme-palette-color-1);
    right: -7px;
    top: 50%;
    transform: translateY(-50%);
}
.wd-zaak__balk::before {
    content: "";
    position: absolute;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: var(--theme-palette-color-1);
    left: -7px;
    top: 50%;
    transform: translateY(-50%);
}
.wd-zaak__balk::after {
    content: "";
    position: absolute;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: var(--theme-palette-color-3);
    right: -7px;
    top: 50%;
    transform: translateY(-50%);
}

/*
 *  Homepage: countdown
 */

/*
 *  Homepage: countdown
 */
.wd-zitting{
  position:relative;
  min-height:360px;
}
.wd-zitting__img{
  min-height:360px;
  background-size:cover;
  background-position:center;
  width: 65%;
  margin-bottom: -260px;
}
.wd-zitting__card{
    width: min(520px, 90%);
    background: #0c3c49;
    color: #fff;
    padding: 26px 26px 22px;
    float:right;
}
.wd-zitting__kop {
    display: flex;
    align-items: flex-start;
    gap: 14px;
}
.wd-zitting__kop-icoon {
    width: 100px;
    height: auto;
    flex-shrink: 0;
    margin: 4px 10px 0 0;
}
.wd-zitting__titel{
  font-weight:800;
  font-size:34px;
  line-height:1.05;
}
.wd-zitting__sub{
  margin-top:6px;
  opacity:.95;
}
.wd-countdown{
  display:flex;
  gap:14px;
  margin:18px 0 14px;
}
.wd-countdown__item{
  flex:1;
  text-align:center;
}
.wd-countdown__num{
  background:rgba(0,0,0,.25);
  padding:10px 0;
  border-radius:4px;
  font-weight:800;
  font-size:36px;
}
.wd-countdown__lbl{
  margin-top:8px;
  opacity:.95;
}
.wd-zitting__meta{
  font-size:14px;
  line-height:1.5;
  margin-top:10px;
}
.wd-zitting__btn{
display: inline-block;
    margin: -50px 0 -50px 0;
    position: relative;
    top: 35px;
}
@media (max-width: 900px){
  .wd-zitting__card{
    position:static;
    transform:none;
    width:100%;
    margin-top:-24px;
    border-radius:10px;
  }
}

/*
 * Zaak nieuws
 */

.wd-zaak-nieuws__lijst{
  list-style:none;
  padding:0;
  margin:0;
  display:flex;
  flex-direction:column;
  gap:14px;
}
.wd-zaak-nieuws__item a{
  font-weight:700;
  text-decoration:none;
}
.wd-zaak-nieuws__datum{
  opacity:.75;
  font-size:14px;
  margin-top:4px;
}

/*
 *  Blockquote
 */

figure.wp-block-pullquote blockquote {
    line-height: 1.2;
    font-weight: 500;
    font-size: 1.2em;
}


/*
 *  Foto's bij nieuwsoverzicht homepage
 */

.wp-block-post-featured-image img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    display: block;
}