/*
Theme Name: Desa Glass Light
Theme URI: https://github.com/google-antigravity
Description: Tema premium Glassmorphism Terang dengan efek transparansi, frosted glass, dan modern layout untuk Desa Modern.
Author: Antigravity AI
Author URI: https://github.com/google-antigravity
Template: desa-modern
Version: 1.0.0
Text Domain: desa-glass-light
*/

/* --- OVERRIDE DESIGN SYSTEM FOR GLASS LIGHT --- */
:root {
  --primary-gradient: linear-gradient(135deg, #059669 0%, #06b6d4 100%); /* Emerald to Cyan */
  --accent-gradient: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);  /* Blue to Purple */
  --primary-color: #059669;      /* Emerald */
  --primary-dark: #047857;       /* Dark Emerald */
  --secondary-color: #3b82f6;    /* Blue Accent */
  --accent-emerald: #10b981;
  --dark-color: #0f172a;
  --light-color: #f0fdf4;        /* Soft Mint Tint background */
  --card-bg: rgba(255, 255, 255, 0.45); /* Highly translucent card background */
  --border-color: rgba(255, 255, 255, 0.6); /* Soft white border for glass effect */
  --text-main: #1e293b;
  --text-muted: #475569;
  --shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, 0.03);
  --shadow-md: 0 10px 30px -10px rgba(5, 150, 105, 0.08);
  --shadow-lg: 0 20px 50px -15px rgba(5, 150, 105, 0.15);
}

/* Glassmorphism Styles & Overrides */
body {
  background-image: radial-gradient(at 0% 0%, rgba(16, 185, 129, 0.07) 0px, transparent 50%),
                    radial-gradient(at 50% 0%, rgba(6, 182, 212, 0.05) 0px, transparent 50%),
                    radial-gradient(at 100% 100%, rgba(59, 130, 246, 0.05) 0px, transparent 50%);
  background-attachment: fixed;
}

/* Header transparency with blur */
.site-header {
  background: rgba(255, 255, 255, 0.4) !important;
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03) !important;
}

/* Cards frosted glass styling */
.stats-card, 
.stat-box, 
.news-card, 
.agenda-card, 
.perangkat-card, 
.lembaga-card,
.info-wilayah-card,
.about-card,
.detail-card,
.chart-container,
.table-responsive,
.sidebar-widget {
  background: rgba(255, 255, 255, 0.45) !important;
  backdrop-filter: blur(16px) saturate(120%);
  -webkit-backdrop-filter: blur(16px) saturate(120%);
  border: 1px solid rgba(255, 255, 255, 0.6) !important;
  box-shadow: 0 8px 32px 0 rgba(15, 23, 42, 0.05) !important;
  border-radius: 20px !important;
  transition: var(--transition-smooth) !important;
}

/* Glowing border hover effects */
.stats-card:hover, 
.stat-box:hover, 
.news-card:hover, 
.agenda-card:hover, 
.perangkat-card:hover,
.lembaga-card:hover {
  transform: translateY(-8px);
  background: rgba(255, 255, 255, 0.6) !important;
  border-color: rgba(5, 150, 105, 0.3) !important;
  box-shadow: 0 15px 35px 0 rgba(5, 150, 105, 0.12) !important;
}

/* Make tables glass-like */
table {
  background: transparent !important;
}
th {
  background: rgba(5, 150, 105, 0.1) !important;
  backdrop-filter: blur(5px);
}
td {
  background: rgba(255, 255, 255, 0.2) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4) !important;
}

/* Input elements styling */
input[type="text"], 
input[type="search"], 
textarea, 
select {
  background: rgba(255, 255, 255, 0.5) !important;
  backdrop-filter: blur(8px);
  border: 1px solid rgba(255, 255, 255, 0.7) !important;
  border-radius: 10px;
  color: var(--text-main);
  transition: var(--transition-smooth);
}
input[type="text"]:focus, 
input[type="search"]:focus, 
textarea:focus, 
select:focus {
  background: rgba(255, 255, 255, 0.8) !important;
  border-color: var(--primary-color) !important;
  box-shadow: 0 0 0 3px rgba(5, 150, 105, 0.15) !important;
}

/* Portal button floating glass effect */
.btn-primary {
  backdrop-filter: blur(4px);
  border: 1px solid rgba(255, 255, 255, 0.2);
}