/* STREAMING_CHUNK:Defining WordPress theme header metadata... /
/
Theme Name: Gudril Loker Theme
Theme URI: https://gudril.com
Author: Gudril Team
Author URI: https://gudril.com
Description: Tema WordPress portal lowongan kerja lokal eksklusif dengan nuansa Metallic Silver & Pitch Dark. Dilengkapi Custom Post Type Lowongan Kerja & Custom Taxonomy.
Version: 1.0.0
License: GNU General Public License v2 or later
Text Domain: gudril-loker
*/

/* STREAMING_CHUNK:Styling scrollbar and dark aesthetics... */
::-webkit-scrollbar {
width: 8px;
}
::-webkit-scrollbar-track {
background: #050505;
}
::-webkit-scrollbar-thumb {
background: #27272a;
border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
background: #52525b;
}

/* STREAMING_CHUNK:Building metallic gradient utilities... */
.dynamic-bg-gradient {
background: linear-gradient(135deg, #ffffff 0%, #e2e8f0 35%, #cbd5e1 70%, #94a3b8 100%);
}

.dynamic-text-gradient {
background: linear-gradient(135deg, #ffffff 0%, #e2e8f0 40%, #a1a1aa 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.silver-glass-card {
background: rgba(18, 18, 18, 0.85);
backdrop-filter: blur(16px);
border: 1px solid rgba(255, 255, 255, 0.15);
}

/* STREAMING_CHUNK:Creating silver button component styles... */
.btn-silver-primary {
background: linear-gradient(135deg, #ffffff 0%, #f1f5f9 25%, #cbd5e1 75%, #94a3b8 100%);
color: #09090b;
border: 1px solid rgba(255, 255, 255, 0.8);
box-shadow: 0 4px 18px rgba(255, 255, 255, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.9);
font-weight: 800;
transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.btn-silver-primary:hover {
background: linear-gradient(135deg, #ffffff 0%, #f8fafc 40%, #e2e8f0 100%);
box-shadow: 0 6px 24px rgba(255, 255, 255, 0.4), inset 0 1px 0 rgba(255, 255, 255, 1);
transform: translateY(-1.5px);
}

.btn-silver-secondary {
background: rgba(24, 24, 27, 0.9);
color: #f4f4f5;
border: 1px solid rgba(212, 212, 216, 0.35);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.6);
transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.btn-silver-secondary:hover {
background: rgba(39, 39, 42, 0.95);
border-color: rgba(255, 255, 255, 0.7);
color: #ffffff;
box-shadow: 0 0 15px rgba(226, 232, 240, 0.25);
transform: translateY(-1.5px);
}

/* STREAMING_CHUNK:Configuring hero overlay gradient... */
.bg-hero-overlay {
background: linear-gradient(180deg, rgba(5, 5, 5, 0.82) 0%, rgba(10, 10, 10, 0.92) 50%, rgba(5, 5, 5, 1) 100%);
}