/*
Theme Name: LogiPrep
Theme URI: https://logiprep.com
Author: LogiPrep Team
Author URI: https://logiprep.com
Description: A modern WordPress theme for 3PL logistics companies
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: logiprep
*/

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
span,
li,
input,
select,
textarea,
button {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

/* Remove bullets from navigation menu */
nav ul,
nav li {
    list-style: none !important;
    margin: 0;
    padding: 0;
}

nav ul {
    display: flex;
    gap: 2rem;
}

nav li {
    display: inline-block;
}

nav li::before {
    content: none !important;
}

nav a {
    text-decoration: none;
}

/* Dropdown Menu Styles */
nav ul li {
    position: relative;
    display: flex;
    align-items: center;
}

nav ul li a {
    display: block;
    padding: 0.5rem 0;
    font-size: 0.875rem;
    font-weight: 500;
    color: #374151;
    transition: color 0.2s;
    line-height: 1.5rem;
}

nav ul li a:hover {
    color: #2563eb;
}

/* Sub-menu (Dropdown) */
nav ul li ul.sub-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: white;
    border: 1px solid #e5e7eb;
    border-radius: 0.5rem;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
    min-width: 220px;
    padding: 0.5rem 0;
    margin-top: 0;
    z-index: 100;
    list-style: none !important;
}

/* Show dropdown on hover with smooth transition */
nav ul li:hover>ul.sub-menu,
nav ul li ul.sub-menu:hover {
    display: block;
}

/* Add invisible bridge between parent and dropdown */
nav ul li:hover::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    height: 1.5rem;
    z-index: 90;
}

nav ul li ul.sub-menu li {
    display: block;
    margin: 0;
    padding: 0;
}

nav ul li ul.sub-menu li a {
    padding: 0.625rem 1rem;
    font-size: 0.875rem;
    color: #4b5563;
    white-space: nowrap;
}

nav ul li ul.sub-menu li a:hover {
    background-color: #f3f4f6;
    color: #2563eb;
}

/* Utility to ensure toggling works reliably for mobile menu */
.mobile-ref-hidden {
    display: none !important;
}

/* Mobile Menu Specific Styles */
#mobile-menu .sub-menu {
    display: none;
    padding-left: 1.25rem;
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
    border-left: 2px solid #e5e7eb;
    margin-left: 0.5rem;
}

#mobile-menu .sub-menu li {
    margin-bottom: 0;
}

#mobile-menu .sub-menu li a {
    font-size: 0.95em;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    color: #4b5563;
    background-color: transparent !important;
}

#mobile-menu .sub-menu li a:hover {
    color: #2563eb;
    background-color: transparent;
}

/* --------------------------------------------------------------------------
   GLOBAL TYPOGRAPHY OVERRIDES
   -------------------------------------------------------------------------- */

/* 
   Paragraphs: Increased readability.
   Using 1.125rem (18px) for body text which is modern and readable 
   without breaking layouts.
*/
p {
    font-size: 1.125rem !important;
    /* 18px */
    line-height: 1.75 !important;
    margin-bottom: 1.5rem;
}

/* 
   Section Taglines (The small uppercase text above main titles).
   Increasing this specifically as requested. 
*/
span.uppercase.tracking-widest {
    font-size: 1rem !important;
    /* Increased to ~16px for visibility */
    letter-spacing: 0.15em !important;
    font-weight: 800 !important;
    margin-bottom: 1rem !important;
    display: block !important;
}

/*
   HEADINGS: Reverted to default styling/Tailwind classes.
   We removed the global H1/H2 overrides so the specific page designs 
   control the size again (allowing "text-5xl" etc. to work as intended).
*/

/* Mobile Typography Adjustments */
@media (max-width: 768px) {
    p {
        font-size: 1.05rem !important;
    }

    span.uppercase.tracking-widest {
        font-size: 0.9rem !important;
    }
}

/* Footer & Nav - Keep these standard sized to prevent breaking UI */
footer p,
footer .text-sm,
nav p {
    font-size: 0.95rem !important;
    margin-bottom: 0.5rem;
}