/* =========================================================
   WPPlanit Remote Events – GOLD DARK (cards-only)
   Identical to GOLD, except cards are dark surfaces.
   Container stays GOLD-like (light).
   Applies when wrapper has .wpr-style-gold-dark
   ========================================================= */

   .wpplanit-remote-wrap.wpr-style-gold-dark{
    /* keep GOLD tokens (light container) */
    --border: #e7e1d7;
    --text:   #2b2b2b;
    --muted:  #8a8a8a;
    --bg:     #ffffff;
    --soft:   #fbfaf8;
  
    color: var(--text);
  }
  
  /* Title tone stays GOLD */
  .wpplanit-remote-wrap.wpr-style-gold-dark .wpr-title{
    color: #c7a36a;
  }
  
  /* Links same as GOLD */
  .wpplanit-remote-wrap.wpr-style-gold-dark .wpr-title a{
    color: inherit;
    text-decoration: none;
  }
  .wpplanit-remote-wrap.wpr-style-gold-dark .wpr-title a:hover{
    text-decoration: underline;
  }
  
  /* GOLD hover behavior (border only) */
  .wpplanit-remote-wrap.wpr-style-gold-dark .wpr-card:hover{
    border-color: #d8cfc2;
  }
  
  /* GOLD focus ring */
  .wpplanit-remote-wrap.wpr-style-gold-dark .wpr-select:focus{
    border-color: #cbbba7;
    box-shadow: 0 0 0 3px rgba(203,187,167,.25);
  }
  
  /* GOLD thumb placeholder */
  .wpplanit-remote-wrap.wpr-style-gold-dark .wpr-thumb{
    background: #f3efe9;
  }
  
  /* Divider cosmetics */
  .wpplanit-remote-wrap.wpr-style-gold-dark .wpr-divider{
    background: var(--border);
  }
  
  /* Month separator identical to GOLD */
  .wpplanit-remote-wrap.wpr-style-gold-dark .wpr-month-separator{
    margin: 28px 0 12px;
    padding-bottom: 6px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--muted);
    border-bottom: 1px solid var(--border);
  }
  
  /* Badge fallback identical to GOLD */
  .wpplanit-remote-wrap.wpr-style-gold-dark .wpr-badge{
    background-color: var(--badge-bg, #c7a36a);
    color: #fff;
  }
  
  /* GOLD: time line style identical */
  .wpplanit-remote-wrap.wpr-style-gold-dark .wpr-start-text{
    display:block;
    margin-top:4px;
    font-weight:500;
    color: var(--muted);
  }
  
  /* =========================================================
     ONLY CHANGE: dark card surface + internal text colors
     ========================================================= */
  
  /* Card becomes dark, but keep Gold spacing/borders */
  .wpplanit-remote-wrap.wpr-style-gold-dark .wpr-card{
    background: #14110d;              /* warm black-brown */
    border-color: rgba(199,163,106,.22); /* gold-tinted border */
  }
  
  /* Body text inside card needs to flip to light */
  .wpplanit-remote-wrap.wpr-style-gold-dark .wpr-card .wpr-line,
  .wpplanit-remote-wrap.wpr-style-gold-dark .wpr-card .wpr-start-text{
    color: rgba(241,237,230,.70);
  }
  
  .wpplanit-remote-wrap.wpr-style-gold-dark .wpr-card .wpr-start{
    color: rgba(241,237,230,.86);
  }
  
  /* Price / location on dark card */
  .wpplanit-remote-wrap.wpr-style-gold-dark .wpr-card .wpr-price,
  .wpplanit-remote-wrap.wpr-style-gold-dark .wpr-card .wpr-country,
  .wpplanit-remote-wrap.wpr-style-gold-dark .wpr-card .wpr-start-text{
    color: rgba(241,237,230,.78);
  }
  
  /* Divider on dark card */
  .wpplanit-remote-wrap.wpr-style-gold-dark .wpr-card .wpr-divider{
    background: rgba(199,163,106,.18);
  }
  
  /* Thumbnail on dark card feels less “light placeholder” */
  .wpplanit-remote-wrap.wpr-style-gold-dark .wpr-card .wpr-thumb{
    background: rgba(255,255,255,.06);
  }
  
  /* Dot remains whatever event type color JS sets (no changes) */
  
  /* Optional: make badge pop better on dark card */
  .wpplanit-remote-wrap.wpr-style-gold-dark .wpr-card .wpr-badge{
    color: #111; /* gold badge readable */
  }