/*
Theme Name: VanMember Pro
Theme URI: https://github.com/vanmember
Author: VanMember Team
Author URI: https://github.com/vanmember
Description: Modern Digital Membership & Store WordPress Theme (Tema Merah Elegan). Dilengkapi fitur Sales Page Bawaan Komplit, QRIS Dinamis Otomatis (EMVCo), Kode Unik 3 Digit, Proteksi File & Panduan Digital, Sistem Afiliasi Lengkap, Kupon Diskon, Top Product Marquee Ticker Merah, dan Sidebar Cerdas (Produk Terlaris, Produk Terbaru, dan Produk Acak).
Version: 2.2.8
Requires at least: 5.8
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: vanmember
Tags: e-commerce, digital-products, membership, responsive-layout, grid-layout, custom-colors, modern, red, light-theme
*/

/* Reset & Base Setup */
*, *::before, *::after {
  box-sizing: border-box;
}

html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  max-width: 100vw;
  overflow-x: hidden !important;
  position: relative;
}

:root {
  /* PALET MERAH PREMIUM & KONTRAS TINGGI (LIGHT THEME DEFAULT) */
  --vm-primary: #dc2626;         /* Crimson Red */
  --vm-primary-hover: #b91c1c;   /* Dark Crimson */
  --vm-primary-dark: #991b1b;    /* Deep Ruby */
  --vm-primary-light: rgba(220, 38, 38, 0.08);
  --vm-primary-border: rgba(220, 38, 38, 0.22);
  
  --vm-accent: #16a34a;          /* Green CTA for +Cart */
  --vm-accent-hover: #15803d;
  --vm-accent-light: rgba(22, 163, 74, 0.1);
  
  --vm-warning: #d97706;
  --vm-danger: #ef4444;
  --vm-purple: #7c3aed;
  
  /* BACKGROUND BERSIH, TERANG & KONTRAS TAJAM */
  --vm-bg: #f8fafc;
  --vm-surface: #ffffff;
  --vm-surface-2: #f1f5f9;
  --vm-surface-hover: #e2e8f0;
  --vm-border: #e2e8f0;
  --vm-border-dark: #cbd5e1;
  --vm-border-light: rgba(0, 0, 0, 0.06);
  
  /* TEKS HITAM PEKAT & KONTRAS MAKSIMAL */
  --vm-text: #0f172a;            /* Slate 900 (Hitam Pekat Jelas) */
  --vm-text-heading: #020617;    /* Slate 950 */
  --vm-text-muted: #475569;      /* Slate 600 */
  --vm-text-dim: #64748b;        /* Slate 500 */
  
  --vm-radius-sm: 8px;
  --vm-radius-md: 14px;
  --vm-radius-lg: 20px;
  --vm-radius-full: 9999px;
  
  --vm-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.04);
  --vm-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.08);
  --vm-shadow-lg: 0 12px 28px rgba(0, 0, 0, 0.12);
  --vm-shadow-red: 0 4px 14px rgba(220, 38, 38, 0.35);
  
  --vm-font: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --vm-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}