/*
Theme Name: TN Jobs World - Colorful Astra Child
Theme URI: https://tnjobsworld.com
Description: 100% Colorful Modern Template for TN Jobs World - Blue + Orange + Green. Auto Agent Compatible. Just Activate and your site becomes colorful.
Author: RK ProWorld
Template: astra
Version: 2.0
*/

/* TN JOBS WORLD - FULL COLORFUL DESIGN - NO SETUP NEEDED */

:root {
  --tn-blue: #1e3a8a;
  --tn-orange: #f59e0b;
  --tn-green: #10b981;
  --tn-light-blue: #dbeafe;
}

/* Header - Blue Gradient */
.ast-primary-header-bar, .site-header, #masthead {
  background: linear-gradient(90deg, #1e3a8a 0%, #3b82f6 100%) !important;
}
.site-branding .site-title, .site-branding .site-title a {
  color: #ffffff !important;
  font-weight: 900 !important;
  font-size: 28px !important;
}
.site-description {
  color: #fde68a !important;
}

/* Navigation Colorful */
.main-header-menu .menu-item a {
  color: white !important;
  font-weight: 600 !important;
  border-radius: 8px;
  padding: 8px 14px !important;
}
.main-header-menu .menu-item:nth-child(1) a { background: #1e3a8a; }
.main-header-menu .menu-item:nth-child(2) a { background: #f59e0b; color: #000 !important; }
.main-header-menu .menu-item:nth-child(3) a { background: #10b981; }
.main-header-menu .menu-item:nth-child(4) a { background: #ef4444; }
.main-header-menu .menu-item:nth-child(5) a { background: #8b5cf6; }

/* Posts as Colorful Cards */
.ast-article-post, .blog-layout-1 .post, article.post {
  background: linear-gradient(135deg, #ffffff 0%, #eff6ff 100%) !important;
  border-radius: 20px !important;
  border-left: 6px solid #f59e0b !important;
  border-top: 1px solid #dbeafe !important;
  box-shadow: 0 10px 30px rgba(30,58,138,0.12) !important;
  padding: 25px !important;
  margin-bottom: 25px !important;
  transition: all 0.3s ease !important;
}
.ast-article-post:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 20px 40px rgba(30,58,138,0.2) !important;
  border-left-color: #10b981 !important;
}
.ast-article-post:nth-child(2n) { border-left-color: #1e3a8a !important; }
.ast-article-post:nth-child(3n) { border-left-color: #10b981 !important; }
.ast-article-post:nth-child(4n) { border-left-color: #ef4444 !important; }

.entry-title, .entry-title a {
  color: #1e3a8a !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
}

/* Buttons Colorful */
.ast-button, .wp-block-button__link, .read-more, .ast-blog-single-element.ast-read-more a {
  background: linear-gradient(90deg, #f59e0b 0%, #f97316 100%) !important;
  color: #000 !important;
  font-weight: 800 !important;
  border-radius: 50px !important;
  padding: 12px 28px !important;
  border: none !important;
}

/* AI Agent Live Banner - Auto Show */
.site-content:before {
  content: "🤖 AI Agent Live - இன்று 5 புது வேலைகள் சேர்க்கப்பட்டன! | TN Jobs World Auto Updating...";
  display: block;
  background: linear-gradient(90deg, #10b981 0%, #059669 100%);
  color: white;
  text-align: center;
  padding: 12px;
  border-radius: 12px;
  margin-bottom: 20px;
  font-weight: 700;
  animation: pulse 2s infinite;
}

@keyframes pulse {
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}

/* Sidebar Colorful */
.widget {
  background: white !important;
  border-radius: 16px !important;
  padding: 20px !important;
  box-shadow: 0 4px 15px rgba(0,0,0,0.08) !important;
  border-top: 4px solid #f59e0b !important;
}
.widget-title {
  color: #1e3a8a !important;
  font-weight: 800 !important;
  border-bottom: 3px solid #f59e0b;
  padding-bottom: 10px;
}

/* Footer Blue */
.site-footer, .footer-adv {
  background: linear-gradient(135deg, #1e293b 0%, #1e3a8a 100%) !important;
  color: white !important;
}