/* Start custom CSS *//* =========================
   GOLD EDITION — BLACK/GOLD LUXURY (Elementor Pro)
   Scope: set class "gold-edition" on main container OR remove ".gold-edition" to apply sitewide
   ========================= */

.gold-edition{
  --bg: #0A0A0A;
  --surface: #141414;
  --surface2: #101010;
  --gold: #D4AF37;
  --gold2: #E2C66A;
  --text: #EDEDED;
  --muted: #A8A8A8;
  --line: rgba(212,175,55,.22);
  --line2: rgba(212,175,55,.35);
  --shadow: 0 10px 40px rgba(0,0,0,.55);
  --glow: 0 0 26px rgba(212,175,55,.22);
}

/* Base */
.gold-edition, 
.gold-edition .elementor{
  background: var(--bg);
  color: var(--text);
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}

/* Headings: luxury feel */
.gold-edition h1,
.gold-edition h2,
.gold-edition h3{
  color: var(--text);
  letter-spacing: .06em;
}

.gold-edition h1{
  letter-spacing: .10em;
  text-transform: uppercase;
}

/* Muted text */
.gold-edition p,
.gold-edition .elementor-widget-text-editor{
  color: var(--text);
}

.gold-edition .muted,
.gold-edition .elementor-widget-text-editor .muted{
  color: var(--muted) !important;
}

/* Links */
.gold-edition a{
  color: var(--gold);
  text-decoration: none;
}
.gold-edition a:hover{
  color: var(--gold2);
}

/* Section/Container vibes */
.gold-edition .elementor-section,
.gold-edition .elementor-container,
.gold-edition .e-con{
  background-color: transparent;
}

/* Luxury card utility (use class: gold-card on container) */
.gold-edition .gold-card{
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 14px;
  box-shadow: var(--shadow);
  overflow: hidden;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.gold-edition .gold-card:hover{
  transform: translateY(-4px);
  border-color: var(--line2);
  box-shadow: var(--shadow), var(--glow);
}

/* Thin gold divider utility (use class: gold-divider) */
.gold-edition .gold-divider{
  height: 1px;
  background: var(--line2);
  width: 180px;
  max-width: 60%;
}

/* Buttons (Elementor buttons + form submit) */
.gold-edition .elementor-button,
.gold-edition button,
.gold-edition input[type="submit"],
.gold-edition .wp-element-button{
  background: var(--gold) !important;
  color: var(--bg) !important;
  border: 1px solid rgba(0,0,0,.0) !important;
  border-radius: 12px !important;
  padding: 14px 22px !important;
  font-weight: 700 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease;
}

.gold-edition .elementor-button:hover,
.gold-edition button:hover,
.gold-edition input[type="submit"]:hover,
.gold-edition .wp-element-button:hover{
  background: var(--gold2) !important;
  box-shadow: var(--glow) !important;
  transform: translateY(-1px);
}

/* Outline button utility (add class: btn-outline to Elementor button) */
.gold-edition .btn-outline .elementor-button{
  background: transparent !important;
  color: var(--gold) !important;
  border: 1px solid var(--line2) !important;
}
.gold-edition .btn-outline .elementor-button:hover{
  color: var(--bg) !important;
  background: var(--gold) !important;
}

/* Images: premium frame utility (class: gold-frame on image widget or container) */
.gold-edition .gold-frame img{
  border-radius: 14px;
  border: 1px solid var(--line);
  box-shadow: 0 8px 28px rgba(0,0,0,.55);
  transition: box-shadow .25s ease, transform .25s ease, border-color .25s ease;
}
.gold-edition .gold-frame img:hover{
  border-color: var(--line2);
  box-shadow: 0 10px 34px rgba(0,0,0,.65), var(--glow);
  transform: translateY(-2px);
}

/* Icons */
.gold-edition .elementor-icon,
.gold-edition .elementor-icon i,
.gold-edition .elementor-widget-icon i{
  color: var(--gold) !important;
}

/* Forms */
.gold-edition input[type="text"],
.gold-edition input[type="email"],
.gold-edition input[type="tel"],
.gold-edition input[type="url"],
.gold-edition input[type="password"],
.gold-edition textarea,
.gold-edition select{
  background: var(--surface2) !important;
  color: var(--text) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 12px !important;
  padding: 12px 14px !important;
  outline: none !important;
  transition: border-color .2s ease, box-shadow .2s ease;
}
.gold-edition input:focus,
.gold-edition textarea:focus,
.gold-edition select:focus{
  border-color: var(--line2) !important;
  box-shadow: 0 0 0 4px rgba(212,175,55,.10) !important;
}

/* Headline highlight utility (class: gold-title on heading widget wrapper) */
.gold-edition .gold-title h1,
.gold-edition .gold-title h2,
.gold-edition .gold-title h3{
  color: var(--gold) !important;
  text-shadow: 0 0 22px rgba(212,175,55,.10);
}

/* Subtle “luxury border box” utility (class: gold-box) */
.gold-edition .gold-box{
  background: var(--surface);
  border: 1px solid var(--line2);
  border-radius: 18px;
  box-shadow: var(--shadow);
}

/* Optional: dark overlay utility (class: smoke) */
.gold-edition .smoke{
  position: relative;
}
.gold-edition .smoke:before{
  content:"";
  position:absolute;
  inset:0;
  background: radial-gradient(circle at 20% 0%, rgba(212,175,55,.06), transparent 55%),
              radial-gradient(circle at 80% 40%, rgba(212,175,55,.04), transparent 60%),
              linear-gradient(to bottom, rgba(0,0,0,.0), rgba(0,0,0,.35));
  pointer-events:none;
  border-radius: inherit;
}

/* Optional: smooth entrance for elements using class "fade-in" */
.gold-edition .fade-in{
  opacity: 0;
  transform: translateY(14px);
  animation: geFade .7s ease forwards;
}
@keyframes geFade{
  to{opacity:1; transform: translateY(0);}
}/* End custom CSS */