/*
Theme Name: AKPS - Agensi Kawalan dan Perlindungan Sempadan Malaysia
Theme URI: https://mcba.moha.gov.my
Author: Mohd Hizzudin (disesuaikan untuk AKPS)
Author URI: 
Description: Tema WordPress profesional dan moden untuk laman rasmi Agensi Kawalan dan Perlindungan Sempadan Malaysia (AKPS/MCBA). Mengandungi kajian lengkap, reka bentuk premium dengan palet warna navy-emas, dan semua maklumat terperinci tentang agensi tunggal kawalan sempadan negara. Direka khas untuk laman landing page yang kemas, berwibawa dan interaktif.
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: akps-theme
Tags: one-page, landing-page, government, professional, responsive, custom-theme, akps, border-control, malaysia
*/

/* Import Tailwind via CDN is handled in header.php for simplicity and performance.
   All custom styles below extend the professional design from the original landing page. */

:root {
    --navy: #0A2540;
    --gold: #C9A227;
    --gold-light: #E8D5A3;
}

body {
    font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

.heading-serif {
    font-family: 'Playfair Display', Georgia, serif;
    font-weight: 700;
    letter-spacing: -0.025em;
}

.glass {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(20px);
    border: 1px solid rgba(201, 162, 39, 0.1);
}

.professional-card {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    border: 1px solid #E2E8F0;
}

.professional-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.05), 0 8px 10px -6px rgb(0 0 0 / 0.05);
    border-color: #C9A227;
}

.tab-button {
    transition: all 0.2s ease;
    position: relative;
}

.tab-button.active {
    color: #0A2540;
    border-bottom: 3px solid #C9A227;
    font-weight: 600;
}

.tab-content {
    animation: fadeInUp 0.4s ease forwards;
}

@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(15px); }
    to { opacity: 1; transform: translateY(0); }
}

.nav-scrolled {
    background: rgba(10, 37, 64, 0.98) !important;
    box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1);
}

.malaysia-gold { color: #C9A227; }

.border-accent { border-color: #C9A227; }

.detail-list li { transition: all 0.2s ease; }
.detail-list li:hover { padding-left: 8px; color: #0A2540; }

.metric-value {
    font-size: 2.75rem;
    line-height: 1;
    font-weight: 700;
    color: #0A2540;
}

.subtle-grid {
    background-image: 
        linear-gradient(rgba(201, 162, 39, 0.06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(201, 162, 39, 0.06) 1px, transparent 1px);
    background-size: 60px 60px;
}

.official-badge {
    background: linear-gradient(135deg, #0A2540, #1E3A5F);
    color: white;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1);
}

.study-section { scroll-margin-top: 80px; }

.modern-shadow {
    box-shadow: 0 10px 15px -3px rgb(15 23 42 / 0.08), 
               0 4px 6px -4px rgb(15 23 42 / 0.08);
}

/* WordPress specific */
.wp-block { max-width: none; }
.site-header { transition: all 0.3s ease; }
.entry-content { max-width: 100%; }

/* Responsive tweaks */
@media (max-width: 768px) {
    .metric-value { font-size: 2rem; }
}