:root {
    --brand-primary: #392464;
    --brand-primary-2: #755b93;
    --brand-primary-3: #9884ae;
    --brand-accent: #ffb547;
    --text-on-accent: #1c1237; /* dark purple for contrast on accent */
  }

  /* GLightbox overlay and controls */
  .glightbox-container .goverlay {
    background: rgba(57, 36, 100, 0.85); /* brand primary with opacity */
    backdrop-filter: blur(2px);
  }
  .glightbox-container .gprev,
  .glightbox-container .gnext,
  .glightbox-container .gclose {
    color: var(--brand-accent) !important;
  }

  /* Description panel styling */
  .glightbox-clean .gdesc-inner,
  .glightbox-container .gslide-description {
    color: #fff;
    font-size: 0.95rem;
    line-height: 1.5;
  }

  /* Promo-specific description content */
  .promo-desc {
    padding: 0.75rem 0;
  }
  .promo-desc h3 {
    margin: 0 0 0.25rem;
    color: var(--brand-accent);
    font-weight: 700;
	  
  }
  .promo-desc p {
    margin: 0 0 0.75rem;
    color: #542989;
  }

  /* Buttons */
  .promo-actions {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    margin-top: 0.5rem;
  }
  .promo-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    padding: 0.55rem 0.9rem;
    cursor: pointer;
    font-weight: 600;
    text-decoration: none;
    transition: transform 120ms ease, box-shadow 120ms ease, background-color 120ms ease, color 120ms ease;
  }
  .promo-btn:focus {
    outline: 2px solid var(--brand-accent);
    outline-offset: 2px;
  }
  .promo-btn.primary {
    background: var(--brand-accent);
    color: var(--text-on-accent);
    box-shadow: 0 2px 10px rgba(255, 181, 71, 0.35);
  }
  .promo-btn.primary:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 14px rgba(255, 181, 71, 0.45);
  }
  .promo-btn.secondary {
    background: transparent;
    border: 2px solid var(--brand-accent);
    color: var(--brand-accent);
  }
  .promo-btn.secondary:hover {
    background: rgba(255, 181, 71, 0.12);
  }

  /* Respect reduced motion users */
  @media (prefers-reduced-motion: reduce) {
    .promo-btn { transition: none; }
    .glightbox-container .goverlay { backdrop-filter: none; }
  }



/********************************* CUSTOM TWEAKS ***************************************/



/* ==== GKTW — Slim Caption Styling ==== */
.promo-desc .glink a, .promo-desc a.glink, a.glink:link, a.glink:visited {color:#ffb547;}

.gdesc-inner h4.gslide-title {
    font-family:'Baloo 2', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 600;
    color: #fff;
    font-size: 2em;
	margin:15px 0 0;
}

.gdesc-inner .gslide-desc p {
	font-family:'Baloo 2', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: 0 20px;
	font-weight: 400;
	color: #fff !important;
	font-size: 1.4em;
}

/* Always show caption panel */
.glightbox-container .gslide-description,
.glightbox-clean .gdesc-inner,
.glightbox-container .ginline-desc {
  display: block !important;
  visibility: visible !important;
  opacity:1 !important;
}

/* Slim, dark caption box */
.glightbox-container .gslide-description {
  margin: 4px auto;                     /* very tight vertical spacing */
  padding: 2px 6px;                     /* minimal padding */
  border-radius: 6px;                   /* smaller corners */
  text-align: center;
  background: rgba(57, 36, 100, 0.85) !important; /* dark brand color */
  color: #fff !important;
  width: auto;
  max-width: 90vw;
}

/* Remove inner padding from skin */
.glightbox-clean .gdesc-inner {
  padding: 0 !important;
  background: transparent !important;
  color: #fff !important;
}

/* "Don't show again" link styling */
.glightbox-container .gslide-description #promo-never-btn {
	color: #ffb547;
	text-decoration: underline;
	font-weight: 400;
	cursor: pointer;
	display: inline;
	font-size: 0.8rem;
	font-style: italic;
}