/* =========================================================
   WPPlanit Remote Events – GOLD skin (cosmetics only)
   Applies when wrapper has .wpr-style-gold
   ========================================================= */

   .wpplanit-remote-wrap.wpr-style-gold{
    --border: #e7e1d7;
    --text:   #2b2b2b;
    --muted:  #8a8a8a;
    --bg:     #ffffff;
    --soft:   #fbfaf8;
  
    color: var(--text);
  }
  
  /* Title tone */
  .wpplanit-remote-wrap.wpr-style-gold .wpr-title{
    color: #c7a36a;
  }
  
  /* Link cosmetics only (base controls clamp/layout) */
  .wpplanit-remote-wrap.wpr-style-gold .wpr-title a{
    color: inherit;
    text-decoration: none;
  }
  
  .wpplanit-remote-wrap.wpr-style-gold .wpr-title a:hover{
    text-decoration: underline;
  }
  
  /* Subtle hover (do not change transform here; default skin may) */
  .wpplanit-remote-wrap.wpr-style-gold .wpr-card:hover{
    border-color: #d8cfc2;
  }
  
  /* Warmer focus ring */
  .wpplanit-remote-wrap.wpr-style-gold .wpr-select:focus{
    border-color: #cbbba7;
    box-shadow: 0 0 0 3px rgba(203,187,167,.25);
  }
  
  /* Warmer thumb placeholder */
  .wpplanit-remote-wrap.wpr-style-gold .wpr-thumb{
    background: #f3efe9;
  }
  
  /* Divider cosmetics */
  .wpplanit-remote-wrap.wpr-style-gold .wpr-divider{
    background: var(--border);
  }
  
  /* Month separator cosmetics (base ensures full-width span) */
  .wpplanit-remote-wrap.wpr-style-gold .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 (if JS doesn't provide color) */
  .wpplanit-remote-wrap.wpr-style-gold .wpr-badge{
    background-color: var(--badge-bg, #c7a36a);
    color: #fff;
  }
  
  /* GOLD: optional second-line time styling (JS decides visibility) */
  .wpplanit-remote-wrap.wpr-style-gold .wpr-start-text{
    display:block;
    margin-top:4px;
    font-weight:500;
    color: var(--muted);
  }