/* ==========================================================================
   REAL TRADERS HUB - Premium Redesign 2026
   Backup: /root/rth_backup_20260224_231737.sql
   To revert: restore the SQL backup and delete this file + functions.php changes
   ========================================================================== */

/* ---------- CSS Variables ---------- */
:root {
  --rth-gold: #D4AF37;
  --rth-gold-light: #F4D03F;
  --rth-gold-dark: #B8960C;
  --rth-dark: #0A0A0A;
  --rth-dark-card: #111111;
  --rth-white: #FFFFFF;
  --rth-gray-light: #E0E0E0;
  --rth-gray: #B0B0B0;
  --rth-gray-dark: #666666;
  --rth-font-heading: 'Montserrat', sans-serif;
  --rth-font-body: 'Inter', sans-serif;
  --rth-radius: 16px;
  --rth-radius-sm: 8px;
  --rth-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* ---------- Smooth Scrolling & Selection ---------- */
html { scroll-behavior: smooth; }
::selection { background: var(--rth-gold); color: var(--rth-dark); }

/* ---------- Retina / Font Rendering ---------- */
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

/* ---------- Premium ZONE in nav - gold text ---------- */
#menu-item-5516 > a,
#menu-item-5516 > a span {
  color: var(--rth-gold) !important;
}

/* ---------- Dropdown menus - dark premium ---------- */
.sub-menu {
  border-radius: 8px !important;
  overflow: hidden !important;
}

/* ============================================================
   MOBILE HEADER - Premium dark with gold accent
   ============================================================ */
.mobile-header-holder {
  background: #0A0A0A !important;
  border-bottom: 1px solid rgba(212, 175, 55, 0.15) !important;
}

.mobile-header .header-row {
  background: #0A0A0A !important;
}

/* Mobile hamburger menu button - gold lines */
.mobile-menu-button span {
  background: var(--rth-gold) !important;
}

/* Mobile header icons */
.mobile-header .header-tools a,
.mobile-header .header-tools .ui-icon-profile,
.mobile-header .header-tools .ui-icon-shopping-bag {
  color: var(--rth-gray-light) !important;
}

/* Mobile navigation panel */
.mobile-nav {
  background: #0A0A0A !important;
}

.mobile-nav ul li {
  border-color: rgba(255, 255, 255, 0.06) !important;
}

.mobile-nav ul li a {
  color: var(--rth-gray-light) !important;
  font-family: var(--rth-font-heading) !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  letter-spacing: 0.02em !important;
}

.mobile-nav ul li a:hover,
.mobile-nav ul li.current-menu-item > a {
  color: var(--rth-gold) !important;
}

/* Premium ZONE gold in mobile menu */
#mobile-menu-item-5516 > a,
#mobile-menu-item-5516 > a span {
  color: var(--rth-gold) !important;
  font-weight: 700 !important;
}

/* Mobile submenu toggle arrow */
.mobile-nav .sub-menu-toggle {
  color: var(--rth-gold) !important;
}

/* Mobile sub-menu items */
.mobile-nav .sub-menu li a {
  color: var(--rth-gray) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}

.mobile-nav .sub-menu li a:hover {
  color: var(--rth-gold) !important;
}

/* ============================================================
   BACK TO TOP BUTTON
   ============================================================ */
.go-to-top {
  position: fixed !important;
  bottom: 24px !important;
  right: 24px !important;
  z-index: 999 !important;
  background: linear-gradient(135deg, var(--rth-gold), var(--rth-gold-light)) !important;
  color: var(--rth-dark) !important;
  width: 44px !important;
  height: 44px !important;
  line-height: 44px !important;
  border-radius: 50% !important;
  text-align: center !important;
  box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3) !important;
  transition: var(--rth-transition) !important;
  font-size: 18px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
}

.go-to-top:hover {
  box-shadow: 0 6px 25px rgba(212, 175, 55, 0.5) !important;
  transform: translateY(-2px) !important;
}

/* ============================================================
   SIDE PANEL - Dark premium
   ============================================================ */
.rt-sidepanel,
.businesslounge-sidepanel {
  background: #0A0A0A !important;
}

.rt-sidepanel .widget h5,
.businesslounge-sidepanel .widget h5 {
  color: var(--rth-gold) !important;
  font-family: var(--rth-font-heading) !important;
}

/* ============================================================
   HEADER TOOLS (user, cart, sidepanel) icons
   ============================================================ */
.header-tools a {
  transition: color 0.2s ease !important;
}

