/*
Theme Name: Parfumdupes
Theme URI: https://parfumdupes.nl
Description: Luxe maar eerlijk block-thema voor Parfumdupes.nl — child van Twenty Twenty-Five. Bordeaux/aubergine + goud/champagne op creme. Designergeuren gekoppeld aan betaalbare, legitieme dupes.
Author: Parfumdupes.nl
Template: twentytwentyfive
Version: 1.0.0
Text Domain: bw-parfumdupes
*/

/* Hallmark · macrostructure: Luxe-Editorial Hero · genre: editorial · tone: luxury
 * theme: custom (paper creme #F7F2EC · accent gold #C9A36A · display italic-serif Cormorant)
 * pre-emit critique: P5 H5 E4 S5 R4 V4
 */

:root{
  --pd-bordeaux:#5B2A3E;
  --pd-bordeaux-dark:#41202D;
  --pd-goud:#C9A36A;
  --pd-goud-dark:#A8854E;
  --pd-creme:#F7F2EC;
  --pd-creme-2:#FBF8F3;
  --pd-zwart:#16131A;
  --pd-roze:#E8C9D1;
  --pd-groen:#3FA866;
  --pd-lijn:#E6DBCB;
  --pd-muted:#6E6168;
}

/* ---- Basis ---- */
body{ color:var(--pd-zwart); background:var(--pd-creme); }
a{ color:var(--pd-bordeaux); text-underline-offset:2px; }
a:hover{ color:var(--pd-goud-dark); }
::selection{ background:var(--pd-goud); color:var(--pd-bordeaux-dark); }

/* ---- Koppen ---- */
.wp-block-post-content h2, .entry-content h2, .pd-prose h2{
  color:var(--pd-bordeaux);
  font-family:'Cormorant Garamond', Georgia, serif;
  font-weight:600;
  letter-spacing:.2px;
  margin-top:1.9em;
  padding-bottom:.3em;
}
.wp-block-post-content h2::after, .entry-content h2::after, .pd-prose h2::after{
  content:"";
  display:block;
  width:54px;height:2px;
  margin-top:.45em;
  background:var(--pd-goud);
}
.wp-block-post-content h3, .entry-content h3, .pd-prose h3{
  color:var(--pd-bordeaux);
  font-family:'Cormorant Garamond', Georgia, serif;
  font-weight:600;
}

/* ---- Lijsten met gouden bullets ---- */
.entry-content ul, .pd-prose ul{ list-style:none; padding-left:0; }
.entry-content ul li, .pd-prose ul li{ position:relative; padding-left:1.5em; margin-bottom:.5em; }
.entry-content ul li::before, .pd-prose ul li::before{
  content:"";
  position:absolute; left:.1em; top:.62em;
  width:7px;height:7px; border-radius:50%;
  background:var(--pd-goud);
}

/* ---- Knoppen: couture, subtiel radius + letterspacing ---- */
.wp-block-button__link, .pd-btn{
  background:var(--pd-bordeaux);
  color:#fff !important;
  border-radius:4px;
  font-weight:600;
  letter-spacing:.4px;
  padding:.85em 1.7em;
  text-decoration:none;
  display:inline-block;
  transition:background .18s ease, transform .18s ease, box-shadow .18s ease;
}
.wp-block-button__link:hover, .pd-btn:hover{
  background:var(--pd-bordeaux-dark);
  transform:translateY(-1px);
  box-shadow:0 6px 18px rgba(91,42,62,.18);
  color:#fff !important;
}
.wp-block-button.is-style-outline .wp-block-button__link{
  background:transparent; color:var(--pd-bordeaux) !important;
  border:1px solid var(--pd-goud);
}
.wp-block-button.is-style-outline .wp-block-button__link:hover{
  background:var(--pd-goud); color:var(--pd-bordeaux-dark) !important; border-color:var(--pd-goud);
}
/* goud-CTA variant */
.wp-block-button.pd-goud .wp-block-button__link, a.pd-btn-goud{
  background:var(--pd-goud) !important; color:var(--pd-bordeaux-dark) !important;
}
.wp-block-button.pd-goud .wp-block-button__link:hover, a.pd-btn-goud:hover{
  background:var(--pd-goud-dark) !important; color:#fff !important;
}

