/*
 Theme Name:   Flatsome Child
 Theme URI:    https://rikvip88.us.com
 Description:  Flatsome Child Theme cho RIKVIP88 – Dark Gold Premium
 Author:       RIKVIP Team
 Author URI:   https://rikvip88.us.com
 Template:     flatsome
 Version:      1.0.0
 Text Domain:  flatsome-child
*/

/* ========================================
   CSS CUSTOM PROPERTIES – RIKVIP BRAND
   ======================================== */
:root {
  --rkv-gold:        #d4a843;
  --rkv-gold-light:  #f0c94a;
  --rkv-gold-dark:   #a07830;
  --rkv-red:         #e8233a;
  --rkv-dark:        #0a0b0f;
  --rkv-dark-2:      #13151e;
  --rkv-dark-3:      #1c1f2e;
  --rkv-dark-4:      #252840;
  --rkv-glass:       rgba(255, 255, 255, 0.05);
  --rkv-glass-2:     rgba(212, 168, 67, 0.08);
  --rkv-border:      rgba(212, 168, 67, 0.2);
  --rkv-text:        #e8e8e8;
  --rkv-text-muted:  #8a8fa8;
  --rkv-radius:      12px;
  --rkv-radius-lg:   20px;
  --rkv-shadow:      0 8px 32px rgba(0, 0, 0, 0.6);
  --rkv-shadow-gold: 0 4px 24px rgba(212, 168, 67, 0.3);
  --rkv-transition:  all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* ========================================
   BASE OVERRIDES
   ======================================== */
body {
  background-color: var(--rkv-dark) !important;
  color: var(--rkv-text) !important;
  font-family: 'Be Vietnam Pro', 'Inter', sans-serif !important;
}

a { color: var(--rkv-gold); text-decoration: none; transition: var(--rkv-transition); }
a:hover { color: var(--rkv-gold-light); }

/* Typography */
h1, h2, h3, h4, h5, h6 {
  color: #fff;
  font-weight: 700;
  margin-bottom: 15px;
}

/* ========================================
   COMMON UTILITIES FOR SHORTCODES
   ======================================== */
.rkv-btn {
  display: inline-block;
  padding: 12px 24px;
  border-radius: var(--rkv-radius);
  font-weight: 600;
  text-transform: uppercase;
  cursor: pointer;
  transition: var(--rkv-transition);
  text-align: center;
  border: none;
}

.rkv-btn-gold {
  background: linear-gradient(135deg, var(--rkv-gold-light), var(--rkv-gold-dark));
  color: #000 !important;
  box-shadow: var(--rkv-shadow-gold);
}

.rkv-btn-gold:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 28px rgba(212, 168, 67, 0.4);
}

.rkv-btn-outline {
  background: transparent;
  border: 1px solid var(--rkv-gold);
  color: var(--rkv-gold) !important;
}

.rkv-btn-outline:hover {
  background: var(--rkv-glass-2);
}