/*
Theme Name: Kadence Child
Template: kadence
Description: Expat Early Years Network Custom Styles
*/

/* ==========================================================================
   1. GLOBAL STYLES (Applies Site-Wide)
   ========================================================================== */
body {
    font-family: 'Inter', sans-serif;
    background-color: #f9fafb; /* Tailwind gray-50 */
    color: #1f2937; /* Tailwind gray-800 */
}

/* Premium Custom Scrollbar */
::-webkit-scrollbar { 
    width: 8px; 
}
::-webkit-scrollbar-track {
    background: #f1f5f9; 
}
::-webkit-scrollbar-thumb { 
    background-color: #cbd5e1; 
    border-radius: 10px; 
}
::-webkit-scrollbar-thumb:hover {
    background-color: #94a3b8; 
}

/* Used for privacy functions */
.privacy-blur {
    filter: blur(5px);
    user-select: none;
    pointer-events: none;
}

/* ==========================================================================
   2. WORDPRESS DEFAULT CONTENT FALLBACKS
   ========================================================================== */
/* Ensures basic pages/posts still look good if Tailwind isn't applied */
.entry-content p { 
    margin-bottom: 1.5rem; 
    line-height: 1.8; 
}
.entry-content ul {
    list-style-type: disc;
    padding-left: 1.5rem;
    margin-bottom: 1.5rem;
}
.entry-content img { 
    max-width: 100%; 
    height: auto; 
    border-radius: 0.75rem; 
    margin: 2rem auto; 
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

/* ==========================================================================
   3. ULTIMATE MEMBER "TAILWIND" OVERRIDES
   ========================================================================== */

/* Hide the default UM Title so it doesn't duplicate our custom Header Title */
.um-custom-tailwind-wrapper .um-header {
    display: none !important;
}

/* Force UM Inputs to look like Tailwind UI */
.um-custom-tailwind-wrapper .um-form input[type=text],
.um-custom-tailwind-wrapper .um-form input[type=email],
.um-custom-tailwind-wrapper .um-form input[type=password],
.um-custom-tailwind-wrapper .um-form select {
    width: 100% !important;
    padding: 1rem 1.25rem !important;
    border-radius: 0.75rem !important; /* rounded-xl */
    border: 1px solid #d1d5db !important; /* border-gray-300 */
    background-color: #f9fafb !important; /* bg-gray-50 */
    color: #111827 !important;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
    font-family: inherit !important;
    transition: all 0.2s ease !important;
    font-size: 1rem !important;
}

/* Input Focus States */
.um-custom-tailwind-wrapper .um-form input:focus,
.um-custom-tailwind-wrapper .um-form select:focus {
    border-color: #6366f1 !important; /* focus:border-indigo-500 */
    box-shadow: 0 0 0 2px rgba(99, 102, 241, 0.2) !important; /* focus:ring */
    background-color: #ffffff !important;
    outline: none !important;
}

/* Force UM Buttons to look like our Primary Tailwind Buttons */
.um-custom-tailwind-wrapper .um-button,
.um-custom-tailwind-wrapper input[type=submit] {
    background-color: #4f46e5 !important; /* bg-indigo-600 */
    color: #ffffff !important; /* !text-white */
    font-weight: 800 !important;
    font-size: 1.125rem !important;
    padding: 1rem 2rem !important;
    border-radius: 0.75rem !important; /* rounded-xl */
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1) !important; /* shadow-lg */
    transition: all 0.3s ease !important;
    width: 100% !important;
    border: none !important;
    cursor: pointer !important;
}

/* Button Hover State */
.um-custom-tailwind-wrapper .um-button:hover,
.um-custom-tailwind-wrapper input[type=submit]:hover {
    background-color: #4338ca !important; /* hover:bg-indigo-700 */
    color: #ffffff !important;
    transform: translateY(-2px) !important;
}

/* Fix UM Label colors */
.um-custom-tailwind-wrapper .um-form label {
    font-weight: 700 !important;
    color: #374151 !important; /* text-gray-700 */
    margin-bottom: 0.5rem !important;
}