/* ---- Tabellen ---- */
.entry-content table, .wp-block-table table{ border-collapse:collapse; width:100%; }
.entry-content th, .wp-block-table th{
  background:var(--pd-bordeaux); color:#fff; text-align:left; padding:.7em .9em;
  font-family:'Cormorant Garamond', Georgia, serif; font-size:1.15rem; font-weight:600;
}
.entry-content td, .wp-block-table td{ padding:.7em .9em; border-bottom:1px solid var(--pd-lijn); }
.entry-content tr:nth-child(even) td{ background:var(--pd-creme-2); }

/* ---- Blockquote / tip ---- */
.entry-content blockquote, .wp-block-quote{
  border-left:3px solid var(--pd-goud);
  background:var(--pd-creme-2);
  padding:1em 1.3em; margin:1.6em 0;
  font-style:normal;
}

/* ====== PORTFOLIO-SAAS COMPONENTEN ====== */

/* Dupe-match-kaart: origineel ≈ dupe */
.pd-match{
  background:#fff; border:1px solid var(--pd-lijn); border-radius:10px;
  padding:1.5rem 1.6rem; box-shadow:0 2px 14px rgba(22,19,26,.04);
  height:100%;
}
.pd-match__badge{
  display:inline-block; background:var(--pd-goud); color:var(--pd-bordeaux-dark);
  font-size:.72rem; font-weight:700; letter-spacing:.8px; text-transform:uppercase;
  padding:.32em .7em; border-radius:3px; margin-bottom:.9rem;
}
.pd-match__name{
  font-family:'Cormorant Garamond', Georgia, serif; color:var(--pd-bordeaux);
  font-size:1.6rem; font-weight:600; line-height:1.15; margin:0 0 .35rem;
}
.pd-match__desc{ color:var(--pd-zwart); margin:.4rem 0 1rem; }
.pd-match__meta{ font-size:.92rem; color:var(--pd-muted); margin:.2rem 0; }
.pd-match__meta strong{ color:var(--pd-bordeaux); }

/* Prijsvergelijk-badge: origineel ~€.. → dupe vanaf €.. */
.pd-price{
  display:flex; align-items:baseline; gap:.55rem; flex-wrap:wrap;
  margin:.9rem 0 1.1rem; padding-top:.9rem; border-top:1px dashed var(--pd-lijn);
}
.pd-price__orig{ color:var(--pd-muted); text-decoration:line-through; font-size:.95rem; }
.pd-price__arrow{ color:var(--pd-goud-dark); }
.pd-price__dupe{ color:var(--pd-groen); font-weight:700; font-size:1.15rem; }
.pd-price__dupe small{ font-weight:500; color:var(--pd-muted); font-size:.72rem; }

/* Geurfamilie-tegels */
.pd-tiles{ display:grid; grid-template-columns:repeat(auto-fit, minmax(min(100%,160px),1fr)); gap:1rem; }
.pd-tile{
  display:block; background:var(--pd-creme-2); border:1px solid var(--pd-lijn);
  border-radius:10px; padding:1.5rem 1rem; text-align:center; text-decoration:none;
  transition:border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}
.pd-tile:hover{ border-color:var(--pd-goud); transform:translateY(-2px); box-shadow:0 8px 20px rgba(91,42,62,.08); }
.pd-tile__icon{ font-size:1.7rem; display:block; margin-bottom:.5rem; }
.pd-tile__label{ font-family:'Cormorant Garamond', Georgia, serif; color:var(--pd-bordeaux); font-size:1.35rem; font-weight:600; }

