/*
 Theme Name:   Divi Child — Peter Koppejan
 Theme URI:    https://www.peterkoppejan.nl
 Description:  Child-theme voor Divi 5 met de look & feel van Peter Koppejan: papier/beton, inkt, eikenhout en roest; catalogus-portfolio met maatvoeringslijn.
 Author:       Voor Peter Koppejan
 Template:     Divi
 Version:      1.7.7
 Text Domain:  divi-child-koppejan
*/

/* =========================================================================
   1. DESIGN TOKENS
   ========================================================================= */
:root{
  --kop-paper:#E7E2D5;
  --kop-paper-warm:#DED7C6;
  --kop-ink:#1B1917;
  --kop-ink-soft:#2A2724;
  --kop-oak:#8A5E33;
  --kop-rust:#A93F1F;
  --kop-stone:#6F6A5E;       /* donker genoeg voor leesbare labels op papier */
  --kop-line:#C7C0AF;
  --kop-chalk:#F4EFE3;
  --kop-oak-light:#C88A5A;   /* accent op donkere vlakken */

  --kop-display:'Anton', Impact, 'Arial Narrow', sans-serif;
  --kop-voice:'Newsreader', Georgia, 'Times New Roman', serif;
  --kop-mono:'IBM Plex Mono', ui-monospace, Menlo, Consolas, monospace;

  --kop-max:1180px;
  --kop-gutter:40px;
}

/* =========================================================================
   2. BASIS (overschrijft Divi)
   ========================================================================= */
