/*
Theme Name: Universe Trading Network Theme
Theme URI: https://utnbd.com
Author: Syed Kamruzzaman
Author URI: https://syed-kamruzzaman.com
Description: A modern WordPress landing page theme for Universe Trading Network using Tailwind CSS CDN and AOS Animation.
Version: 1.0.0
Requires at least: 6.5
Tested up to: 6.6
Requires PHP: 8.0
Text Domain: utnbd
Tags: corporate, landing-page, tailwind, parallax, animation
*/

/* Custom CSS for specific overrides not handled by Tailwind */
body {
    font-family: 'Inter', sans-serif;
    scroll-behavior: smooth;
}

/* Parallax Utility */
.parallax-bg {
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* Smooth Transition for Navbar */
.nav-scrolled {
    background-color: rgba(52, 40, 105, 0.95) !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

/* --- Contact Form 7 Custom Styling --- */

/* Hide the default loader to keep design clean */
.wpcf7-spinner {
    margin: 0 !important;
}

/* Success/Error Response Output Box */
.wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450; /* Green */
    background-color: #e3fcef;
    color: #155724;
    padding: 1rem;
    border-radius: 0.5rem;
    font-size: 0.875rem;
    margin-top: 1rem;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
    border-color: #dc3232; /* Red */
    background-color: #fde8e8;
    color: #9b1c1c;
    padding: 1rem;
    border-radius: 0.5rem;
    font-size: 0.875rem;
    margin-top: 1rem;
}

/* Validation Tips (The small text under inputs) */
span.wpcf7-not-valid-tip {
    color: #dc2626; /* Tailwind red-600 */
    font-size: 0.75rem;
    margin-top: 0.25rem;
    display: block;
}

/* Error Border on Inputs */
.wpcf7-not-valid {
    border-color: #dc2626 !important;
    border-width: 1px;
}

/* --- Dynamic Menu Button Styling --- */
/* This targets the menu item with class 'nav-button' added via WP Admin */
.menu-item.nav-button a {
    background-color: #d97706; /* brand-gold */
    color: #ffffff !important;
    padding: 0.5rem 1.25rem; /* px-5 py-2 equivalent */
    border-radius: 0.25rem;
    transition: background-color 0.3s ease;
}

.menu-item.nav-button a:hover {
    background-color: #c2410c; /* dark orange/red hover */
    color: #ffffff !important;
}