/*
Theme Name: SRE Lifttech Industrial Theme
Theme URI: https://srelifttech.com/
Author: SRE Lifttech Team
Author URI: https://srelifttech.com/
Description: A modern, high-performance, and SEO-optimized industrial theme for SRE Lifttech Pvt LTD, manufacturer of hydraulic goods lifts, scissor lifts, and warehouse handling equipment. Built with Tailwind CSS.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sre-lifttech-theme
*/

/* Custom global overrides */
html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Inter', system-ui, sans-serif;
  background-color: #f8fafc;
  color: #0f172a;
}

.hover-lift {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.hover-lift:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
}

/* WordPress Navigation Menu Styling */
nav ul {
  list-style: none !important;
  list-style-type: none !important;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 2rem; /* gap-8 */
}

nav ul li,
nav li {
  list-style: none !important;
  list-style-type: none !important;
  margin: 0;
  padding: 0;
}

nav ul li a,
nav li a {
  font-size: 0.875rem; /* text-sm */
  font-weight: 600; /* font-semibold */
  letter-spacing: 0.025em; /* tracking-wide */
  color: #475569; /* text-slate-600 */
  transition: color 0.15s ease-in-out;
  text-decoration: none;
}

nav ul li a:hover,
nav li a:hover {
  color: #ea580c; /* hover:text-primary */
}

/* Mobile Dynamic Menu Styling */
#mobile-menu-panel ul {
  list-style: none !important;
  list-style-type: none !important;
  margin: 0;
  padding: 0;
}

#mobile-menu-panel ul li {
  list-style: none !important;
  list-style-type: none !important;
  margin: 0;
  padding: 0;
}

#mobile-menu-panel ul li a {
  display: block;
  border-radius: 0.5rem; /* rounded-lg */
  padding: 0.75rem 1rem; /* px-4 py-3 */
  font-size: 1rem; /* text-base */
  font-weight: 600; /* font-semibold */
  color: #334155; /* text-slate-700 */
  transition: background-color 0.15s ease-in-out;
  text-decoration: none;
}

#mobile-menu-panel ul li a:hover {
  background-color: #f8fafc; /* hover:bg-slate-50 */
}