body.kop-theme,
body.kop-theme #page-container,
body.kop-theme #main-content,
body.kop-theme #et-main-area{
  background:var(--kop-paper);
  color:var(--kop-ink);
}
body.kop-theme{
  font-family:var(--kop-mono);
  font-size:15px;
  -webkit-font-smoothing:antialiased;
}
body.kop-theme :where(#page-container,#main-content,#et-main-area,.kop-footer,.kop-theme-scope) h1,
body.kop-theme :where(#page-container,#main-content,#et-main-area,.kop-footer,.kop-theme-scope) h2,
body.kop-theme :where(#page-container,#main-content,#et-main-area,.kop-footer,.kop-theme-scope) h3,
body.kop-theme :where(#page-container,#main-content,#et-main-area,.kop-footer,.kop-theme-scope) h4,
body.kop-theme :where(#page-container,#main-content,#et-main-area,.kop-footer,.kop-theme-scope) h5,
body.kop-theme :where(#page-container,#main-content,#et-main-area,.kop-footer,.kop-theme-scope) h6,
body.kop-theme :where(#page-container,#main-content,#et-main-area,.kop-footer,.kop-theme-scope) .et_pb_module_header,
body.kop-theme :where(#page-container,#main-content,#et-main-area,.kop-footer,.kop-theme-scope) .entry-title{
  font-family:var(--kop-display);
  font-weight:400;
  text-transform:uppercase;
  letter-spacing:.01em;
  line-height:1.05;
  color:var(--kop-ink);
  padding-bottom:.4em;
}
body.kop-theme :where(#page-container,#main-content,#et-main-area,.kop-footer,.kop-theme-scope) h1{font-size:clamp(40px,6vw,72px);}
body.kop-theme :where(#page-container,#main-content,#et-main-area,.kop-footer,.kop-theme-scope) h2{font-size:clamp(30px,4vw,44px);}
body.kop-theme :where(#page-container,#main-content,#et-main-area,.kop-footer,.kop-theme-scope) h3{font-size:clamp(24px,3vw,32px);}
body.kop-theme :where(#page-container,#main-content,#et-main-area,.kop-footer,.kop-theme-scope) h4{font-size:22px;}

/* Lopende tekst: literaire serif */
body.kop-theme .entry-content p,
body.kop-theme .et_pb_text_inner p,
body.kop-theme .et_pb_post .post-content p{
  font-family:var(--kop-voice);
  font-size:18px;
  line-height:1.8;
  color:var(--kop-ink-soft);
  padding-bottom:1.1em;
}
body.kop-theme .entry-content em,
body.kop-theme .entry-content blockquote{
  font-family:var(--kop-voice);
  font-style:italic;
}
body.kop-theme .entry-content blockquote{
  border-left:2px solid var(--kop-rust);
  padding:4px 0 4px 24px;
  margin:28px 0;
  font-size:20px;
  line-height:1.6;
}
body.kop-theme a{color:var(--kop-rust);}
body.kop-theme a:hover{color:var(--kop-ink);}
body.kop-theme .entry-content img{filter:grayscale(10%);}

body.kop-theme :focus-visible{outline:2px solid var(--kop-rust);outline-offset:3px;}

/* Divi: verticale lijn en sidebar weg, volle breedte */
body.kop-theme #main-content .container:before{display:none;}
body.kop-theme #sidebar{display:none;}
body.kop-theme #left-area{width:100%;padding-right:0;float:none;}
body.kop-theme #main-content .container{
  width:100%;
  max-width:var(--kop-max);
  padding:0 var(--kop-gutter);
}
body.kop-theme .et_pb_row{max-width:var(--kop-max);}

/* Breadcrumb-achtige meta en labels in mono */
body.kop-theme .post-meta,
body.kop-theme .et_pb_post .post-meta,
body.kop-theme #breadcrumbs{
  font-family:var(--kop-mono);
  font-size:11px;
  letter-spacing:.05em;
  color:var(--kop-stone);
}
body.kop-theme .post-meta a{color:var(--kop-stone);}

/* =========================================================================
   3. HEADER (Divi) — logo links, menu rechts, maatvoeringslijn eronder
   ========================================================================= */
body.kop-theme #main-header,
body.kop-theme #main-header.et-fixed-header{
  background:var(--kop-paper);
  box-shadow:none !important;
  border:0;
}
body.kop-theme #main-header .container{
  width:100%;
  max-width:var(--kop-max);
  padding:0 var(--kop-gutter);
}
body.kop-theme #logo{max-height:56px;width:auto;}
body.kop-theme #main-header.et-fixed-header #logo{max-height:44px;}

body.kop-theme #top-menu li a,
body.kop-theme #et-top-navigation nav ul li a{
  font-family:var(--kop-mono);
  font-size:12px;
  font-weight:400;
  letter-spacing:.06em;
  color:var(--kop-ink-soft);
  padding-bottom:3px;
  border-bottom:1px solid transparent;
  opacity:1;
}
body.kop-theme #top-menu li a:hover,
body.kop-theme #top-menu li.current-menu-item > a,
body.kop-theme #top-menu li.current_page_item > a,
body.kop-theme #top-menu li.current-menu-ancestor > a{
  color:var(--kop-rust);
  border-bottom-color:var(--kop-rust);
  opacity:1;
}
body.kop-theme #top-menu li.current-menu-item > a,
body.kop-theme #top-menu li.current_page_item > a{color:var(--kop-rust);}

body.kop-theme .nav li ul{
  background:var(--kop-paper);
  border-top:1px solid var(--kop-ink);
  box-shadow:none;
}
body.kop-theme .nav li ul a{color:var(--kop-ink-soft);}

/* de maatvoeringslijn onder de header */
body.kop-theme #main-header::after{
  content:"";
  display:block;
  height:11px;
  width:calc(100% - (var(--kop-gutter) * 2));
  max-width:calc(var(--kop-max) - (var(--kop-gutter) * 2));
  margin:0 auto;
  background:
    linear-gradient(var(--kop-ink),var(--kop-ink)) left center / 100% 1px no-repeat,
    linear-gradient(var(--kop-ink),var(--kop-ink)) left center / 1px 11px no-repeat,
    linear-gradient(var(--kop-ink),var(--kop-ink)) right center / 1px 11px no-repeat;
}

/* mobiel menu */
body.kop-theme .mobile_menu_bar:before{color:var(--kop-ink);}
body.kop-theme #et_mobile_nav_menu .mobile_nav.opened .et_mobile_menu,
body.kop-theme .et_mobile_menu{
  background:var(--kop-paper);
  border-top:1px solid var(--kop-ink);
}
body.kop-theme .et_mobile_menu li a{
  font-family:var(--kop-mono);
  font-size:13px;
  color:var(--kop-ink-soft);
  border-bottom:1px solid var(--kop-line);
}

/* =========================================================================
   4. HERBRUIKBARE ONDERDELEN
   ========================================================================= */
.kop-wrap{max-width:var(--kop-max);margin:0 auto;padding:0 var(--kop-gutter);}

.kop-dim{display:flex;align-items:center;gap:8px;width:100%;}
.kop-dim__tick{width:1px;height:10px;background:var(--kop-ink);flex-shrink:0;}
.kop-dim__rule{flex:1;height:1px;background:var(--kop-ink);}
.kop-dim__label{font-family:var(--kop-mono);font-size:11px;letter-spacing:.08em;color:var(--kop-stone);white-space:nowrap;}
.kop-dim--dark .kop-dim__tick,
.kop-dim--dark .kop-dim__rule{background:var(--kop-chalk);}
.kop-dim--dark .kop-dim__label{color:#B3AD9D;}

.kop-eyebrow{display:block;font-family:var(--kop-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--kop-rust);margin-bottom:18px;}
.kop-num{display:block;font-family:var(--kop-mono);font-size:11px;color:var(--kop-stone);margin-bottom:10px;}

.kop-btn,
body.kop-theme .et_pb_button,
body.kop-theme .et_pb_contact_form .et_pb_contact_submit{
  display:inline-block;
  font-family:var(--kop-mono);
  font-size:12px;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--kop-chalk) !important;
  background:var(--kop-ink);
  border:1px solid var(--kop-ink) !important;
  border-radius:0;
  padding:12px 22px !important;
  line-height:1.2;
  text-decoration:none;
  transition:background .15s, border-color .15s;
}
.kop-btn:hover,
body.kop-theme .et_pb_button:hover,
body.kop-theme .et_pb_contact_form .et_pb_contact_submit:hover{
  background:var(--kop-rust);
  border-color:var(--kop-rust) !important;
  padding:12px 22px !important;
}
body.kop-theme .et_pb_button:after{display:none;}

/* =========================================================================
   5. VOORPAGINA (template-home.php)
   ========================================================================= */
.kop-hero{padding:64px 0 0;}
.kop-hero__grid{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:end;}
.kop-hero__name{
  font-family:var(--kop-display);
  font-size:clamp(52px,8.5vw,104px);
  line-height:.88;
  text-transform:uppercase;
  margin:0;
  padding:0;
}
.kop-hero__roles{margin-top:22px;font-size:13px;letter-spacing:.04em;color:var(--kop-ink-soft);}
.kop-hero__img{position:relative;}
.kop-hero__img img{display:block;width:100%;height:520px;object-fit:cover;filter:grayscale(15%) contrast(1.05);}
.kop-hero__tag{position:absolute;left:0;bottom:0;background:var(--kop-ink);color:var(--kop-chalk);font-size:11px;letter-spacing:.04em;padding:10px 14px;}
.kop-hero__dim{margin-top:36px;}
.kop-hero__notes{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:26px 0 70px;}
.kop-hero__notes p{font-size:14px;line-height:1.75;color:var(--kop-ink-soft);max-width:46ch;margin:0;}

.kop-statement{background:var(--kop-ink);color:var(--kop-chalk);padding:110px 0;}
.kop-statement .kop-wrap{max-width:900px;}
.kop-statement blockquote{
  margin:0;padding:0;border:0;
  font-family:var(--kop-voice);font-style:italic;font-weight:400;
  font-size:clamp(24px,3.2vw,34px);line-height:1.45;color:var(--kop-chalk);
}
.kop-statement cite{display:block;margin-top:28px;font-family:var(--kop-mono);font-style:normal;font-size:12px;letter-spacing:.06em;color:#B3AD9D;}

.kop-section{padding:96px 0 60px;}
.kop-section__head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:8px;}
.kop-section__head h2,
.kop-section__head h1{margin:0;padding:0;}
.kop-section__more{font-size:12px;letter-spacing:.06em;color:var(--kop-rust);text-decoration:none;border-bottom:1px solid var(--kop-rust);padding-bottom:2px;}

.kop-about{padding:80px 0 100px;}
.kop-about__grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;align-items:center;}
.kop-about__grid img{display:block;width:100%;height:520px;object-fit:cover;filter:grayscale(20%);}
.kop-about__copy p{font-family:var(--kop-voice);font-size:19px;line-height:1.8;color:var(--kop-ink-soft);max-width:52ch;margin:0 0 28px;}

.kop-expo{background:var(--kop-paper-warm);padding:70px 0;}
.kop-expo__row{display:flex;justify-content:space-between;align-items:flex-start;gap:32px;flex-wrap:wrap;}
.kop-expo__row h2{margin:0;padding:0;font-size:28px;}
.kop-expo__list{list-style:none;margin:0;padding:0;display:grid;gap:14px;min-width:min(520px,100%);}
.kop-expo__list li{display:flex;gap:18px;align-items:baseline;border-bottom:1px solid var(--kop-line);padding-bottom:14px;}
.kop-expo__list time{font-size:11px;color:var(--kop-stone);letter-spacing:.04em;white-space:nowrap;}
.kop-expo__list a{font-family:var(--kop-voice);font-size:18px;color:var(--kop-ink);text-decoration:none;}
.kop-expo__list a:hover{color:var(--kop-rust);}

/* =========================================================================
   6. PORTFOLIO-CATALOGUS (template-portfolio.php)
   ========================================================================= */
.kop-page-hero{padding:60px 0 20px;}
.kop-crumb{font-size:11px;color:var(--kop-stone);letter-spacing:.05em;margin-bottom:18px;}
.kop-crumb a{color:var(--kop-stone);text-decoration:none;}
.kop-crumb a:hover{color:var(--kop-rust);}
.kop-page-hero h1{margin:0;padding:0;}
.kop-page-hero__intro{margin-top:18px;font-family:var(--kop-voice);font-style:italic;font-size:19px;line-height:1.6;color:var(--kop-ink-soft);max-width:56ch;}
.kop-page-hero__dim{margin-top:34px;}

.kop-toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;padding:34px 0 40px;}
.kop-filters{display:flex;flex-wrap:wrap;}
.kop-filters button{
  font-family:var(--kop-mono);font-size:12px;letter-spacing:.05em;
  background:none;border:0;border-left:1px solid var(--kop-line);border-radius:0;
  color:var(--kop-stone);cursor:pointer;padding:6px 16px;
}
.kop-filters button:first-child{border-left:0;padding-left:0;}
.kop-filters button:hover{color:var(--kop-ink);}
.kop-filters button.is-active{color:var(--kop-rust);}
.kop-count{font-size:11px;color:var(--kop-stone);}

.kop-catalogue{
  display:grid;grid-template-columns:repeat(4,1fr);gap:1px;
  background:var(--kop-line);
  border-top:1px solid var(--kop-line);border-bottom:1px solid var(--kop-line);
  margin-bottom:100px;
}
.kop-catalogue--three{grid-template-columns:repeat(3,1fr);}
.kop-cat{background:var(--kop-paper);padding-bottom:16px;}
.kop-cat[hidden]{display:none;}
.kop-cat__link{display:block;text-decoration:none;color:inherit;}
.kop-cat__frame{display:block;aspect-ratio:1/1;overflow:hidden;background:var(--kop-paper-warm);}
.kop-cat__frame img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(10%);transition:transform .35s ease, filter .2s;}
.kop-cat__link:hover .kop-cat__frame img{transform:scale(1.03);filter:grayscale(0);}
.kop-cat__empty{display:flex;height:100%;align-items:center;justify-content:center;font-size:11px;color:var(--kop-stone);}
.kop-cat__meta{display:block;padding:14px 16px 0;}
.kop-cat__index{display:block;font-size:10.5px;color:var(--kop-rust);}
.kop-cat__title{display:block;margin-top:4px;font-family:var(--kop-voice);font-style:italic;font-size:17px;color:var(--kop-ink);}
.kop-cat__sub{display:block;margin-top:6px;font-size:10px;letter-spacing:.03em;color:var(--kop-stone);}

/* losse projectpagina */
.kop-project{padding:50px 0 80px;}
.kop-project__media img{display:block;width:100%;height:auto;margin:0 0 36px;}
.kop-project__grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:64px;margin-top:10px;}
.kop-project__side{font-size:12px;color:var(--kop-stone);letter-spacing:.04em;line-height:1.9;}
.kop-project__side b{display:block;font-weight:500;color:var(--kop-ink);}
.kop-project__nav{display:flex;justify-content:space-between;gap:20px;margin-top:60px;padding-top:20px;border-top:1px solid var(--kop-ink);font-size:12px;letter-spacing:.05em;}
.kop-project__nav a{text-decoration:none;}

