/*
Theme Name: New MF Driving Center Chakwal
Theme URI: https://newmfdrivingcenterchakwal.com/
Author: ZA Forge
Author URI: https://newmfdrivingcenterchakwal.com/
Description: A modern, high-converting, fully responsive WordPress theme specially crafted for New MF Driving Center Chakwal. Features interactive course fee calculator, DLIMS Punjab Traffic Police mock test engine, online admission slip generator, and full bilingual (English & Urdu) support.
Version: 2.0.0
Requires at least: 5.8
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: new-mf-driving-center
Tags: driving-school, education, responsive, custom-colors, custom-menu, featured-images, translation-ready
*/

/* New MF Driving Center Chakwal - Advanced Theme Stylesheet */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Noto+Sans+Arabic:wght@400;600;700;800&display=swap');

:root {
  --primary: #F12D25;
  --primary-hover: #D71D15;
  --primary-light: #FEE2E2;
  --secondary: #0F172A;
  --secondary-light: #1E293B;
  --accent: #EAB308;
  --accent-hover: #CA8A04;
  --surface: #FFFFFF;
  --surface-alt: #F8FAFC;
  --text-main: #0F172A;
  --text-muted: #64748B;
  --border: #E2E8F0;
  --success: #10B981;
  --card-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05), 0 8px 10px -6px rgba(0, 0, 0, 0.04);
  --hover-shadow: 0 20px 35px -5px rgba(241, 45, 37, 0.12), 0 10px 15px -5px rgba(0, 0, 0, 0.08);
}

.dark {
  --surface: #0B1120;
  --surface-alt: #0F172A;
  --text-main: #F8FAFC;
  --text-muted: #94A3B8;
  --border: #1E293B;
  --card-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.3);
  --hover-shadow: 0 20px 35px -5px rgba(241, 45, 37, 0.25);
}

body {
  font-family: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
  color: var(--text-main);
  background-color: var(--surface);
  transition: background-color 0.3s ease, color 0.3s ease;
  overflow-x: hidden;
}

[lang="ur"], .font-urdu {
  font-family: 'Noto Sans Arabic', 'Plus Jakarta Sans', system-ui, sans-serif;
  direction: rtl;
}

/* Glassmorphism Navigation */
.nav-glass {
  background: rgba(255, 255, 255, 0.88);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-bottom: 1px solid rgba(226, 232, 240, 0.8);
}
.dark .nav-glass {
  background: rgba(11, 17, 32, 0.9);
  border-bottom: 1px solid rgba(30, 41, 59, 0.8);
}

/* Gradients */
.gradient-primary {
  background: linear-gradient(135deg, #F12D25 0%, #D71D15 100%);
}
.gradient-dark {
  background: linear-gradient(135deg, #0F172A 0%, #020617 100%);
}
.gradient-card-red {
  background: linear-gradient(145deg, #ffffff 0%, #fff5f5 100%);
}
.dark .gradient-card-red {
  background: linear-gradient(145deg, #131d31 0%, #0f172a 100%);
}

/* Glow effects */
.glow-red {
  box-shadow: 0 0 35px rgba(241, 45, 37, 0.35);
}

/* Animations */
@keyframes pulseBadge {
  0%, 100% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.05); opacity: 0.9; }
}
.pulse-badge {
  animation: pulseBadge 2.2s infinite ease-in-out;
}

@keyframes floatGentle {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-8px); }
}
.float-card {
  animation: floatGentle 4s ease-in-out infinite;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 9px;
}
::-webkit-scrollbar-track {
  background: #f1f5f9;
}
.dark ::-webkit-scrollbar-track {
  background: #0f172a;
}
::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 9999px;
}
.dark ::-webkit-scrollbar-thumb {
  background: #334155;
}
::-webkit-scrollbar-thumb:hover {
  background: #F12D25;
}

/* Card Transitions */
.wp-card {
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
  border: 1px solid var(--border);
  background-color: var(--surface);
}
.wp-card:hover {
  transform: translateY(-6px);
  box-shadow: var(--hover-shadow);
  border-color: rgba(241, 45, 37, 0.3);
}

/* Traffic Sign Badges */
.sign-circle {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  border: 5px solid #F12D25;
  background: white;
  color: #0F172A;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.sign-triangle {
  width: 74px;
  height: 64px;
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  background: #F12D25;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px;
}
.sign-triangle-inner {
  width: 82%;
  height: 82%;
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  background: white;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Print Styling for Admission Slip */
@media print {
  body * {
    visibility: hidden;
  }
  #admissionSlip, #admissionSlip * {
    visibility: visible;
  }
  #admissionSlip {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    margin: 0;
    padding: 20px;
    background: white !important;
    color: black !important;
  }
  .no-print {
    display: none !important;
  }
}


/* ==========================================================
   CRITICAL WORDPRESS OVERRIDES (FIXES LOGO & NAV BULLETS)
========================================================== */

/* 1. RESTRICT WORDPRESS CUSTOM LOGO SIZE */
.custom-logo-link,
.theme-custom-logo-wrap,
a.custom-logo-link {
  display: flex !important;
  align-items: center !important;
  max-height: 54px !important;
  max-width: 280px !important;
  overflow: hidden !important;
}

.custom-logo,
.custom-logo-link img,
.theme-custom-logo-wrap img,
header img.custom-logo,
header a img {
  max-height: 50px !important;
  height: 50px !important;
  width: auto !important;
  max-width: 260px !important;
  object-fit: contain !important;
  display: block !important;
}

/* 2. REMOVE BULLETS AND FORMAT WORDPRESS NAVIGATION MENUS */
header nav ul,
header nav .menu,
header nav div[class*="menu-"] ul,
.nav-menu-wrapper ul {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  list-style: none !important;
  list-style-type: none !important;
  padding: 0 !important;
  margin: 0 !important;
  gap: 1.5rem !important;
}

header nav ul li,
header nav .menu li,
header nav div[class*="menu-"] ul li,
.nav-menu-wrapper ul li {
  list-style: none !important;
  list-style-type: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
}

header nav ul li::before,
header nav ul li::after,
header nav ul li::marker,
header nav .menu li::before,
header nav .menu li::after,
header nav .menu li::marker {
  content: none !important;
  display: none !important;
  list-style-type: none !important;
}

header nav ul li a,
header nav .menu li a,
header nav div[class*="menu-"] ul li a {
  display: inline-block !important;
  font-size: 0.875rem !important;
  font-weight: 700 !important;
  color: #334155 !important;
  text-decoration: none !important;
  padding: 0.4rem 0.2rem !important;
  transition: color 0.2s ease !important;
  white-space: nowrap !important;
}

.dark header nav ul li a,
.dark header nav .menu li a,
.dark header nav div[class*="menu-"] ul li a {
  color: #e2e8f0 !important;
}

header nav ul li a:hover,
header nav .menu li a:hover,
header nav ul li.current-menu-item > a,
header nav .menu li.current-menu-item > a {
  color: #F12D25 !important;
}