/*
Theme Name: PVJ Journey
Theme URI: https://parisvanjavajourney.com
Author: PVJ.Journey
Author URI: https://parisvanjavajourney.com
Description: Custom WordPress theme for Paris Van Java Journey — Boutique Travel Curator
Version: 1.0.0
License: GPL v2 or later
Text Domain: pvj-journey
*/

/* Tailwind is loaded via CDN. Most styling uses utility classes. */
header nav .menu-item {
    list-style: none;
}

header nav .menu-item a {
    color: #475569;
    transition: color 0.2s ease;
}

header nav .menu-item a:hover,
header nav .current-menu-item > a {
    color: #0066CC;
}

#mobile-menu .menu-item {
    list-style: none;
}

#mobile-menu .menu-item a {
    display: block;
    padding: 0.5rem 0.75rem;
    color: #475569;
    border-radius: 0.375rem;
}

#mobile-menu .menu-item a:hover {
    color: #0066CC;
    background: #f8fafc;
}

/* Brand color fallbacks for Tailwind CDN custom config timing on WordPress. */
.bg-primary { background-color: #0066CC !important; }
.bg-secondary { background-color: #E60012 !important; }
.bg-accent { background-color: #FFCC00 !important; }
.bg-brand { background-color: #88CC33 !important; }
.bg-dark { background-color: #1e293b !important; }

.text-primary { color: #0066CC !important; }
.text-secondary { color: #E60012 !important; }
.text-accent { color: #FFCC00 !important; }
.text-brand { color: #88CC33 !important; }
.text-dark { color: #1e293b !important; }

.border-primary { border-color: #0066CC !important; }
.border-secondary { border-color: #E60012 !important; }
.border-accent { border-color: #FFCC00 !important; }
.border-brand { border-color: #88CC33 !important; }

.hover\:bg-primary:hover { background-color: #0066CC !important; }
.hover\:bg-blue-700:hover { background-color: #1d4ed8 !important; }
.hover\:text-primary:hover { color: #0066CC !important; }
.hover\:text-blue-700:hover { color: #1d4ed8 !important; }

.from-brand {
    --tw-gradient-from: #88CC33 var(--tw-gradient-from-position) !important;
    --tw-gradient-to: rgb(136 204 51 / 0) var(--tw-gradient-to-position) !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}
.via-accent {
    --tw-gradient-to: rgb(255 204 0 / 0) var(--tw-gradient-to-position) !important;
    --tw-gradient-stops: var(--tw-gradient-from), #FFCC00 var(--tw-gradient-via-position), var(--tw-gradient-to) !important;
}
.to-primary { --tw-gradient-to: #0066CC var(--tw-gradient-to-position) !important; }
