/* Daily Job Alert - Main Stylesheet v4 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;600;700&family=Baloo+2:wght@700;800&display=swap');

/* BASE */
body { font-family:'Noto Sans',sans-serif!important; background:#eef2f7!important; color:#1a2535!important; }
#dja-page { background:#eef2f7; }
#dja-page * { box-sizing:border-box; }
#dja-page a { text-decoration:none; }

/* HEADER */
.site-header { background:linear-gradient(135deg,#0b3d5e,#1a5276)!important; box-shadow:0 3px 14px rgba(0,0,0,.4)!important; padding:0!important; }
.inside-header { padding:14px 20px!important; }
.main-title a,.site-title a { font-family:'Baloo 2',cursive!important; font-size:24px!important; font-weight:800!important; color:#fff!important; text-decoration:none!important; }
.site-description { color:#aed6f1!important; font-size:11px!important; text-transform:uppercase!important; letter-spacing:1px!important; }
.menu-toggle { background:rgba(255,255,255,.15)!important; border:1.5px solid rgba(255,255,255,.3)!important; color:#fff!important; border-radius:8px!important; }
.nav-primary,.main-navigation { background:rgba(0,0,0,.28)!important; border-top:1px solid rgba(255,255,255,.12)!important; }
.inside-navigation { padding:0 12px!important; }
.nav-primary ul li a,.main-navigation ul li a { color:#d6eaf8!important; font-size:12px!important; font-weight:700!important; text-transform:uppercase!important; padding:12px 14px!important; border-bottom:3px solid transparent!important; transition:all .2s!important; text-decoration:none!important; }
.nav-primary ul li a:hover,.nav-primary ul li.current-menu-item>a { color:#f39c12!important; border-bottom-color:#f39c12!important; background:rgba(255,255,255,.06)!important; }
.nav-primary ul ul { background:#0d4a75!important; box-shadow:0 6px 20px rgba(0,0,0,.3)!important; }

/* TICKER */
#dja-ticker { background:#c0392b; display:flex; align-items:stretch; overflow:hidden; height:34px; }
#dja-ticker .tlabel { background:#962d22; color:#fff; padding:0 14px; font-size:10px; font-weight:800; letter-spacing:1px; display:flex; align-items:center; flex-shrink:0; text-transform:uppercase; font-family:'Noto Sans',sans-serif; }
#dja-ticker .twrap { flex:1; overflow:hidden; display:flex; align-items:center; }
#dja-ticker .tinner { white-space:nowrap; animation:djaScroll 40s linear infinite; padding-left:100%; display:inline-block; font-size:12px; color:#fff; font-weight:600; font-family:'Noto Sans',sans-serif; }
#dja-ticker .tinner a { color:#fff!important; margin-right:10px; text-decoration:none!important; }
@keyframes djaScroll { 0%{transform:translateX(0)} 100%{transform:translateX(-100%)} }

/* HERO */
#dja-hero { background:linear-gradient(160deg,#0b3d5e,#104e78); padding:26px 20px 22px; text-align:center; }
#dja-hero h1 { font-family:'Baloo 2',cursive; font-size:24px; font-weight:800; color:#fff; margin-bottom:6px; line-height:1.3; }
#dja-hero p { color:#90c4e0; font-size:13px; margin-bottom:18px; }
.dja-sform { display:flex; max-width:540px; margin:0 auto 16px; border-radius:10px; overflow:hidden; box-shadow:0 4px 20px rgba(0,0,0,.35); }
.dja-sform input { flex:1!important; border:none!important; padding:13px 16px!important; font-size:14px!important; font-family:'Noto Sans',sans-serif!important; outline:none!important; background:#fff!important; color:#1a2535!important; border-radius:0!important; }
.dja-sform button { background:#f39c12!important; border:none!important; padding:13px 20px!important; color:#fff!important; font-weight:700!important; font-size:14px!important; cursor:pointer!important; font-family:'Noto Sans',sans-serif!important; white-space:nowrap!important; transition:background .2s!important; }
.dja-sform button:hover { background:#e67e22!important; }
.dja-qlinks { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; }
.dja-qlinks a { background:rgba(255,255,255,.13); color:#c8e3f0!important; padding:6px 14px; border-radius:20px; font-size:12px; font-weight:600; border:1px solid rgba(255,255,255,.22); transition:all .2s; text-decoration:none!important; }
.dja-qlinks a:hover { background:#f39c12; color:#fff!important; border-color:#f39c12; }

/* LAYOUT */
.dja-wrap { max-width:1080px; margin:0 auto; padding:18px 16px; }
.dja-grid { display:grid; grid-template-columns:1fr 300px; gap:20px; }
@media(max-width:768px){ .dja-grid{grid-template-columns:1fr;} }

/* SECTION HEADER */
.dja-sec-head { display:flex; align-items:center; justify-content:space-between; margin-bottom:14px; }
.dja-sec-title { font-family:'Baloo 2',cursive; font-size:17px; font-weight:700; color:#0b3d5e; display:flex; align-items:center; gap:8px; }
.dja-sec-title::before { content:''; width:4px; height:20px; background:#f39c12; border-radius:3px; display:inline-block; }
.dja-viewall { font-size:11px; color:#1a5276; font-weight:700; background:#e8f4fd; padding:5px 12px; border-radius:6px; border:1px solid #b8d8f0; text-decoration:none!important; transition:all .2s; }
.dja-viewall:hover { background:#0b3d5e; color:#fff!important; }

/* CARDS */
.dja-card { background:#fff; border-radius:14px; border:1.5px solid #d0e8f5; margin-bottom:14px; overflow:hidden; transition:transform .25s,box-shadow .25s,border-color .25s; position:relative; }
.dja-card::before { content:''; position:absolute; top:0;left:0;right:0; height:3px; background:linear-gradient(90deg,#0b3d5e,#f39c12); }
.dja-card:hover { border-color:#1a5276; box-shadow:0 8px 28px rgba(26,82,118,.14); transform:translateY(-2px); }
.dja-card-img img { width:100%; height:195px; object-fit:cover; object-position:center top; display:block; border-radius:13px 13px 0 0; }
.dja-card-body { display:flex; gap:12px; align-items:flex-start; padding:14px 16px 8px; }
.dja-cicon { width:42px; height:42px; border-radius:10px; display:flex; align-items:center; justify-content:center; font-size:20px; flex-shrink:0; background:#eaf4fd; }
.dja-cinfo { flex:1; }
.dja-ctitle { font-size:15px; font-weight:700; color:#1a2535!important; line-height:1.45; margin-bottom:7px; display:block; text-decoration:none!important; transition:color .2s; }
.dja-ctitle:hover { color:#0b3d5e!important; }
.dja-new { display:inline-block; background:#e74c3c; color:#fff; font-size:9px; font-weight:800; padding:2px 6px; border-radius:4px; vertical-align:middle; margin-left:5px; animation:dpulse 2s infinite; }
@keyframes dpulse{0%,100%{opacity:1}50%{opacity:.6}}
.dja-ctags { display:flex; flex-wrap:wrap; gap:5px; margin-bottom:7px; }
.dja-tag { font-size:10px; font-weight:700; padding:2px 8px; border-radius:4px; }
.tag-blue   { background:#eaf4fd; color:#0b3d5e; }
.tag-green  { background:#eafaf1; color:#1a7a45; }
.tag-orange { background:#fef5e7; color:#c47b0d; }
.tag-red    { background:#fdedec; color:#c0392b; }
.tag-purple { background:#f4ecfd; color:#6c3483; }
.dja-cexcerpt { font-size:12px; color:#7f8c8d; line-height:1.6; }
.dja-cfoot { display:flex; align-items:center; justify-content:space-between; padding:9px 16px 12px; border-top:1px solid #eaf4fd; margin-top:4px; }
.dja-cdate { font-size:11px; color:#95a5a6; font-weight:600; }
.dja-rbtn { background:linear-gradient(135deg,#0b3d5e,#1a5276); color:#fff!important; font-size:11px; font-weight:700; padding:6px 16px; border-radius:20px; text-decoration:none!important; transition:all .2s; }
.dja-rbtn:hover { background:linear-gradient(135deg,#f39c12,#e67e22)!important; }

/* SIDEBAR */
.dja-scard { background:#fff; border-radius:14px; border:1.5px solid #d0e8f5; padding:16px 18px; margin-bottom:16px; position:relative; overflow:hidden; box-shadow:0 2px 10px rgba(26,82,118,.06); }
.dja-scard::before { content:''; position:absolute; top:0;left:0;right:0; height:3px; background:linear-gradient(90deg,#0b3d5e,#f39c12); }
.dja-stitle { font-family:'Baloo 2',cursive; font-size:15px; font-weight:700; color:#0b3d5e; margin-bottom:12px; padding-bottom:9px; border-bottom:1px solid #eaf4fd; margin-top:4px; }

/* Search in sidebar */
.dja-sbox { display:flex; border-radius:9px; overflow:hidden; box-shadow:0 2px 8px rgba(26,82,118,.1); }
.dja-sbox input { flex:1; border:none; padding:10px 12px; font-size:13px; outline:none; background:#f4f9fd; font-family:'Noto Sans',sans-serif; }
.dja-sbox button { background:#0b3d5e; color:#fff; border:none; padding:10px 14px; font-weight:700; cursor:pointer; font-family:'Noto Sans',sans-serif; transition:background .2s; }
.dja-sbox button:hover { background:#f39c12; }

/* Category list */
.dja-catlist { list-style:none!important; padding:0!important; margin:0!important; }
.dja-catlist li { display:flex; align-items:center; justify-content:space-between; padding:8px 0; border-bottom:1px dashed #e8f4fd; }
.dja-catlist li:last-child { border-bottom:none; }
.dja-catlist li a { display:flex; align-items:center; gap:7px; color:#2c3e50!important; font-size:13px; font-weight:600; text-decoration:none!important; transition:color .2s; }
.dja-catlist li a:hover { color:#0b3d5e!important; }
.dja-ccount { background:#eaf4fd; color:#0b3d5e; font-size:10px; font-weight:700; padding:2px 8px; border-radius:12px; flex-shrink:0; }

/* Dates list */
.dja-datelist { list-style:none!important; padding:0!important; margin:0!important; }
.dja-datelist li { display:flex; gap:10px; align-items:flex-start; padding:8px 0; border-bottom:1px dashed #e8f4fd; }
.dja-datelist li:last-child { border-bottom:none; }
.dja-dbox { color:#fff; border-radius:8px; padding:6px 8px; text-align:center; min-width:42px; flex-shrink:0; line-height:1.2; }
.dja-dbox .dd { display:block; font-size:16px; font-weight:800; }
.dja-dbox .dm { display:block; font-size:9px; text-transform:uppercase; letter-spacing:.4px; opacity:.85; }
.dja-dinfo { flex:1; }
.dja-dinfo a { font-size:12px; font-weight:600; color:#2c3e50!important; line-height:1.4; text-decoration:none!important; display:block; }
.dja-dinfo a:hover { color:#0b3d5e!important; }
.dja-dinfo span { font-size:10px; color:#95a5a6; }

/* Alert box */
.dja-alert { background:linear-gradient(135deg,#0b3d5e,#1a5276); border-radius:14px; padding:18px; margin-bottom:16px; text-align:center; }
.dja-alert h4 { font-family:'Baloo 2',cursive; color:#fff; font-size:16px; font-weight:700; margin-bottom:5px; }
.dja-alert p { color:#90c4e0; font-size:12px; margin-bottom:14px; }
.dja-wa { display:block; background:#25d366; color:#fff!important; font-weight:700; font-size:13px; padding:11px; border-radius:9px; margin-bottom:8px; text-decoration:none!important; transition:opacity .2s; }
.dja-tg { display:block; background:#f39c12; color:#fff!important; font-weight:700; font-size:13px; padding:11px; border-radius:9px; text-decoration:none!important; transition:opacity .2s; }
.dja-wa:hover,.dja-tg:hover { opacity:.88; }

/* BLOG/ARCHIVE post cards */
.site-content,.content-area { background:#eef2f7!important; }
.separate-containers article.post,article.post { background:#fff!important; border-radius:12px!important; border:1.5px solid #d0e8f5!important; padding:0!important; margin-bottom:14px!important; overflow:hidden!important; box-shadow:0 2px 10px rgba(26,82,118,.07)!important; transition:transform .2s,box-shadow .2s!important; position:relative!important; }
.separate-containers article.post::before,article.post::before { content:''!important; position:absolute!important; top:0;left:0;right:0!important; height:3px!important; background:linear-gradient(90deg,#0b3d5e,#f39c12)!important; z-index:1!important; }
.separate-containers article.post:hover,article.post:hover { box-shadow:0 6px 22px rgba(26,82,118,.14)!important; transform:translateY(-2px)!important; border-color:#1a5276!important; }
.separate-containers .inside-article,.inside-article { padding:0!important; }
.post-image,.featured-image { margin:0!important; line-height:0!important; }
.post-image img,.featured-image img,.wp-post-image { width:100%!important; height:195px!important; object-fit:cover!important; object-position:center top!important; display:block!important; border-radius:12px 12px 0 0!important; margin:0!important; }
.entry-header { padding:14px 16px 4px!important; }
.entry-summary { padding:0 16px 4px!important; }
.entry-footer { padding:8px 16px 14px!important; border-top:1px solid #eaf4fd!important; display:flex!important; flex-wrap:wrap!important; gap:5px!important; align-items:center!important; }
.entry-title { font-size:16px!important; font-weight:700!important; line-height:1.45!important; margin:0 0 8px!important; }
.entry-title a { color:#1a2535!important; text-decoration:none!important; }
.entry-title a:hover { color:#0b3d5e!important; }
.entry-meta { font-size:11px!important; color:#95a5a6!important; margin-bottom:6px!important; }
.entry-meta .byline,.byline { display:none!important; }
.entry-meta .posted-on,.entry-meta time { background:#eaf4fd!important; color:#1a5276!important; padding:2px 9px!important; border-radius:20px!important; font-size:11px!important; font-weight:600!important; }
.entry-summary p { font-size:13px!important; color:#5d6d7e!important; line-height:1.65!important; margin:0!important; }
.cat-links a { background:#0b3d5e!important; color:#fff!important; padding:3px 9px!important; border-radius:20px!important; font-size:10px!important; font-weight:700!important; text-decoration:none!important; text-transform:uppercase!important; display:inline-block!important; margin:1px!important; }
.cat-links a:hover { background:#f39c12!important; }
.tags-links a { background:#eaf4fd!important; color:#1a5276!important; padding:3px 8px!important; border-radius:20px!important; font-size:10px!important; font-weight:600!important; border:1px solid #b8d8f0!important; text-decoration:none!important; display:inline-block!important; margin:1px!important; }
.tags-links a:hover { background:#1a5276!important; color:#fff!important; }
.more-link,a.more-link { display:inline-flex!important; align-items:center!important; background:linear-gradient(135deg,#0b3d5e,#1a5276)!important; color:#fff!important; padding:6px 16px!important; border-radius:20px!important; font-size:11px!important; font-weight:700!important; text-decoration:none!important; margin:6px 16px!important; }
.more-link:hover { background:linear-gradient(135deg,#f39c12,#e67e22)!important; color:#fff!important; }

/* SIDEBAR WIDGETS */
.widget-area { background:transparent!important; }
.widget { background:#fff!important; border:1.5px solid #d0e8f5!important; border-radius:14px!important; padding:16px 18px!important; margin-bottom:16px!important; box-shadow:0 2px 10px rgba(26,82,118,.06)!important; position:relative!important; overflow:hidden!important; }
.widget::before { content:''!important; position:absolute!important; top:0;left:0;right:0!important; height:3px!important; background:linear-gradient(90deg,#0b3d5e,#f39c12)!important; }
.widget-title,.widgettitle { font-family:'Baloo 2',cursive!important; font-size:15px!important; font-weight:700!important; color:#0b3d5e!important; border-bottom:1px solid #eaf4fd!important; padding-bottom:9px!important; margin:4px 0 12px!important; }
.widget ul { list-style:none!important; padding:0!important; margin:0!important; }
.widget ul li { border-bottom:1px dashed #e8f4fd!important; }
.widget ul li:last-child { border-bottom:none!important; }
.widget ul li a { display:flex!important; justify-content:space-between!important; align-items:center!important; padding:8px 2px!important; color:#2c3e50!important; font-size:13px!important; font-weight:500!important; text-decoration:none!important; }
.widget ul li a:hover { color:#0b3d5e!important; padding-left:6px!important; }
.search-form { display:flex!important; border-radius:9px!important; overflow:hidden!important; }
.search-form label { flex:1!important; }
.search-form .search-field { width:100%!important; border:none!important; padding:10px 12px!important; font-size:13px!important; background:#f4f9fd!important; outline:none!important; font-family:'Noto Sans',sans-serif!important; }
.search-form .search-submit { background:#0b3d5e!important; color:#fff!important; border:none!important; padding:10px 14px!important; font-weight:700!important; cursor:pointer!important; }
.search-form .search-submit:hover { background:#f39c12!important; }

/* SINGLE POST */
.entry-content { padding:0 18px 18px!important; }
.entry-content p { font-size:14px!important; line-height:1.8!important; color:#2c3e50!important; }
.entry-content h2 { font-family:'Baloo 2',cursive!important; font-size:19px!important; color:#0b3d5e!important; margin:22px 0 10px!important; padding-bottom:6px!important; border-bottom:2px solid #eaf4fd!important; }
.entry-content h3 { font-family:'Baloo 2',cursive!important; font-size:16px!important; color:#154360!important; margin:18px 0 8px!important; }
.entry-content table { width:100%!important; min-width:100%!important; border-collapse:collapse!important; margin:16px 0!important; font-size:13px!important; border-radius:10px!important; overflow:hidden!important; box-shadow:0 2px 10px rgba(0,0,0,.07)!important; display:table!important; }
.entry-content table th { background:#0b3d5e!important; color:#fff!important; padding:11px 14px!important; text-align:left!important; font-weight:700!important; white-space:normal!important; border:none!important; }
.entry-content table td { padding:10px 14px!important; border:none!important; border-bottom:1px solid #d5e8f5!important; color:#2c3e50!important; background:#fff!important; white-space:normal!important; word-break:break-word!important; }
.entry-content table tr:nth-child(even) td { background:#f4f9fd!important; }
.entry-content table tr:hover td { background:#eaf4fd!important; }
.entry-content table tr:last-child td { border-bottom:none!important; }
.wp-block-table,.entry-content figure.wp-block-table { width:100%!important; overflow-x:auto!important; margin:16px 0!important; }

/* PAGINATION */
.pagination,.page-numbers-nav { display:flex!important; justify-content:center!important; flex-wrap:wrap!important; gap:6px!important; margin:24px 0!important; }
.page-numbers { display:inline-flex!important; align-items:center!important; justify-content:center!important; min-width:38px!important; height:38px!important; padding:0 12px!important; border:1.5px solid #d0e8f5!important; border-radius:8px!important; background:#fff!important; color:#1a5276!important; font-size:13px!important; font-weight:700!important; text-decoration:none!important; transition:all .2s!important; }
.page-numbers:hover,.page-numbers.current { background:#0b3d5e!important; border-color:#0b3d5e!important; color:#fff!important; }

/* FOOTER */
.site-footer { background:#0b3d5e!important; color:#aed6f1!important; margin-top:24px!important; }
.inside-footer-widgets { background:#0d4a75!important; padding:24px 20px!important; }
.site-footer .widget { background:transparent!important; border:none!important; box-shadow:none!important; padding:0!important; }
.site-footer .widget::before { display:none!important; }
.site-footer .widget a { color:#aed6f1!important; }
.site-footer .widget a:hover { color:#f39c12!important; }
.site-info,.inside-site-info { background:#062a45!important; padding:14px 20px!important; color:#7fb3d3!important; font-size:12px!important; text-align:center!important; }
.site-info a { color:#f39c12!important; text-decoration:none!important; }

/* MOBILE */
@media(max-width:768px){
  #dja-hero h1{font-size:18px!important;}
  .dja-card-img img,.wp-post-image,.featured-image img,.post-image img{height:160px!important;}
  .entry-title{font-size:14px!important;}
  .entry-content table{display:block!important;overflow-x:auto!important;white-space:nowrap!important;}
}

/* SCROLLBAR */
::-webkit-scrollbar{width:5px}
::-webkit-scrollbar-track{background:#eef2f7}
::-webkit-scrollbar-thumb{background:#1a5276;border-radius:3px}
::-webkit-scrollbar-thumb:hover{background:#f39c12}

/* ===== ARCHIVE / CATEGORY PAGE ===== */
.dja-arch-header {
  display: flex;
  align-items: center;
  gap: 16px;
  background: linear-gradient(135deg, #0b3d5e, #1a5276);
  border-radius: 14px;
  padding: 22px 24px;
  margin-bottom: 20px;
}
.dja-arch-icon {
  font-size: 40px;
  flex-shrink: 0;
  width: 64px;
  height: 64px;
  background: rgba(255,255,255,.15);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dja-arch-text h1 {
  font-family: 'Baloo 2', cursive !important;
  font-size: 22px !important;
  font-weight: 800 !important;
  color: #fff !important;
  margin: 0 0 4px !important;
  line-height: 1.3 !important;
}
.dja-arch-text p {
  color: #aed6f1 !important;
  font-size: 13px !important;
  margin: 0 !important;
}

/* Active category in sidebar */
.dja-catlist li a[style] span { color: #0b3d5e !important; }

/* Pagination */
.dja-pagination { margin: 20px 0; }
.dja-pagination .page-numbers {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 38px !important;
  height: 38px !important;
  padding: 0 12px !important;
  border: 1.5px solid #d0e8f5 !important;
  border-radius: 8px !important;
  background: #fff !important;
  color: #1a5276 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  margin: 2px !important;
  transition: all .2s !important;
}
.dja-pagination .page-numbers:hover,
.dja-pagination .page-numbers.current {
  background: #0b3d5e !important;
  border-color: #0b3d5e !important;
  color: #fff !important;
}
.dja-pagination ul { list-style: none !important; padding: 0 !important; display: flex !important; flex-wrap: wrap !important; gap: 5px !important; }

@media(max-width:768px){
  .dja-arch-header { padding: 16px; gap: 12px; }
  .dja-arch-icon { width: 48px; height: 48px; font-size: 28px; }
  .dja-arch-text h1 { font-size: 18px !important; }
}

/* WhatsApp removed - Telegram only */
.dja-alert .dja-tg { margin-top: 0 !important; }
