/*
Theme Name: Maha Nokri
Theme URI: https://mahanokri.com
Author: Maha Nokri Team
Author URI: https://mahanokri.com
Description: A modern, fast, SEO-optimized job portal theme for Government & Private job listings. Features custom post types, taxonomies, JobPosting schema, and automation support.
Version: 1.1.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: maha-nokri
Tags: job-portal, government-jobs, custom-post-types, seo-optimized, mobile-first

Maha Nokri — महा नोकरी Job Portal Theme
*/

/* ═══════════════════════════════════════════ */
/* CSS CUSTOM PROPERTIES                       */
/* ═══════════════════════════════════════════ */
:root {
    --primary-50: #eff6ff;
    --primary-100: #dbeafe;
    --primary-200: #bfdbfe;
    --primary-300: #93c5fd;
    --primary-400: #60a5fa;
    --primary-500: #3b82f6;
    --primary-600: #2563eb;
    --primary-700: #1d4ed8;
    --primary-800: #1e40af;
    --primary-900: #1e3a8a;
    --accent: #f59e0b;
    --dark: #0f172a;
    --slate-50: #f8fafc;
    --slate-100: #f1f5f9;
    --slate-200: #e2e8f0;
    --slate-400: #94a3b8;
    --slate-500: #64748b;
    --slate-600: #475569;
    --slate-700: #334155;
    --slate-800: #1e293b;
    --radius: 1rem;
    --shadow-sm: 0 1px 2px rgba(0,0,0,0.05);
    --shadow-md: 0 4px 6px rgba(0,0,0,0.07);
    --shadow-lg: 0 10px 15px rgba(0,0,0,0.1);
}

/* ═══════════════════════════════════════════ */
/* TICKER                                      */
/* ═══════════════════════════════════════════ */
@keyframes ticker {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}
.ticker-wrap { overflow: hidden; }
.ticker-content {
    display: flex;
    white-space: nowrap;
    animation: ticker 30s linear infinite;
}
.ticker-content:hover { animation-play-state: paused; }

/* ═══════════════════════════════════════════ */
/* CARD EFFECTS                                */
/* ═══════════════════════════════════════════ */
.job-card { transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); backface-visibility: hidden; transform: translateZ(0); -webkit-font-smoothing: subpixel-antialiased; }
.job-card:hover { transform: translateY(-6px); box-shadow: 0 20px 40px rgba(30, 64, 175, 0.15); }
.cat-card { transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); backface-visibility: hidden; transform: translateZ(0); -webkit-font-smoothing: subpixel-antialiased; }
.cat-card:hover { transform: translateY(-8px); box-shadow: 0 16px 32px rgba(30, 64, 175, 0.18); }

/* Prevent social icon shaking */
footer a, header button, .btn-shimmer, .nav-link { 
    backface-visibility: hidden; 
    transform: translateZ(0); 
    -webkit-font-smoothing: subpixel-antialiased;
    transition: all 0.3s ease;
}

/* ═══════════════════════════════════════════ */
/* SEARCH GLOW                                 */
/* ═══════════════════════════════════════════ */
.search-box:focus-within { box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.25); }

/* ═══════════════════════════════════════════ */
/* TOGGLE                                      */
/* ═══════════════════════════════════════════ */
.toggle-btn.active { background: var(--primary-800); color: #fff; border-color: var(--primary-800); }

/* ═══════════════════════════════════════════ */
/* BADGE PULSE                                 */
/* ═══════════════════════════════════════════ */
@keyframes pulse-badge { 0%, 100% { opacity: 1; } 50% { opacity: 0.7; } }
.badge-new { animation: pulse-badge 2s ease-in-out infinite; }

/* ═══════════════════════════════════════════ */
/* SHIMMER CTA                                 */
/* ═══════════════════════════════════════════ */
@keyframes shimmer { 0% { background-position: -200% 0; } 100% { background-position: 200% 0; } }
.btn-shimmer {
    background: linear-gradient(90deg, #1e40af 0%, #3b82f6 40%, #60a5fa 50%, #3b82f6 60%, #1e40af 100%);
    background-size: 200% 100%;
    animation: shimmer 3s ease-in-out infinite;
    will-change: background-position;
    transform: translateZ(0);
}

/* ═══════════════════════════════════════════ */
/* UTILITY OVERRIDES FOR WP                    */
/* ═══════════════════════════════════════════ */
html { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; }
img { max-width: 100%; height: auto; }
.sidebar-sticky { position: sticky; top: 5rem; }

/* WordPress alignment classes */
.alignleft { float: left; margin-right: 1.5rem; margin-bottom: 1rem; }
.alignright { float: right; margin-left: 1.5rem; margin-bottom: 1rem; }
.aligncenter { display: block; margin: 0 auto 1rem; }
.wp-caption { max-width: 100%; }
.wp-caption-text { font-size: 0.75rem; color: var(--slate-500); margin-top: 0.5rem; }

/* Screen reader text */
.screen-reader-text {
    clip: rect(1px,1px,1px,1px);
    position: absolute !important;
    height: 1px; width: 1px;
    overflow: hidden;
}