/* "Zo werkt het" stappen */
.pd-steps{ display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr)); gap:1.4rem; }
.pd-step__num{
  font-family:'Cormorant Garamond', Georgia, serif; color:var(--pd-goud-dark);
  font-size:2.4rem; font-weight:600; line-height:1; display:block; margin-bottom:.3rem;
}
.pd-step__title{ font-family:'Cormorant Garamond', Georgia, serif; color:var(--pd-bordeaux); font-size:1.4rem; font-weight:600; margin:.1rem 0 .4rem; }

/* Search/"vind de dupe" zoekblok (UI-placeholder voor Sprint 3) */
.pd-search{
  display:flex; gap:.6rem; max-width:560px; margin:1.4rem auto 0; flex-wrap:wrap;
}
.pd-search input[type=search], .pd-search input[type=text]{
  flex:1 1 260px; min-width:0; padding:.85em 1.1em; border:1px solid var(--pd-lijn);
  border-radius:6px; font-size:1rem; background:#fff; color:var(--pd-zwart);
}
.pd-search input:focus-visible{ outline:2px solid var(--pd-goud); outline-offset:1px; border-color:var(--pd-goud); }

/* Disclaimer-blok */
.pd-disclaimer{
  background:var(--pd-creme-2); border:1px solid var(--pd-lijn); border-radius:8px;
  padding:1.1rem 1.3rem; font-size:.92rem; color:var(--pd-muted); font-style:italic;
}

/* FAQ-accordeon (details/summary) */
.pd-faq details{ border-bottom:1px solid var(--pd-lijn); padding:.2rem 0; }
.pd-faq summary{
  cursor:pointer; list-style:none; padding:.95em 0; font-family:'Cormorant Garamond',Georgia,serif;
  font-size:1.3rem; font-weight:600; color:var(--pd-bordeaux); display:flex; justify-content:space-between; gap:1rem;
}
.pd-faq summary::-webkit-details-marker{ display:none; }
.pd-faq summary::after{ content:"+"; color:var(--pd-goud-dark); font-size:1.4rem; line-height:1; }
.pd-faq details[open] summary::after{ content:"–"; }
.pd-faq details > *:not(summary){ margin:0 0 1em; color:var(--pd-zwart); }

/* ---- Hero ---- */
.pd-hero{ text-align:center; }
.pd-hero__eyebrow{
  font-size:.78rem; letter-spacing:2.5px; text-transform:uppercase; color:var(--pd-goud-dark);
  font-weight:600; margin-bottom:1rem;
}
.pd-hero__title{
  font-family:'Cormorant Garamond', Georgia, serif !important; color:var(--pd-bordeaux) !important;
  font-weight:600 !important; line-height:1.05 !important; letter-spacing:.3px;
}
.pd-rule-gold{ width:70px; height:2px; background:var(--pd-goud); border:0; margin:1.3rem auto; }

/* ---- Header ---- */
.pd-site-header{ background:var(--pd-creme); border-bottom:1px solid var(--pd-lijn); position:sticky; top:0; z-index:50; }
.pd-site-header .wp-block-site-title a{
  font-family:'Cormorant Garamond', Georgia, serif !important; color:var(--pd-bordeaux) !important;
  font-weight:600 !important; text-decoration:none; letter-spacing:.3px;
}
.pd-site-header .wp-block-navigation a{ color:var(--pd-bordeaux); font-weight:500; }
.pd-site-header .wp-block-navigation a:hover{ color:var(--pd-goud-dark); }

/* ---- Footer ---- */
.pd-site-footer a{ color:var(--pd-roze); }
.pd-site-footer a:hover{ color:#fff; }

/* ---- Post titel full-width centreren op gewone pagina's ---- */
.wp-block-post-title{ font-family:'Cormorant Garamond', Georgia, serif; color:var(--pd-bordeaux); font-weight:600; }

/* ---- Reduced motion ---- */
@media (prefers-reduced-motion: reduce){
  *{ transition:none !important; }
}