/*
Theme Name: NepalScan
Theme URI: https://nepalscan.com/
Author: NepalScan Team
Author URI: https://nepalscan.com/
Description: A professional, responsive WordPress theme for news portals, inspired by NepalLead.com and 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: nepalscan
*/

/* 
Note: This theme uses Tailwind CSS via CDN for development. 
In a production environment, it's recommended to compile Tailwind CSS for performance.
*/

 :root {
     /* Modern Color Palette */
     --primary-50: #fef2f2;
     --primary-100: #fee2e2;
     --primary-500: #ef4444;
     --primary-600: #dc2626;
     --primary-700: #b91c1c;
     --primary-800: #991b1b;

     /* Gradients */
     --gradient-primary: linear-gradient(135deg, #ef4444 0%, #dc2626 50%, #b91c1c 100%);
     --gradient-dark: linear-gradient(135deg, #1f2937 0%, #111827 100%);
     --gradient-light: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);

     /* Shadows */
     --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1);
     --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.1);
     --shadow-lg: 0 10px 30px rgba(0, 0, 0, 0.15);
     --shadow-xl: 0 20px 50px rgba(0, 0, 0, 0.2);

     /* Animation */
     --transition-fast: 200ms cubic-bezier(0.4, 0, 0.2, 1);
     --transition-base: 300ms cubic-bezier(0.4, 0, 0.2, 1);
     --transition-slow: 500ms cubic-bezier(0.4, 0, 0.2, 1);
 }

 * {
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
 }

 body {
     font-family: 'Mukta', sans-serif;
     scroll-behavior: smooth;
 }

 /* Enhanced animations */
 .tabs button {
     transition: all var(--transition-base);
 }

 .tabs .active-indicator {
     transition: all var(--transition-base);
 }

 .no-scrollbar::-webkit-scrollbar {
     display: none;
 }

 .no-scrollbar {
     -ms-overflow-style: none;
     scrollbar-width: none;
 }

 .snap-x-mandatory {
     scroll-snap-type: x mandatory;
 }

 .snap-start {
     scroll-snap-align: start;
 }

 .caps {
     font-feature-settings: "case" 1;
 }

 .container-custom {
     max-width: 1280px;
     margin: 0 auto;
     padding: 0 1rem;
 }

 /* Modern gradient text */
 .logo-gradient {
     background: var(--gradient-primary);
     background-clip: text;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
 }

 .scrollbar-hide {
     scrollbar-width: none;
     -ms-overflow-style: none;
 }

 .scrollbar-hide::-webkit-scrollbar {
     display: none;
 }

 /* Enhanced dropdown with glassmorphism */
 .nav-item {
     position: relative;
 }

 .dropdown-menu {
     position: absolute;
     top: 100%;
     left: 0;
     background: rgba(255, 255, 255, 0.98);
     backdrop-filter: blur(12px);
     min-width: 220px;
     box-shadow: var(--shadow-lg);
     opacity: 0;
     visibility: hidden;
     transform: translateY(-10px);
     transition: all var(--transition-base);
     z-index: 1000;
     border-top: 3px solid var(--primary-600);
     border-radius: 0 0 8px 8px;
 }

 .nav-item:hover .dropdown-menu {
     opacity: 1;
     visibility: visible;
     transform: translateY(0);
 }

 .dropdown-menu a {
     display: block;
     padding: 12px 20px;
     color: #374151;
     text-decoration: none;
     font-size: 14px;
     border-bottom: 1px solid #f3f4f6;
     transition: all var(--transition-fast);
 }

 .dropdown-menu a:last-child {
     border-bottom: none;
 }

 .dropdown-menu a:hover {
     background: linear-gradient(90deg, #fef2f2 0%, transparent 100%);
     color: var(--primary-600);
     padding-left: 25px;
     transform: translateX(2px);
 }

 /* Premium card styles */
 .card-premium {
     background: white;
     border-radius: 12px;
     box-shadow: var(--shadow-sm);
     transition: all var(--transition-base);
     overflow: hidden;
 }

 .card-premium:hover {
     box-shadow: var(--shadow-lg);
     transform: translateY(-4px);
 }

 /* Glassmorphism effect */
 .glass {
     background: rgba(255, 255, 255, 0.1);
     backdrop-filter: blur(10px);
     border: 1px solid rgba(255, 255, 255, 0.2);
 }

 /* Pulse animation */
 @keyframes pulse-glow {

     0%,
     100% {
         opacity: 1;
         transform: scale(1);
     }

     50% {
         opacity: 0.8;
         transform: scale(1.05);
     }
 }

 .animate-pulse-glow {
     animation: pulse-glow 2s ease-in-out infinite;
 }

 /* Smooth image zoom */
 .image-zoom {
     transition: transform var(--transition-slow);
 }

 .image-zoom:hover {
     transform: scale(1.1);
 }

 /* Gradient border */
 .gradient-border {
     position: relative;
     background: white;
 }

 .gradient-border::before {
     content: '';
     position: absolute;
     inset: 0;
     border-radius: inherit;
     padding: 2px;
     background: var(--gradient-primary);
     -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
     mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
     -webkit-mask-composite: xor;
     mask-composite: exclude;
 }


 .card-hover {
     transition: all var(--transition-base);
 }

 .card-hover:hover {
     transform: translateY(-4px);
     box-shadow: var(--shadow-lg);
 }


 .article-content p {
     margin-bottom: 1.2em;
     line-height: 1.8;
     color: #374151;
     font-size: 1.05rem;
 }

 .article-content h2 {
     font-size: 1.5rem;
     font-weight: 700;
     margin: 1.5em 0 0.8em;
     color: #1f2937;
 }

 .share-btn {
     transition: all 0.2s;
 }

 .share-btn:hover {
     transform: translateY(-2px);
 }