/**
 * SKWK Admission System - Clean White Academic Prestige Theme
 * Designed for apply.ictskwk.in.th
 * Pure White/Light styling with Custom Font Engine (Sarabun default)
 * Zero unwanted navbar/footer hover jumps.
 */

:root {
    --skwk-primary: #1d4ed8;
    --skwk-primary-hover: #1e40af;
    --skwk-primary-light: #eff6ff;
    --font-main: 'Sarabun', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/* ==========================================================================
   1. Base Layout & Typography
   ========================================================================== */
html {
    scroll-behavior: smooth;
}

body {
    background-color: #f8fafc !important;
    background-image: none !important;
    color: #0f172a !important;
    font-family: var(--font-main) !important;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    -webkit-font-smoothing: antialiased;
}

/* All headings, inputs and buttons inherit the selected font */
h1, h2, h3, h4, h5, h6, .font-heading, input, select, textarea, button {
    font-family: var(--font-main) !important;
}

/* ==========================================================================
   2. Absolute Navigation & Footer Stability (NO JUMPING OR MOVING ON HOVER)
   ========================================================================== */
header,
header.sticky,
header > div,
footer,
footer > div {
    transform: none !important;
    transition: background-color 0.2s ease, border-color 0.2s ease !important;
}

header:hover,
header.sticky:hover,
footer:hover {
    transform: none !important;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05) !important;
}

/* Only Logo and Links have smooth localized micro-transitions */
header a.group img {
    transition: transform 0.2s ease;
}

header a.group:hover img {
    transform: scale(1.05);
}

header a:not(.group):hover {
    color: var(--skwk-primary) !important;
}

/* ==========================================================================
   3. Clean Academic Cards & Surfaces (Pure White Theme)
   ========================================================================== */
.bg-white:not(.swal2-toast) {
    background-color: #ffffff !important;
    border-color: #f1f5f9;
}

/* Subtle clean card hover for content cards only */
#homeContent > div > div:hover,
.font-card:hover,
.install-pwa-btn:hover {
    transform: translateY(-2px);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

/* Form Controls */
input:not([type="checkbox"]):not([type="radio"]), 
select, 
textarea {
    background-color: #ffffff !important;
    color: #0f172a !important;
    border-color: #e2e8f0 !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

input:focus, select:focus, textarea:focus {
    border-color: var(--skwk-primary) !important;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15) !important;
}

/* Scrollbars */
::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}

::-webkit-scrollbar-track {
    background: #f1f5f9;
}

::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 6px;
}

::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}

/* Custom Scrollbar Utility */
.custom-scrollbar::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

.custom-scrollbar::-webkit-scrollbar-track {
    background: #f8fafc;
    border-radius: 4px;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 4px;
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}

/* Mobile Menu Transitions */
#skwk-mobile-menu {
    transition: max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.25s ease;
}

/* Subtle Micro-Animations */
@keyframes bounceSubtle {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-4px); }
}
.animate-bounce-subtle {
    animation: bounceSubtle 3s ease-in-out infinite;
}