.header-tools a:hover {
  color: var(--rth-gold) !important;
}

/* ============================================================
   BUTTONS - Gold gradient CTA
   ============================================================ */
.elementor-widget-rt-button .rt-button-link {
  background: linear-gradient(135deg, var(--rth-gold), var(--rth-gold-light)) !important;
  color: var(--rth-dark) !important;
  border: none !important;
  border-radius: var(--rth-radius-sm) !important;
  padding: 16px 40px !important;
  font-family: var(--rth-font-heading) !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  box-shadow: 0 4px 20px rgba(212, 175, 55, 0.3) !important;
  transition: var(--rth-transition) !important;
}

.elementor-widget-rt-button .rt-button-link:hover {
  box-shadow: 0 6px 30px rgba(212, 175, 55, 0.5) !important;
  transform: translateY(-2px) !important;
}

/* ============================================================
   HERO SECTION
   ============================================================ */
.elementor-element[data-id="a636fa3"] {
  background: radial-gradient(ellipse at 50% 0%, rgba(212, 175, 55, 0.06) 0%, transparent 60%),
              radial-gradient(at center center, #0A0A0A 0%, #000000 100%) !important;
  padding: 80px 20px 40px !important;
  text-align: center !important;
}

.elementor-element[data-id="a636fa3"] .elementor-heading-title {
  background: linear-gradient(135deg, #FFFFFF 0%, #FFFFFF 40%, var(--rth-gold-light) 60%, var(--rth-gold) 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  font-size: 48px !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  max-width: 800px !important;
  margin: 0 auto !important;
}

/* ============================================================
   PRICING CARDS
   ============================================================ */
.elementor-section[data-id="as95crd"] {
  padding: 60px 0 !important;
}

.elementor-section[data-id="as95crd"] .elementor-column .elementor-widget-wrap,
.elementor-section[data-id="as95crd"] .elementor-column .elementor-element-populated {
  background: linear-gradient(180deg, #111111 0%, #0A0A0A 100%) !important;
  border: 1px solid rgba(212, 175, 55, 0.12) !important;
  border-radius: var(--rth-radius) !important;
  padding: 40px 30px !important;
  transition: var(--rth-transition) !important;
  position: relative !important;
  overflow: hidden !important;
}

.elementor-section[data-id="as95crd"] .elementor-column .elementor-widget-wrap:hover,
.elementor-section[data-id="as95crd"] .elementor-column .elementor-element-populated:hover {
  border-color: var(--rth-gold) !important;
  box-shadow: 0 0 40px rgba(212, 175, 55, 0.12) !important;
  transform: translateY(-4px) !important;
}

/* Middle card (€490) - HIGHLIGHTED */
.elementor-section[data-id="as95crd"] .elementor-column:nth-child(2) .elementor-widget-wrap,
.elementor-section[data-id="as95crd"] .elementor-column:nth-child(2) .elementor-element-populated {
  border: 2px solid var(--rth-gold) !important;
  background: linear-gradient(180deg, #1A1500 0%, #0A0A0A 100%) !important;
  box-shadow: 0 0 40px rgba(212, 175, 55, 0.15) !important;
  transform: scale(1.03) !important;
}

/* BEST VALUE badge */
.elementor-section[data-id="as95crd"] .elementor-column:nth-child(2) .elementor-widget-wrap::before,
.elementor-section[data-id="as95crd"] .elementor-column:nth-child(2) .elementor-element-populated::before {
  content: "BEST VALUE" !important;
  position: absolute !important;
  top: 0 !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  background: linear-gradient(135deg, var(--rth-gold), var(--rth-gold-light)) !important;
  color: var(--rth-dark) !important;
  font-family: var(--rth-font-heading) !important;
  font-weight: 800 !important;
  font-size: 11px !important;
  letter-spacing: 0.12em !important;
  padding: 5px 20px !important;
  border-radius: 0 0 var(--rth-radius-sm) var(--rth-radius-sm) !important;
  z-index: 10 !important;
}

/* MOST POPULAR ribbon */
.elementor-section[data-id="as95crd"] .elementor-column:nth-child(2) .elementor-widget-wrap::after,
.elementor-section[data-id="as95crd"] .elementor-column:nth-child(2) .elementor-element-populated::after {
  content: "MOST POPULAR" !important;
  position: absolute !important;
  top: 45px !important;
  right: -35px !important;
  background: linear-gradient(135deg, #FF3D3D, #FF6B6B) !important;
  color: white !important;
  font-family: var(--rth-font-heading) !important;
  font-weight: 800 !important;
  font-size: 9px !important;
  letter-spacing: 0.1em !important;
  padding: 5px 35px !important;
  transform: rotate(45deg) !important;
  z-index: 11 !important;
}

/* Pulsing glow on middle card button */
.elementor-section[data-id="as95crd"] .elementor-column:nth-child(2) .elementor-widget-rt-button .rt-button-link {
  animation: pulseGlow 2s ease-in-out infinite !important;
}

@keyframes pulseGlow {
  0%, 100% { box-shadow: 0 4px 20px rgba(212, 175, 55, 0.3); }
  50% { box-shadow: 0 4px 40px rgba(212, 175, 55, 0.6); }
}

/* Price styling */
.elementor-section[data-id="as95crd"] .woocommerce-Price-amount,
.elementor-section[data-id="as95crd"] bdi {
  font-family: var(--rth-font-heading) !important;
  font-weight: 800 !important;
  font-size: 38px !important;
  color: var(--rth-gold) !important;
}

.elementor-section[data-id="as95crd"] .woocommerce-Price-currencySymbol {
  font-size: 22px !important;
  vertical-align: super !important;
}

.elementor-section[data-id="as95crd"] .subscription-details {
  font-size: 14px !important;
  color: var(--rth-gray) !important;
  font-weight: 400 !important;
}

/* Subscribe buttons full width in cards */
.elementor-section[data-id="as95crd"] .elementor-widget-rt-button .rt-button-link {
  width: 100% !important;
  text-align: center !important;
  display: block !important;
  margin-top: 15px !important;
}

/* Trust line below pricing */
.elementor-section[data-id="as95crd"]::after {
  content: "Secure Payment  \00b7  Cancel Anytime  \00b7  Money-Back Guarantee" !important;
  display: block !important;
  text-align: center !important;
  font-family: var(--rth-font-body) !important;
  font-size: 12px !important;
  color: var(--rth-gray-dark) !important;
  letter-spacing: 0.04em !important;
  padding: 25px 0 0 !important;
}

/* ============================================================
   VIDEO - rounded with shadow
   ============================================================ */
.elementor-element[data-id="8be3702"] .elementor-video-iframe,
.elementor-element[data-id="8be3702"] iframe {
  border-radius: 12px !important;
  box-shadow: 0 15px 50px rgba(0, 0, 0, 0.4) !important;
}

/* ============================================================
   COUNTDOWN - gold numbers
   ============================================================ */
.countdown-num {
  font-family: var(--rth-font-heading) !important;
  font-weight: 800 !important;
  color: var(--rth-gold) !important;
  text-shadow: 0 0 20px rgba(212, 175, 55, 0.3) !important;
}

/* ============================================================
   PERSONAL STATEMENT - gold border blockquote
   ============================================================ */
.elementor-section[data-id="pbqinxe"] blockquote,
.elementor-section[data-id="pbqinxe"] .elementor-blockquote {
  border-left: 3px solid var(--rth-gold) !important;
  background: rgba(212, 175, 55, 0.03) !important;
  border-radius: 0 var(--rth-radius-sm) var(--rth-radius-sm) 0 !important;
}

/* ============================================================
   TESTIMONIALS
   ============================================================ */
.rt-testimonial-item,
.testimonial-item {
  background: var(--rth-dark-card) !important;
  border: 1px solid rgba(255, 255, 255, 0.05) !important;
  border-radius: var(--rth-radius) !important;
  transition: var(--rth-transition) !important;
}

.rt-testimonial-item:hover,
.testimonial-item:hover {
  border-color: rgba(212, 175, 55, 0.2) !important;
}

/* Star ratings gold */
.elementor-star-rating i,
.star-rating span::before {
  color: var(--rth-gold) !important;
}

/* ============================================================
   WOOCOMMERCE
   ============================================================ */
.woocommerce .product .price,
.woocommerce-Price-amount {
  color: var(--rth-gold) !important;
}

.single_add_to_cart_button,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.checkout-button {
  background: linear-gradient(135deg, var(--rth-gold), var(--rth-gold-light)) !important;
  color: var(--rth-dark) !important;
  border: none !important;
  border-radius: var(--rth-radius-sm) !important;
  font-family: var(--rth-font-heading) !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  transition: var(--rth-transition) !important;
}

.single_add_to_cart_button:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.checkout-button:hover {
  box-shadow: 0 6px 25px rgba(212, 175, 55, 0.4) !important;
  transform: translateY(-2px) !important;
}

/* ============================================================
   FOOTER
   ============================================================ */
#footer {
  background: #0A0A0A !important;
}

.footer_widgets {
  background: #0A0A0A !important;
}

.footer_widgets h5 {
  color: var(--rth-gold) !important;
  font-family: var(--rth-font-heading) !important;
  font-weight: 700 !important;
  font-size: 16px !important;
}

.footer_info_bar {
  background: #050505 !important;
  border-top: 1px solid rgba(212, 175, 55, 0.1) !important;
  padding: 20px 0 !important;
}

.footer_info_bar .copyright {
  color: var(--rth-gray-dark) !important;
  font-size: 13px !important;
}

.footer_info_bar .copyright a {
  color: var(--rth-gold) !important;
}

#footer-navigation a {
  color: var(--rth-gray) !important;
  font-size: 12px !important;
  transition: color 0.2s ease !important;
}

#footer-navigation a:hover {
  color: var(--rth-gold) !important;
}

/* go-to-top is already position:fixed, no extra footer styling needed */

/* ============================================================
   SCROLLBAR
   ============================================================ */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: var(--rth-dark); }
::-webkit-scrollbar-thumb { background: var(--rth-gold-dark); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: var(--rth-gold); }

/* ============================================================
   MOBILE RESPONSIVE
   ============================================================ */
@media (max-width: 1024px) {
  .elementor-section[data-id="as95crd"] .elementor-column:nth-child(2) .elementor-widget-wrap,
  .elementor-section[data-id="as95crd"] .elementor-column:nth-child(2) .elementor-element-populated {
    transform: scale(1) !important;
  }
}

@media (max-width: 767px) {
  .elementor-element[data-id="a636fa3"] {
    padding: 50px 16px 24px !important;
  }
  .elementor-element[data-id="a636fa3"] .elementor-heading-title {
    font-size: 26px !important;
  }
  .elementor-section[data-id="as95crd"] {
    padding: 30px 10px !important;
  }
  .elementor-section[data-id="as95crd"] .elementor-column .elementor-widget-wrap,
  .elementor-section[data-id="as95crd"] .elementor-column .elementor-element-populated {
    padding: 28px 20px !important;
    margin-bottom: 16px !important;
  }
  .elementor-section[data-id="as95crd"] .elementor-column:nth-child(2) .elementor-widget-wrap,
  .elementor-section[data-id="as95crd"] .elementor-column:nth-child(2) .elementor-element-populated {
    transform: none !important;
  }
  .elementor-section[data-id="as95crd"] .woocommerce-Price-amount,
  .elementor-section[data-id="as95crd"] bdi {
    font-size: 30px !important;
  }
  .elementor-section[data-id="as95crd"] .elementor-column:nth-child(2) .elementor-widget-wrap::after,
  .elementor-section[data-id="as95crd"] .elementor-column:nth-child(2) .elementor-element-populated::after {
    font-size: 8px !important;
    padding: 4px 28px !important;
    top: 38px !important;
    right: -38px !important;
  }
  .elementor-widget-rt-button .rt-button-link {
    padding: 14px 28px !important;
    font-size: 13px !important;
  }

  /* Footer mobile fix */
  .footer_widgets .content_row_wrapper {
    padding: 30px 16px !important;
  }
  .footer_widgets .col {
    margin-bottom: 24px !important;
  }
  .footer_widgets .col:last-child {
    margin-bottom: 0 !important;
  }
  .footer_info_bar {
    padding: 14px 0 !important;
  }
  .footer_info_bar .content_row_wrapper {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    padding: 0 16px !important;
    gap: 10px !important;
  }
  .footer_info_bar .copyright {
    font-size: 11px !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    width: auto !important;
  }
  .footer_info_bar .footer-navigation-container {
    float: none !important;
    width: auto !important;
  }
  #footer-navigation {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 4px 12px !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  #footer-navigation li {
    float: none !important;
    display: inline-block !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  #footer-navigation a {
    font-size: 10px !important;
    padding: 2px 0 !important;
    line-height: 1.4 !important;
  }
}

@media (max-width: 480px) {
  .elementor-element[data-id="a636fa3"] .elementor-heading-title {
    font-size: 22px !important;
  }
  .elementor-section[data-id="as95crd"] .woocommerce-Price-amount,
  .elementor-section[data-id="as95crd"] bdi {
    font-size: 26px !important;
  }
  /* Footer even smaller screens */
  #footer-navigation a {
    font-size: 10px !important;
  }
  .footer_info_bar .copyright {
    font-size: 11px !important;
  }
}