/*
Theme Name: Naukri Boost India Classifieds
Theme URI: https://github.com/naukriboost-india
Description: A highly professional, pixel-perfect and responsive Classified Ad Posting Theme designed for high conversion. Built-in custom post types for Classified Ads, dynamic filtering by categories/locations, and a beautiful user dashboard layout.
Version: 1.0.0
Author: Naukri Boost Developers & Full-Stack Web Designers
Author URI: https://naukriboost.in
Tags: classifieds, directory, responsive-layout, clean, modern, custom-colors, ads-posting
Text Domain: naukri-boost-classifieds
*/

/* --- Google Fonts Integration --- */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;900&family=Space+Grotesk:wght@500;700&family=JetBrains+Mono:wght@400;500;600&display=swap');

/* --- Root Theme Configuration --- */
:root {
    --primary-color: #1A365D;      /* Deep Royal Blue */
    --accent-color: #EA4335;       /* Post Ad / Highlights Red */
    --accent-hover: #d3362a;       /* Darker Red */
    --slate-dark: #0f172a;         /* High-contrast text slate */
    --bg-light: #f8fafc;           /* Main slate background */
    --vip-border: #f59e0b;         /* Gold color for VIP Ads */
    --font-sans: 'Inter', system-ui, sans-serif;
    --font-display: 'Space Grotesk', sans-serif;
    --font-mono: 'JetBrains Mono', monospace;
}

/* --- Base Typography & Reset --- */
html, body {
    margin: 0;
    padding: 0;
    font-family: var(--font-sans);
    background-color: var(--bg-light);
    color: var(--slate-dark);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    scroll-behavior: smooth;
    overflow-x: hidden;
}

/* --- Header Styling Overrides --- */
.naukri-header {
    font-family: var(--font-display);
}

/* --- Golden VIP Glow Animation --- */
@keyframes goldenGlow {
    0% {
        box-shadow: 0 0 5px rgba(245, 158, 11, 0.3), inset 0 0 5px rgba(245, 158, 11, 0.1);
    }
    50% {
        box-shadow: 0 0 15px rgba(245, 158, 11, 0.6), inset 0 0 10px rgba(245, 158, 11, 0.2);
    }
    100% {
        box-shadow: 0 0 5px rgba(245, 158, 11, 0.3), inset 0 0 5px rgba(245, 158, 11, 0.1);
    }
}

.vip-premium-card {
    border: 2px solid var(--vip-border);
    animation: goldenGlow 3s infinite ease-in-out;
    background: linear-gradient(180deg, #fffcf5 0%, #ffffff 100%);
}

.vip-badge-glow {
    background: linear-gradient(90deg, #f59e0b 0%, #fbbf24 50%, #f59e0b 100%);
    box-shadow: 0 2px 8px rgba(245, 158, 11, 0.4);
}

/* --- Core Theme Classes --- */
.text-display {
    font-family: var(--font-display);
}

.text-mono {
    font-family: var(--font-mono);
}

/* --- Responsive Layout Utilities --- */
@media (max-width: 768px) {
    /* Prevent zoom on text fields on iOS */
    input[type="text"], input[type="tel"], input[type="email"], select, textarea {
        font-size: 16px !important;
    }
    .container {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

/* Ensure images always scale down cleanly */
img {
    max-width: 100%;
    height: auto;
}

/* --- Custom WordPress Admin Bar Fit --- */
body.admin-bar .naukri-header-fixed {
    top: 32px;
}
@media (max-width: 782px) {
    body.admin-bar .naukri-header-fixed {
        top: 46px;
    }
}

/* --- Input Casing Reset (No Uppercase Lock) --- */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
input[type="number"],
textarea,
select,
input::placeholder,
textarea::placeholder {
    text-transform: none !important;
}