/*
Theme Name: JobAssam
Theme URI: https://jobassam.in/
Author: JobAssam Team
Author URI: https://jobassam.in/
Description: A modern, responsive WordPress theme for job portals, exam results, admit cards, admissions and scholarships. Built for JobAssam-style news/portal sites. Uses Tailwind CDN, category-driven homepage widgets, auto-rotating Discover More slider, sticky sidebar with WhatsApp CTA and Online Tools card, three-column post feed, and a modern post layout.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: jobassam
Tags: news, blog, custom-menu, featured-images, threaded-comments, translation-ready, right-sidebar, education, portfolio
*/

/* Base theme styles (Tailwind supplies most utilities via CDN). This file exists so WordPress recognises the theme and to hold minor overrides. */

html { scroll-behavior: smooth; }
body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; background: #f9fafb; color: #111827; -webkit-font-smoothing: antialiased; }

/* Line clamp helper */
.line-clamp-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

/* Focus visible */
*:focus-visible { outline: 2px solid #2563eb; outline-offset: 2px; }

/* Scrollbar */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #f1f5f9; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 6px; }
::-webkit-scrollbar-thumb:hover { background: #94a3b8; }

/* Post content prose */
.ja-prose h2 { font-size: 1.25rem; font-weight: 700; color: #111827; margin: 1.5rem 0 .5rem; padding-bottom: .25rem; border-bottom: 1px solid #f3f4f6; }
.ja-prose h3 { font-size: 1.1rem; font-weight: 700; color: #111827; margin: 1.25rem 0 .5rem; }
.ja-prose p { color: #374151; line-height: 1.7; margin: .75rem 0; font-size: 15px; }
.ja-prose ul { padding-left: 1.25rem; margin: .5rem 0; }
.ja-prose ul li { position: relative; padding-left: .25rem; margin: .35rem 0; color: #374151; font-size: 15px; }
.ja-prose ul li::marker { color: #3b82f6; }
.ja-prose ol { padding-left: 1.25rem; margin: .5rem 0; list-style: decimal; }
.ja-prose a { color: #2563eb; text-decoration: underline; }
.ja-prose a:hover { color: #1d4ed8; }
.ja-prose blockquote { border-left: 4px solid #3b82f6; padding: .5rem 1rem; background: #eff6ff; color: #1e3a8a; margin: 1rem 0; font-style: italic; border-radius: 0 6px 6px 0; }
.ja-prose table { width: 100%; border-collapse: collapse; margin: 1rem 0; font-size: 14px; }
.ja-prose table th, .ja-prose table td { border: 1px solid #e5e7eb; padding: .55rem .75rem; text-align: left; color: #374151; }
.ja-prose table th { background: #f9fafb; font-weight: 600; color: #111827; }
.ja-prose table tr:nth-child(even) td { background: #fafafa; }
.ja-prose img { max-width: 100%; height: auto; border-radius: 8px; margin: 1rem 0; }
.ja-prose code { background: #f3f4f6; padding: .1rem .35rem; border-radius: 4px; font-size: .9em; }

/* Slider */
.ja-slider-track { display: flex; transition: transform .5s ease; }
.ja-slider-slide { flex: 0 0 100%; }
.ja-dot { width: 6px; height: 6px; border-radius: 999px; background: #d1d5db; transition: all .2s ease; border: none; cursor: pointer; padding: 0; }
.ja-dot.active { background: #2563eb; width: 24px; }

/* Comments */
.commentlist { list-style: none; padding: 0; margin: 0; }
.commentlist li { border: 1px solid #e5e7eb; border-radius: 8px; padding: 1rem; margin-bottom: 1rem; background: #fff; }
.commentlist .children { list-style: none; padding-left: 1rem; margin-top: 1rem; }
.comment-meta { font-size: 13px; color: #6b7280; margin-bottom: .5rem; }
.comment-author { font-weight: 600; color: #111827; }