/* =========================================================================
   7. CONTENTPAGINA'S, ARCHIEVEN, FORMULIEREN
   ========================================================================= */
body.kop-theme.page:not(.et-tb-has-template) .entry-title,
body.kop-theme.single-post .entry-title{margin-top:40px;}

/* berichtenlijst (Exposities / Media): catalogus-gevoel */
body.kop-theme article.et_pb_post{
  border-top:1px solid var(--kop-line);
  padding:28px 0 8px;
  margin-bottom:0;
}
body.kop-theme article.et_pb_post .entry-title,
body.kop-theme article.et_pb_post .entry-title a{font-size:30px;}
body.kop-theme article.et_pb_post .entry-title a:hover{color:var(--kop-rust);}
body.kop-theme .more-link{font-family:var(--kop-mono);font-size:12px;letter-spacing:.06em;color:var(--kop-rust);}
body.kop-theme .pagination a{color:var(--kop-rust);}

/* formulieren (Divi contactmodule en standaard) */
body.kop-theme input[type=text],
body.kop-theme input[type=email],
body.kop-theme input[type=url],
body.kop-theme input[type=tel],
body.kop-theme textarea,
body.kop-theme select,
body.kop-theme .et_pb_contact_form input,
body.kop-theme .et_pb_contact_form textarea{
  font-family:var(--kop-mono);
  font-size:14px;
  color:var(--kop-ink);
  background:transparent !important;
  border:0 !important;
  border-bottom:1px solid var(--kop-ink) !important;
  border-radius:0;
  padding:12px 0 !important;
}
body.kop-theme input::placeholder,
body.kop-theme textarea::placeholder{color:var(--kop-stone);opacity:1;}
body.kop-theme .et_pb_contact_form p{padding-bottom:6px;}
body.kop-theme .et_pb_contact_form .et_pb_contact_captcha_question{font-family:var(--kop-mono);color:var(--kop-ink);}

/* =========================================================================
   8. FOOTER
   ========================================================================= */
body.kop-theme #main-footer{display:none;}

