/** Shopify CDN: Minification failed

Line 171:0 Expected "}" to go with "{"

**/
/* GCA PREMIUM OVERRIDES
   NOTE: This file loads after theme.css and will override it.
   Put all premium/homepage overrides here.
*/

/* =====================================
   GCA PREMIUM — SHARED DESIGN SYSTEM
   ===================================== */

/* Brand tokens */
:root {
  --gca-premium-gold: #d4af37;
  --gca-premium-dark: #111;
  --gca-premium-light: #fafafa;
}

/* Premium badge */
.gca-premium-badge {
  display: inline-block;
  margin-left: 8px;
  padding: 3px 8px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  border-radius: 4px;
  background: var(--gca-premium-dark);
  color: var(--gca-premium-gold);
  border: 1px solid var(--gca-premium-gold);
}

/* Premium callout / info box */
.gca-premium-callout {
  margin-top: 12px;
  padding: 14px;
  border-left: 4px solid var(--gca-premium-gold);
  background: var(--gca-premium-light);
  font-size: 15px;
}

/* Premium emphasis text */
.gca-premium-text {
  color: var(--gca-premium-gold);
  font-weight: 700;
}

/* Premium lock blur (generic) */
[data-gca-premium-lock] {
  position: relative;
}

[data-gca-premium-lock]::after {
  content: "";
  position: absolute;
  inset: 0;
  backdrop-filter: blur(10px) brightness(0.4);
  background: rgba(0, 0, 0, 0.55);
  z-index: 10;
  border-radius: 10px;
  pointer-events: none;
}

/* Hide lock when premium active */
.premium-active [data-gca-premium-lock]::after {
  display: none;
}

/* =====================================
   GCA PREMIUM — FAQ POLISH (LIGHT)
   ===================================== */

/* Slight glow on premium badge */
.gca-premium-badge {
  box-shadow: 0 0 0 rgba(212,175,55,0);
  transition: box-shadow 0.25s ease, transform 0.25s ease;
}

.gca-premium-badge:hover {
  box-shadow: 0 0 10px rgba(212,175,55,0.35);
  transform: translateY(-1px);
}

/* Softer premium callout */
.gca-premium-callout {
  background: linear-gradient(90deg, #fffdf6, #ffffff);
  border-left-width: 3px;
  font-size: 14.5px;
}

/* Links inside premium callout */
.gca-premium-callout a {
  color: var(--gca-premium-gold);
  font-weight: 700;
  text-decoration: underline;
}

/* Soft divider under premium FAQ answers */
.gca-faq .faq-answer .gca-premium-callout {
  margin-top: 14px;
}
/* ===============================
   GCA FAQ — MOST ASKED BADGE
   =============================== */

.gca-most-asked {
  display: inline-block;
  margin-left: 8px;
  padding: 3px 8px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  border-radius: 4px;
  background: #f5f5f5;
  color: #111;
  border: 1px solid #ddd;
}

/* ==========================================
   GCA HOMEPAGE HERO — TEXT COLOUR OVERRIDES
   Source of truth: gca-premium.css (loads last)
   ========================================== */

.template-index .slideshow__content,
.template-index .slideshow__content h1.page-title.h1,
.template-index .slideshow__content .rte,
.template-index .slideshow__content .rte *,
.template-index .slideshow__content p {
  color: #ffffff !important;
  opacity: 1 !important;
}

/* Slightly softer body copy if you want it */
.template-index .slideshow__content .rte,
.template-index .slideshow__content p {
  color: rgba(255,255,255,0.88) !important;
}

/* Keep text above overlays */
.template-index .slideshow__content {
  position: relative !important;
  z-index: 50 !important;
}

/* HOMEPAGE HERO TEXT — MOBILE FIX */
@media (max-width: 749px){

  .template-index .slideshow__content,
  .template-index .slideshow__content h1.page-title.h1,
  .template-index .slideshow__content .rte,
  .template-index .slideshow__content .rte *,
  .template-index .slideshow__content p {
    color: #ffffff !important;
    opacity: 1 !important;
    visibility: visible !important;
    filter: none !important;
    mix-blend-mode: normal !important;
  }

  /* keep text above overlays */
  .template-index .slideshow__content{
    position: relative !important;
    z-index: 50 !important;
  }