.kop-footer{background:var(--kop-ink);color:var(--kop-chalk);padding:80px 0 34px;}
.kop-footer .kop-dim{margin-bottom:60px;}
.kop-footer__grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:40px;margin-bottom:60px;}
.kop-footer__cta h2{font-family:var(--kop-display);font-size:clamp(34px,4.4vw,46px);line-height:1.05;text-transform:uppercase;color:var(--kop-chalk);margin:0;padding:0;}
.kop-footer__mail{display:inline-block;margin-top:22px;font-size:14px;color:var(--kop-oak-light);text-decoration:none;border-bottom:1px solid var(--kop-oak);padding-bottom:2px;}
.kop-footer__mail:hover{color:var(--kop-chalk);}
.kop-footer__col h5{font-family:var(--kop-mono);font-size:11px;font-weight:400;letter-spacing:.08em;text-transform:none;color:#B3AD9D;margin:0 0 14px;padding:0;}
.kop-footer__col ul{list-style:none;margin:0;padding:0;font-size:13px;line-height:2.1;color:#D8D2C4;}
.kop-footer__col a{color:#D8D2C4;text-decoration:none;}
.kop-footer__col a:hover{color:var(--kop-oak-light);}
.kop-footer__bottom{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-top:24px;border-top:1px solid #33302B;font-size:10.5px;color:#9A9586;}

/* =========================================================================
   9. RESPONSIVE
   ========================================================================= */
@media (max-width:980px){
  :root{--kop-gutter:24px;}
  .kop-catalogue{grid-template-columns:repeat(3,1fr);}
}
@media (max-width:900px){
  .kop-hero__grid,
  .kop-hero__notes,
  .kop-about__grid,
  .kop-project__grid,
  .kop-footer__grid{grid-template-columns:1fr;gap:32px;}
  .kop-hero{padding-top:36px;}
  .kop-hero__img img{height:340px;}
  .kop-about__grid img{height:360px;}
  .kop-statement{padding:72px 0;}
  .kop-section{padding:64px 0 40px;}
  .kop-catalogue,
  .kop-catalogue--three{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:480px){
  :root{--kop-gutter:16px;}
  .kop-catalogue,
  .kop-catalogue--three{grid-template-columns:1fr;}
  .kop-expo__list li{flex-direction:column;gap:4px;}
}

@media (prefers-reduced-motion:reduce){
  .kop-cat__frame img{transition:none;}
}

/* =========================================================================
   10. DIVI BUILDER-LAYOUTS (klassen die de geïmporteerde layouts gebruiken)
   Selectors volgen de standaard Divi-opmaak; mocht een module er na het
   importeren net anders uitzien, pas dan alleen dit blok aan.
   ========================================================================= */

/* secties en rijen */
body.kop-theme .kop-sec-paper{background:var(--kop-paper);}
body.kop-theme .kop-sec-warm{background:var(--kop-paper-warm);}
body.kop-theme .kop-sec-dark{background:var(--kop-ink);}
body.kop-theme .kop-sec-dark,
body.kop-theme .kop-sec-dark p,
body.kop-theme .kop-sec-dark h1,
body.kop-theme .kop-sec-dark h2,
body.kop-theme .kop-sec-dark h3{color:var(--kop-chalk);}
body.kop-theme .et_pb_row.kop-row{
  width:calc(100% - (var(--kop-gutter) * 2));
  max-width:calc(var(--kop-max) - (var(--kop-gutter) * 2));
}
body.kop-theme .kop-sec .et_pb_column{padding:0;}
body.kop-theme .kop-sec .et_pb_row .et_pb_module{margin-bottom:0;}

/* herhaalde tekstblokken */
body.kop-theme .kop-herotext .et_pb_text_inner h1{margin:0;padding:0;}
body.kop-theme .kop-note .et_pb_text_inner p{
  font-family:var(--kop-mono);font-size:14px;line-height:1.75;max-width:46ch;margin:0;padding:0;
}
body.kop-theme .kop-pagehead .kop-page-hero__intro{
  margin:18px 0 0;padding:0;font-family:var(--kop-voice);font-style:italic;
  font-size:19px;line-height:1.6;max-width:56ch;
}
body.kop-theme .kop-pagehead h1{margin:0;padding:0;}
body.kop-theme .kop-dimwrap{margin-top:30px;}
body.kop-theme .kop-heroimg img,
body.kop-theme .kop-aboutimg img{width:100%;height:520px;object-fit:cover;filter:grayscale(15%) contrast(1.05);}
body.kop-theme .kop-aboutimg img{height:480px;}

.kop-statement-text blockquote{
  margin:0;padding:0;border:0;
  font-family:var(--kop-voice);font-style:italic;font-weight:400;
  font-size:clamp(24px,3.2vw,34px);line-height:1.45;color:var(--kop-chalk);
}
.kop-statement-text cite{display:block;margin-top:28px;font-family:var(--kop-mono);font-style:normal;font-size:12px;letter-spacing:.06em;color:#B3AD9D;}
body.kop-theme .kop-sec-dark .kop-statement-text{max-width:900px;}

/* koppen met "alle werk"-link ernaast */
body.kop-theme .kop-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;}
body.kop-theme .kop-head h2,
body.kop-theme .kop-small-h2{margin:0;padding:0;}
body.kop-theme .kop-small-h2{font-size:28px;}
.kop-section__more{font-size:12px;letter-spacing:.06em;color:var(--kop-rust);text-decoration:none;border-bottom:1px solid var(--kop-rust);padding-bottom:2px;}

/* over-pagina: tijdlijnrijen */
body.kop-theme .kop-period{border-top:1px solid var(--kop-line);}
body.kop-theme .kop-year{font-family:var(--kop-display);font-size:clamp(22px,2.6vw,30px);text-transform:uppercase;color:var(--kop-rust);line-height:1.1;display:block;}
body.kop-theme .kop-body .et_pb_text_inner p{max-width:56ch;}
body.kop-theme .kop-body blockquote{max-width:56ch;}
body.kop-theme .kop-aboutcopy .et_pb_text_inner p{font-size:19px;max-width:52ch;margin-bottom:28px;}

/* knop-module */
body.kop-theme .kop-button .et_pb_button{margin-top:4px;}

/* links-pagina */
body.kop-theme .kop-links{list-style:none;margin:0;padding:0;}
body.kop-theme .kop-links li{display:flex;align-items:baseline;gap:22px;padding:18px 0;border-top:1px solid var(--kop-line);}
body.kop-theme .kop-links li:last-child{border-bottom:1px solid var(--kop-line);}
body.kop-theme .kop-links .kop-num{margin:0;}
body.kop-theme .kop-links a{font-family:var(--kop-voice);font-size:22px;color:var(--kop-ink);text-decoration:none;}
body.kop-theme .kop-links a:hover{color:var(--kop-rust);}

/* portfolio-modules: catalogus-grid (zowel raster als filterbaar) */
body.kop-theme .kop-portfolio .et_pb_portfolio_filters{margin:0 0 34px;padding:0;}
body.kop-theme .kop-portfolio .et_pb_portfolio_filters ul{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0;}
body.kop-theme .kop-portfolio .et_pb_portfolio_filters li{float:none;margin:0;padding:0;border-left:1px solid var(--kop-line);}
body.kop-theme .kop-portfolio .et_pb_portfolio_filters li:first-child{border-left:0;}
body.kop-theme .kop-portfolio .et_pb_portfolio_filters li a{
  display:block;padding:6px 16px;font-family:var(--kop-mono);font-size:12px;letter-spacing:.05em;
  color:var(--kop-stone);text-decoration:none;background:none;border:0;border-radius:0;
}
body.kop-theme .kop-portfolio .et_pb_portfolio_filters li:first-child a{padding-left:0;}
body.kop-theme .kop-portfolio .et_pb_portfolio_filters li a:hover{color:var(--kop-ink);}
body.kop-theme .kop-portfolio .et_pb_portfolio_filters li a.active{color:var(--kop-rust);background:none;}

body.kop-theme .kop-portfolio .et_pb_portfolio_items,
body.kop-theme .kop-portfolio .et_pb_portfolio_grid .et_pb_ajax_pagination_container{
  display:grid;grid-template-columns:repeat(4,1fr);gap:1px;
  background:var(--kop-line);
  border-top:1px solid var(--kop-line);border-bottom:1px solid var(--kop-line);
}
body.kop-theme .kop-portfolio .et_pb_portfolio_items:before,
body.kop-theme .kop-portfolio .et_pb_portfolio_items:after,
body.kop-theme .kop-portfolio .et_pb_ajax_pagination_container:before,
body.kop-theme .kop-portfolio .et_pb_ajax_pagination_container:after{display:none;content:none;}
body.kop-theme .kop-portfolio .et_pb_portfolio_item{
  float:none;width:auto !important;margin:0 !important;padding:0 0 16px;
  background:var(--kop-paper);clear:none !important;
}
body.kop-theme .kop-portfolio .et_pb_portfolio_item .et_pb_module_header{
  font-family:var(--kop-voice);font-style:italic;font-size:17px;text-transform:none;letter-spacing:0;
  padding:14px 16px 0;margin:0;line-height:1.3;
}
body.kop-theme .kop-portfolio .et_pb_portfolio_item .et_pb_module_header a{color:var(--kop-ink);}
body.kop-theme .kop-portfolio .et_pb_portfolio_item .post-meta{
  font-family:var(--kop-mono);font-size:10px;letter-spacing:.03em;color:var(--kop-stone);padding:6px 16px 0;
}
body.kop-theme .kop-portfolio .et_pb_portfolio_image img{
  width:100%;aspect-ratio:1/1;object-fit:cover;display:block;filter:grayscale(10%);
}
body.kop-theme .kop-portfolio .et_overlay{background:rgba(27,25,23,.55);border:0;}
body.kop-theme .kop-portfolio .et_overlay:before{color:var(--kop-chalk);}

/* blog-module (exposities en media): catalogus-lijst */
body.kop-theme .kop-blog article.et_pb_post{margin-bottom:0;}
body.kop-theme .kop-blog .entry-featured-image-url{display:block;margin-bottom:18px;}
body.kop-theme .kop-blog .entry-featured-image-url img{max-width:360px;width:100%;height:auto;filter:grayscale(10%);}
body.kop-theme .kop-blog .post-meta{margin-bottom:12px;}
body.kop-theme .kop-blog .pagination{margin-top:30px;}

/* contactformulier */
body.kop-theme .kop-contact .et_pb_contact_field{padding:0 0 18px;}
body.kop-theme .kop-contact .et_pb_contact_form{padding:0;}
body.kop-theme .kop-contact .et_pb_contact_field_options_title,
body.kop-theme .kop-contact label{font-family:var(--kop-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--kop-stone);}
body.kop-theme .kop-contact .et_pb_contact_message{margin-top:12px;}

@media (max-width:980px){
  body.kop-theme .kop-portfolio .et_pb_portfolio_items,
  body.kop-theme .kop-portfolio .et_pb_portfolio_grid .et_pb_ajax_pagination_container{grid-template-columns:repeat(3,1fr);}
}
@media (max-width:767px){
  body.kop-theme .kop-portfolio .et_pb_portfolio_items,
  body.kop-theme .kop-portfolio .et_pb_portfolio_grid .et_pb_ajax_pagination_container{grid-template-columns:repeat(2,1fr);}
  body.kop-theme .kop-heroimg img,
  body.kop-theme .kop-aboutimg img{height:340px;}
  body.kop-theme .kop-year{margin-bottom:6px;}
  body.kop-theme .kop-links li{flex-direction:column;gap:4px;}
}
@media (max-width:480px){
  body.kop-theme .kop-portfolio .et_pb_portfolio_items,
  body.kop-theme .kop-portfolio .et_pb_portfolio_grid .et_pb_ajax_pagination_container{grid-template-columns:1fr;}
}

/* =========================================================================
   11. DIVI 5-LAYOUTS — blokken in tekstmodules (.kop-block)
   De layouts bestaan uit sectie > rij > kolom > tekstmodule met eigen HTML.
   ========================================================================= */
body.kop-theme .et_pb_section:has(.kop-block){padding:0 !important;}
body.kop-theme .et_pb_row:has(.kop-block){width:100% !important;max-width:none !important;padding:0 !important;}
body.kop-theme .et_pb_column:has(.kop-block){padding:0 !important;}
body.kop-theme .et_pb_text:has(.kop-block){margin:0 !important;}
body.kop-theme .kop-block h1,
body.kop-theme .kop-block h2,
body.kop-theme .kop-block h3,
body.kop-theme .kop-block h5{margin:0;padding:0;}
body.kop-theme .kop-block .kop-wrap{max-width:var(--kop-max);margin:0 auto;padding:0 var(--kop-gutter);}

/* hero en intro */
body.kop-theme .kop-block .kop-hero__name{font-size:clamp(52px,8.5vw,104px);line-height:.88;}
body.kop-theme .kop-block .kop-hero__roles{font-family:var(--kop-mono);}
body.kop-theme .kop-block .kop-role-last{color:var(--kop-rust);font-weight:500;}
body.kop-theme .kop-block .kop-hero__notes p{font-family:var(--kop-mono);font-size:14px;line-height:1.75;color:var(--kop-ink-soft);max-width:46ch;margin:0;padding:0;}
body.kop-theme .kop-block .kop-page-hero__intro{margin:18px 0 0;padding:0;font-family:var(--kop-voice);font-style:italic;font-size:19px;line-height:1.6;max-width:56ch;color:var(--kop-ink-soft);}
body.kop-theme .kop-block .kop-crumb a{color:var(--kop-stone);}
body.kop-theme .kop-block .kop-crumb a:hover{color:var(--kop-rust);}

/* uitspraak (donker) */
body.kop-theme .kop-statement blockquote{margin:0;padding:0;border:0;font-family:var(--kop-voice);font-style:italic;font-size:clamp(24px,3.2vw,34px);line-height:1.45;color:var(--kop-chalk);}
body.kop-theme .kop-statement cite{display:block;margin-top:28px;font-family:var(--kop-mono);font-style:normal;font-size:12px;letter-spacing:.06em;color:#B3AD9D;}

/* kop met link ernaast, over-blok, exposities-strook */
body.kop-theme .kop-block .kop-section__more{color:var(--kop-rust);}
body.kop-theme .kop-block .kop-about__copy p{font-size:19px;max-width:52ch;margin:0 0 28px;padding:0;}
body.kop-theme .kop-about__img img{display:block;width:100%;height:520px;object-fit:cover;filter:grayscale(20%);}
body.kop-theme .kop-about__grid:has(> .kop-about__img:empty){grid-template-columns:1fr;}
body.kop-theme .kop-about__img:empty{display:none;}
body.kop-theme .kop-expo__list a{color:var(--kop-ink);}
body.kop-theme .kop-expo__list a:hover{color:var(--kop-rust);}

/* catalogus: kleuren die door de algemene linkkleur werden overschreven */
body.kop-theme .kop-cat__link,
body.kop-theme .kop-cat__link:hover{color:var(--kop-ink);}

/* tijdlijnrijen op de over-pagina */
body.kop-theme .kop-block.kop-period{border-top:1px solid var(--kop-line);padding:34px 0;}
body.kop-theme .kop-period__grid{display:grid;grid-template-columns:1fr 3fr;gap:48px;}
body.kop-theme .kop-period__body p{max-width:56ch;margin:0 0 1em;}
body.kop-theme .kop-period__body p:last-child{margin-bottom:0;}
body.kop-theme .kop-period__body blockquote{max-width:56ch;}
body.kop-theme .kop-block .kop-year{margin:0;}

/* berichtenlijst (Exposities, Media) */
body.kop-theme .kop-posts{border-bottom:1px solid var(--kop-line);margin-bottom:60px;}
body.kop-theme .kop-post{display:grid;grid-template-columns:220px 1fr;gap:32px;padding:28px 0;border-top:1px solid var(--kop-line);}
body.kop-theme .kop-post--nothumb{grid-template-columns:1fr;}
body.kop-theme .kop-post__thumb img{display:block;width:100%;height:auto;filter:grayscale(10%);}
body.kop-theme .kop-post__date{display:block;margin-bottom:8px;font-size:11px;letter-spacing:.05em;color:var(--kop-stone);}
body.kop-theme .kop-post__title{margin:0 0 12px;padding:0;font-family:var(--kop-display);font-size:30px;line-height:1.05;text-transform:uppercase;}
body.kop-theme .kop-post__title a{color:var(--kop-ink);text-decoration:none;}
body.kop-theme .kop-post__title a:hover{color:var(--kop-rust);}
body.kop-theme .kop-post__excerpt{margin:0 0 12px;padding:0;font-family:var(--kop-voice);font-size:18px;line-height:1.7;color:var(--kop-ink-soft);}
body.kop-theme .kop-post__more{font-size:12px;letter-spacing:.06em;color:var(--kop-rust);}

/* contactformulier */
body.kop-theme .kop-contact-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:64px;}
body.kop-theme .kop-form__field{display:block;margin:0 0 22px;}
body.kop-theme .kop-form__field span{display:block;font-family:var(--kop-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--kop-stone);}
body.kop-theme .kop-form__hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}
body.kop-theme .kop-form input[type=text],
body.kop-theme .kop-form input[type=email],
body.kop-theme .kop-form textarea{width:100%;}
body.kop-theme .kop-form__notice{margin:0 0 24px;padding:14px 16px;border:1px solid var(--kop-ink);font-family:var(--kop-mono);font-size:13px;}
body.kop-theme .kop-form__notice--error{border-color:var(--kop-rust);color:var(--kop-rust);}
body.kop-theme .kop-contact-grid h3{margin-bottom:12px;}

/* links-pagina en footer: linkkleuren */
body.kop-theme .kop-footer__col a{color:#D8D2C4;}
body.kop-theme .kop-footer__col a:hover{color:var(--kop-oak-light);}
body.kop-theme .kop-footer__mail{color:var(--kop-oak-light);}
body.kop-theme .kop-footer__mail:hover{color:var(--kop-chalk);}
body.kop-theme .kop-project__nav a{color:var(--kop-rust);}

@media (max-width:900px){
  body.kop-theme .kop-period__grid,
  body.kop-theme .kop-contact-grid,
  body.kop-theme .kop-post{grid-template-columns:1fr;gap:20px;}
  body.kop-theme .kop-about__img img{height:360px;}
}

/* footer: kopkleuren (de algemene kopkleur overschreef de footer) */
body.kop-theme .kop-footer h2{color:var(--kop-chalk);}
body.kop-theme .kop-footer h5{color:#B3AD9D;font-family:var(--kop-mono);font-size:11px;letter-spacing:.08em;text-transform:none;line-height:1.4;}
body.kop-theme .kop-footer__menu{list-style:none;margin:0;padding:0;font-size:13px;line-height:2.1;}
body.kop-theme .kop-footer__menu a{color:#D8D2C4;text-decoration:none;}
body.kop-theme .kop-footer__menu a:hover{color:var(--kop-oak-light);}

/* vorige/volgende onder berichtenlijsten */
body.kop-theme .kop-pager{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin:0 0 90px;padding-top:20px;border-top:1px solid var(--kop-ink);font-family:var(--kop-mono);font-size:12px;letter-spacing:.05em;}
body.kop-theme .kop-pager__info{color:var(--kop-stone);}
body.kop-theme .kop-pager a.kop-pager__link{color:var(--kop-rust);text-decoration:none;}
body.kop-theme .kop-pager a.kop-pager__link:hover{color:var(--kop-ink);}
body.kop-theme .kop-pager .kop-pager__link.is-off{color:var(--kop-line);}

/* =========================================================================
   12. HOME: FOTO VAN PETER MET INTRODUCTIE (.kop-atelier)
   ========================================================================= */
body.kop-theme .kop-block.kop-atelier{padding:0 0 100px;}
body.kop-theme .kop-atelier__photo{position:relative;margin:0;background:var(--kop-ink);}
body.kop-theme .kop-atelier__photo img{display:block;width:100%;height:auto;aspect-ratio:21/9;max-height:640px;object-fit:cover;object-position:54% 38%;}
body.kop-theme .kop-atelier__cap{background:var(--kop-ink);color:#B3AD9D;font-family:var(--kop-mono);font-size:11px;letter-spacing:.06em;padding:11px 0;}
body.kop-theme .kop-atelier__cap .kop-wrap{display:flex;align-items:center;gap:12px;}
body.kop-theme .kop-atelier__cap i{display:inline-block;width:28px;height:1px;background:#B3AD9D;}
body.kop-theme .kop-atelier__body{padding-top:64px;}
body.kop-theme .kop-atelier__grid{display:grid;grid-template-columns:5fr 7fr;gap:64px;margin-top:52px;align-items:start;}
body.kop-theme .kop-atelier__grid h2{font-size:clamp(36px,4.6vw,56px);line-height:.95;}
body.kop-theme .kop-block .kop-lead{margin:0 0 30px;padding:0;font-family:var(--kop-voice);font-style:italic;font-weight:400;font-size:clamp(24px,2.7vw,33px);line-height:1.34;color:var(--kop-ink);max-width:30ch;}
body.kop-theme .kop-block .kop-lead b{font-style:normal;font-weight:500;color:var(--kop-rust);}
body.kop-theme .kop-block .kop-atelier__text{margin:0 0 34px;padding:0;font-family:var(--kop-voice);font-size:19px;line-height:1.8;color:var(--kop-ink-soft);max-width:52ch;}
@media (max-width:900px){
  body.kop-theme .kop-atelier__photo img{aspect-ratio:4/3;object-position:54% 50%;}
  body.kop-theme .kop-atelier__body{padding-top:44px;}
  body.kop-theme .kop-atelier__grid{grid-template-columns:1fr;gap:28px;margin-top:36px;}
  body.kop-theme .kop-block.kop-atelier{padding-bottom:70px;}
}
body.kop-theme .kop-atelier .kop-atelier__body{padding-top:64px;}
body.kop-theme .kop-atelier .kop-atelier__body .kop-dim{margin-top:0;}
@media (max-width:900px){body.kop-theme .kop-atelier .kop-atelier__body{padding-top:40px;}}

/* 13. Eén doorlopende papierkleur: Divi-secties met een kop-blok krijgen geen eigen (witte) achtergrond.
   Alleen de donkere uitspraak en de footer houden hun eigen kleur. */
body.kop-theme .et_pb_section:has(.kop-block),
body.kop-theme .et_pb_section:has(.kop-block) .et_pb_row,
body.kop-theme .et_pb_section:has(.kop-block) .et_pb_column,
body.kop-theme .et_pb_section:has(.kop-block) .et_pb_text{background:transparent !important;}
body.kop-theme .et_pb_section:has(.kop-block){background-color:var(--kop-paper) !important;}
body.kop-theme .et_pb_section:has(.kop-statement){background-color:var(--kop-ink) !important;}
body.kop-theme .kop-block.kop-hero,
body.kop-theme .kop-block.kop-page-hero,
body.kop-theme .kop-block.kop-about,
body.kop-theme .kop-block.kop-atelier{background:var(--kop-paper);}

/* 14. EXPOSITIES: nu te zien + eerdere exposities per jaar */
body.kop-theme .kop-now{display:grid;grid-template-columns:7fr 5fr;gap:56px;align-items:center;margin:0 0 56px;}
body.kop-theme .kop-now--nothumb,body.kop-theme .kop-now--empty{grid-template-columns:1fr;}
body.kop-theme .kop-now__img{display:block;background:var(--kop-ink);}
body.kop-theme .kop-now__img img{display:block;width:100%;height:auto;max-height:520px;object-fit:cover;}
body.kop-theme .kop-now__label{display:inline-block;font-family:var(--kop-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--kop-chalk);background:var(--kop-rust);padding:6px 12px;margin:0 0 20px;}
body.kop-theme .kop-now__title{margin:0 0 18px;padding:0;font-size:clamp(34px,4.4vw,56px);line-height:.98;}
body.kop-theme .kop-now__title a{color:var(--kop-ink);text-decoration:none;}
body.kop-theme .kop-now__title a:hover{color:var(--kop-rust);}
body.kop-theme .kop-now__text{margin:0 0 28px;padding:0;font-family:var(--kop-voice);font-size:19px;line-height:1.75;color:var(--kop-ink-soft);max-width:46ch;}
body.kop-theme .kop-now--empty{border:1px dashed var(--kop-line);padding:36px 40px;margin-bottom:20px;}
body.kop-theme .kop-now--empty .kop-now__label{background:var(--kop-stone);}
body.kop-theme .kop-now--empty p{margin:0;font-family:var(--kop-voice);font-size:19px;line-height:1.7;color:var(--kop-ink-soft);}
body.kop-theme .kop-archive{margin-bottom:40px;}
body.kop-theme .kop-archive__year{display:grid;grid-template-columns:140px 1fr;gap:32px;border-top:1px solid var(--kop-ink);padding:26px 0 18px;}
body.kop-theme .kop-archive__y{margin:0;padding:0;font-size:44px;line-height:1;color:var(--kop-oak);}
body.kop-theme .kop-archive__list{list-style:none;margin:0;padding:0;}
body.kop-theme .kop-archive__item{display:grid;grid-template-columns:70px 1fr auto;gap:24px;align-items:start;padding:0 0 26px;margin:0;}
body.kop-theme .kop-archive__list{grid-column:2;}
body.kop-theme .kop-archive__date{font-family:var(--kop-mono);font-size:11px;letter-spacing:.06em;color:var(--kop-stone);padding-top:6px;text-transform:uppercase;}
body.kop-theme .kop-archive__title{display:block;font-family:var(--kop-display);font-size:26px;line-height:1.05;text-transform:uppercase;color:var(--kop-ink);text-decoration:none;margin:0 0 8px;}
body.kop-theme .kop-archive__title:hover{color:var(--kop-rust);}
body.kop-theme .kop-archive__main p{margin:0;padding:0;font-family:var(--kop-voice);font-size:17px;line-height:1.65;color:var(--kop-ink-soft);max-width:60ch;}
body.kop-theme .kop-archive__thumb img{display:block;width:88px;height:88px;object-fit:cover;filter:grayscale(15%);}
body.kop-theme .kop-block .kop-subhead{margin:0 0 28px;padding:0;font-size:clamp(30px,3.6vw,44px);line-height:1;}
@media (max-width:900px){
  body.kop-theme .kop-now{grid-template-columns:1fr;gap:28px;}
  body.kop-theme .kop-archive__year{grid-template-columns:1fr;gap:10px;}
  body.kop-theme .kop-archive__list{grid-column:1;}
  body.kop-theme .kop-archive__item{grid-template-columns:1fr auto;gap:6px 16px;}
  body.kop-theme .kop-archive__date{grid-column:1/-1;padding-top:0;}
}
body.kop-theme .kop-block h2.kop-now__title{margin:0 0 24px;padding:0;}

/* 15. TIJDLIJN (pagina Peter Koppejan): een verticale maatlijn met streepjes per periode */
body.kop-theme .kop-block.kop-timeline-wrap{padding:40px 0 30px;}
body.kop-theme .kop-timeline{list-style:none;margin:0;padding:0;position:relative;}
body.kop-theme .kop-timeline::before{content:"";position:absolute;top:18px;bottom:0;left:262px;width:1px;background:var(--kop-ink);}
body.kop-theme .kop-tl__item{position:relative;display:grid;grid-template-columns:230px 1fr;column-gap:84px;margin:0;padding:0 0 64px;}
body.kop-theme .kop-tl__item.is-last{padding-bottom:20px;}
body.kop-theme .kop-tl__item::before{content:"";position:absolute;left:250px;top:14px;width:25px;height:9px;border-top:1px solid var(--kop-ink);border-bottom:1px solid var(--kop-ink);background:var(--kop-paper);box-sizing:border-box;}
body.kop-theme .kop-tl__item::after{content:"";position:absolute;left:258px;top:15px;width:9px;height:7px;background:var(--kop-rust);}
body.kop-theme .kop-tl__when{text-align:right;font-family:var(--kop-display);font-size:clamp(26px,3vw,40px);line-height:1;text-transform:uppercase;color:var(--kop-oak);padding-top:4px;}
body.kop-theme .kop-tl__what h3{margin:0 0 14px;padding:0;font-size:clamp(24px,2.6vw,32px);line-height:1.05;}
body.kop-theme .kop-tl__what p{max-width:56ch;margin:0 0 1em;font-family:var(--kop-voice);font-size:19px;line-height:1.75;color:var(--kop-ink-soft);}
body.kop-theme .kop-tl__what p:last-child{margin-bottom:0;}
@media (max-width:900px){
  body.kop-theme .kop-timeline::before{left:7px;}
  body.kop-theme .kop-tl__item{grid-template-columns:1fr;row-gap:6px;padding-left:44px;padding-bottom:48px;}
  body.kop-theme .kop-tl__item::before{left:-5px;}
  body.kop-theme .kop-tl__item::after{left:3px;}
  body.kop-theme .kop-tl__when{text-align:left;padding-top:0;}
}
body.kop-theme .kop-period__body p{font-family:var(--kop-voice);font-size:19px;line-height:1.75;color:var(--kop-ink-soft);}

/* 16. TIJDLIJN-LAYOUT MET DIVI-MODULES (layout "Koppejan - Tijdlijn"): herkend aan Groep-modules met een icoon */
body.kop-theme .et_pb_section:has(.et_pb_group .et_pb_icon){background-color:var(--kop-paper) !important;padding:70px 0 90px;}
body.kop-theme .et_pb_section:has(.et_pb_group .et_pb_icon) .et_pb_heading .et_pb_heading_container h1,
body.kop-theme .et_pb_section:has(.et_pb_group .et_pb_icon) .et_pb_heading .et_pb_heading_container h2,
body.kop-theme .et_pb_section:has(.et_pb_group .et_pb_icon) .et_pb_heading .et_pb_heading_container h5{font-family:var(--kop-display) !important;font-weight:400 !important;text-transform:uppercase;padding:0;}
body.kop-theme .et_pb_section:has(.et_pb_group .et_pb_icon) h2.et_pb_module_header{color:var(--kop-oak) !important;margin:56px 0 28px;}
body.kop-theme .et_pb_section:has(.et_pb_group .et_pb_icon) h5.et_pb_module_header{color:var(--kop-ink) !important;font-size:clamp(22px,2.4vw,30px) !important;line-height:1.05 !important;}
body.kop-theme .et_pb_section:has(.et_pb_group .et_pb_icon) .et_pb_text,
body.kop-theme .et_pb_section:has(.et_pb_group .et_pb_icon) .et_pb_text p{font-family:var(--kop-voice) !important;font-size:19px;line-height:1.75;color:var(--kop-ink-soft) !important;}
body.kop-theme .et_pb_section:has(.et_pb_group .et_pb_icon) .et_pb_text p{margin:0 0 1em;max-width:56ch;}
body.kop-theme .et_pb_section:has(.et_pb_group .et_pb_icon) .et_pb_column{border-color:var(--kop-ink) !important;}
body.kop-theme .et_pb_section:has(.et_pb_group .et_pb_icon) .et_pb_icon{color:var(--kop-rust) !important;}

body.kop-theme .kop-period__body blockquote{margin:6px 0 0;padding:4px 0 4px 26px;border-left:3px solid var(--kop-rust);font-family:var(--kop-voice);font-style:italic;font-size:21px;line-height:1.75;color:var(--kop-ink);max-width:56ch;}

/* 17. Catalogusnummer op de pagina van een werk */
body.kop-theme .kop-project__catnr{display:block;margin:0 0 10px;font-family:var(--kop-mono);font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--kop-rust);}
body.kop-theme .et_pb_portfolio_item .kop-cat__index{display:block;margin:12px 0 4px;font-family:var(--kop-mono);font-size:11px;letter-spacing:.08em;color:var(--kop-rust);}

/* 18. Uitlijning catalogusnummer met de titel (Divi-portfoliomodule en eigen catalogus) */
body.kop-theme .et_pb_portfolio_item{text-align:left;}
body.kop-theme .et_pb_portfolio_item .kop-cat__index,
body.kop-theme .et_pb_portfolio_item .et_pb_module_header,
body.kop-theme .et_pb_portfolio_item .post-meta{text-align:left;}
body.kop-theme .kop-cat__meta,
body.kop-theme .kop-cat__meta > *{text-align:left;}
body.kop-theme .kop-cat__index{margin:0 0 4px;padding:0;}

/* 19. Elke Divi-sectie krijgt de papierkleur (ook pagina's zonder ontwerpblok, zoals Links);
   alleen de donkere secties blijven donker. */
body.kop-theme .et_pb_section{background-color:var(--kop-paper) !important;}
body.kop-theme .et_pb_section.kop-sec-dark,
body.kop-theme .et_pb_section:has(.kop-statement){background-color:var(--kop-ink) !important;}
body.kop-theme #page-container,
body.kop-theme #main-content,
body.kop-theme #main-content .container{background-color:var(--kop-paper);}

/* 20. Uitspraak (donkere sectie): altijd lichte tekst, ook als Divi een eigen tekstkleur zet */
body.kop-theme .et_pb_section:has(.kop-statement) .et_pb_text,
body.kop-theme .et_pb_section:has(.kop-statement) .et_pb_text_inner,
body.kop-theme .et_pb_section:has(.kop-statement) blockquote,
body.kop-theme .et_pb_section:has(.kop-statement) blockquote p{color:#F4EFE3 !important;}
body.kop-theme .et_pb_section:has(.kop-statement) blockquote{border:0 !important;padding:0 !important;font-size:clamp(26px,3.4vw,38px) !important;line-height:1.42 !important;}
body.kop-theme .et_pb_section:has(.kop-statement) cite{color:#D3CDBD !important;}

/* 21. Rustiger tussen "Recent werk" en "Wat blijft haken" op de home */
body.kop-theme .kop-block.kop-section{padding-bottom:0;}
body.kop-theme .kop-block.kop-section .kop-catalogue{margin-bottom:0;}
body.kop-theme .kop-block.kop-about{padding-top:64px;}
@media (max-width:900px){body.kop-theme .kop-block.kop-about{padding-top:44px;}}

/* 22. Gegevens van het werk (catalogusnummer, categorie, datum) */
body.kop-theme .kop-project__side span{display:block;margin-bottom:1.1em;}
body.kop-theme .kop-project__meta{display:flex;flex-wrap:wrap;gap:12px 56px;padding:18px 0;margin:0 0 36px;border-top:1px solid var(--kop-line);border-bottom:1px solid var(--kop-line);font-size:12px;letter-spacing:.04em;color:var(--kop-stone);}
body.kop-theme .kop-project__meta span{display:block;line-height:1.7;}
body.kop-theme .kop-project__meta b{display:block;font-weight:500;color:var(--kop-ink);}
body.kop-theme .kop-project__divi{margin-bottom:20px;}
body.kop-theme .kop-project__divi .et_pb_section{padding-top:0 !important;}

/* 23. Divi-inhoud van een werk in de rechterkolom, naast de gegevens */
body.kop-theme .kop-project__divi{min-width:0;}
body.kop-theme .kop-project__divi .et_pb_section{padding:0 !important;background:transparent !important;}
body.kop-theme .kop-project__divi .et_pb_row{width:100% !important;max-width:none !important;padding:0 !important;}
body.kop-theme .kop-project__divi .et_pb_column{padding-left:0;padding-right:0;}