/*
 Theme Name:   GP Result Pro
 Theme URI:    https://wplitetheme.com/gp-result-pro/
 Description:  GeneratePress Child theme for Sarkari Result website. Using this child theme you can easily create a sarkari result website. This GeneratePress Child theme design by wplitetheme.com
 Author:       WPLiteTheme.com
 Author URI:   https://wplitetheme.com
 Template:     generatepress
 Version:      1.1.0
*/

/* GeneratePress Site CSS */
.main-navigation {
	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.offside-js--is-open .slideout-overlay {
	background: rgba(0, 0, 0, .2);
	backdrop-filter: saturate(180%) blur(10px);
}
/*Search Box*/
#wp-block-search__input-1 {
	border-color: #fff;
	border-radius: 30px;
}
.wp-block-search__button {
	border-radius:35px;
	background-color: #000;
}
/*Rank Math Breadcrumb*/
.rank-math-breadcrumb p {
	background: #e5e8ec;
	color: #000000;
	padding: 5px 10px;
	border-radius: 4px;
    font-size: 11px;
	font-weight: 700;
}
@media (max-width: 768px){
	.rank-math-breadcrumb p {
		margin: 0px 10px;
	}
}
.hover-link::after {
  content: '';
  display: block;
  width: 0;
  height: 2px;
  background: var(--color-background);
  transition: width .3s;
}
.hover-link:hover::after {
  width: 100%;
  transition: width .3s;
}
/*social-sharing-buttons*/
.wpjankari-social-wrapper {
    margin: 10px;
    font-size: 0;
    text-align: center;
	display: flex;
    flex-wrap: wrap;
}
.wpjankari-social-sharing {
	padding: 8px;
	margin: 4px;
	border-radius: 3px;
    flex: 1;
    transition: background-color 0.3s, transform 0.3s, color 0.3s;
}
.wpjankari-social-sharing:hover {
	transform: translateY(-3px);
	border: none;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
}
@media only screen and (max-width: 600px) {
    .wpjankari-social-sharing {
		display: inline-block;
    }
}
.wpjankari-social-sharing svg {
    position: relative;
    top: 0.15em;
    display: inline-block;
}
.wpjankari-social-facebook {
    fill: #fff;
    background-color: rgba(59, 89, 152, 1);
}
.wpjankari-social-twitter {
    fill: #fff;
    background-color: rgba(0, 0, 0);
}
.wpjankari-social-whatsapp {
    fill: #fff;
    background-color: rgba(37, 211, 102, 1);
}
.wpjankari-social-telegram {
    fill: #fff;
    background-color: rgb(2, 126, 189);
}
.wpjankari-social-more {
    fill: #fff;
    background-color: rgba(0, 0, 0);
}
/*mobile-social-sharing-buttons*/
#mobileShareFloatingButton {
	position: fixed;
	bottom: 25px;
	right: 25px;
	width: 50px;
	height: 50px;
	background-color: var(--color-background);
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	z-index: 1000;
	animation: whatsappButtonAnimation 0.5s;
} 
#mobileShareFloatingButton svg {
	width: 30px;
	fill: #fff;
}
@-webkit-keyframes whatsappButtonAnimation {
	0% {
		transform: scale3d(0, 0, 0);
		transition: transform 0.3s ease-in-out;
	}
	100% {
		transform: scale3d(1, 1, 1);
		transition: transform 0.5s cubic bezier(0.18, 0.89, 0.32, 1.28);
	}
}
@media screen and (max-width: 768px) {
	#mobileShareFloatingButton {
		width: 50px;
		height: 50px;
	}

	#mobileShareFloatingButton svg {
		width: 30px;
	}
}
/*Join button*/
.whatsapphighlight {
	animation: WPLiteTheme-GreenBorderAnimation 1s infinite;
}
@keyframes WPLiteTheme-GreenBorderAnimation {
	0% {
		border-color: transparent;
	}
	50% {
		border-color: #25d366;
	}
	100% {
		border-color: transparent;
	}
}
.telegramhighlight {
	animation: WPLiteTheme-BlueBorderAnimation 1s infinite;
}
@keyframes WPLiteTheme-BlueBorderAnimation {
	0% {
		border-color: transparent;
	}
	50% {
		border-color: #0086ce;
	}
	100% {
		border-color: transparent;
	}
}


/*Comment Box*/
.comment-respond
.comment-reply-title {
	padding: 8px 8px 8px 20px;
	border-radius: 4px;
	color: #fff!important;
	background-color: var(--color-background);
	box-shadow: rgba(19,20,9,.2) 0 7px 28px;
}

/*Categories Hedline*/
.inb-hp-heading:before {
    border-top: 2px solid var(--text-1);
    content: "";
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: -1;
}
	
/*Follow Us Button*/
.whatsapphighlight {
	animation: WPLiteTheme-GreenBorderAnimation 1s infinite;
}
@keyframes WPLiteTheme-GreenBorderAnimation {
	0% {
		border-color: transparent;
	}
	50% {
		border-color: #25d366;
	}
	100% {
		border-color: transparent;
	}
}
.telegramhighlight {
	animation: WPLiteTheme-BlueBorderAnimation 1s infinite;
}
@keyframes WPLiteTheme-BlueBorderAnimation {
	0% {
		border-color: transparent;
	}
	50% {
		border-color: #0086ce;
	}
	100% {
		border-color: transparent;
	}
}

 /* ===== JOB TICKER ===== */
  .job-ticker-wrapper {
      display: flex;
      align-items: center;
      border-top: 3px solid #0044cc;
      border-bottom: 3px solid #0044cc;
      overflow: hidden;
      width: 100%;
      height: 42px;
      margin: 10px 0;
      box-sizing: border-box;
      background: linear-gradient(90deg, #003399, #0066cc, #003399);
      background-size: 200% 100%;
      animation: gradientMove 3s linear infinite;
  }

  .ticker-label {
      background: #002277;
      color: white;
      font-weight: bold;
      font-size: 13px;
      padding: 0 14px;
      height: 100%;
      display: flex;
      align-items: center;
      white-space: nowrap;
      flex-shrink: 0;
  }

  .ticker-label span {
      animation: blink 1s step-start infinite;
  }

  .ticker-track {
      overflow: hidden;
      flex: 1;
      height: 100%;
      display: flex;
      align-items: center;
  }

  .ticker-content {
      display: inline-flex;
      align-items: center;
      white-space: nowrap;
      animation: tickerScroll 80s linear infinite;
      will-change: transform;
  }

  .ticker-content:hover {
      animation-play-state: paused;
  }

  .ticker-item {
      color: #ffdd00;
      font-size: 14px;
      font-weight: 600;
      text-decoration: none;
      padding: 0 20px;
      transition: color 0.3s;
  }

  .ticker-item:hover {
      color: #ffffff;
  }

  .ticker-new {
      background: #ff0000;
      color: white;
      font-size: 10px;
      font-weight: bold;
      padding: 1px 5px;
      border-radius: 3px;
      margin-left: 6px;
      animation: blink 0.8s step-start infinite;
  }

  .ticker-divider {
      color: #ffdd00;
      padding: 0 5px;
      animation: colorBlink 2s infinite;
  }

  /* ===== ACTIVE JOBS BY DEADLINE ===== */
  .active-jobs-wrapper {
      background: #fff;
      border-radius: 10px;
      box-shadow: 0 4px 20px rgba(0,0,0,0.08);
      padding: 20px;
      margin: 20px auto;
      max-width: 1200px;
      width: calc(100% - 40px);
      box-sizing: border-box;
  }

  .active-jobs-header {
      display: flex;
      align-items: center;
      gap: 10px;
      border-bottom: 2px solid #cc0000;
      padding-bottom: 12px;
      margin-bottom: 15px;
  }

  .active-jobs-header h3 {
      margin: 0;
      font-size: 18px;
      color: #cc0000;
      flex: 1;
  }

  .aj-pulse-dot {
      width: 12px;
      height: 12px;
      background: red;
      border-radius: 50%;
      display: inline-block;
      flex-shrink: 0;
      animation: livePulse 1s infinite;
  }

  .aj-total {
      background: #cc0000;
      color: white;
      font-size: 12px;
      font-weight: bold;
      padding: 3px 10px;
      border-radius: 20px;
  }

  .active-jobs-list {
      display: flex;
      flex-direction: column;
      gap: 10px;
  }

  .aj-item {
      display: flex;
      flex-direction: column;
      gap: 6px;
      background: #f9f9f9;
      border-left: 4px solid #cc0000;
      border-radius: 8px;
      padding: 12px 15px;
      text-decoration: none;
      color: #333;
      transition: all 0.3s ease;
      animation: fadeUp 0.4s ease forwards;
      opacity: 0;
  }

  .aj-item:hover {
      background: #fff5f5;
      border-left-color: #ff6600;
      transform: translateX(5px);
      color: #cc0000;
  }

  .aj-title {
      font-size: 14px;
      font-weight: 600;
      line-height: 1.4;
  }

  .aj-meta {
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 8px;
  }

  .aj-date {
      font-size: 12px;
      color: #666;
  }

  .aj-badge {
      font-size: 11px;
      font-weight: bold;
      padding: 3px 10px;
      border-radius: 20px;
  }

  .aj-badge.last-day {
      background: #ff0000;
      color: white;
      animation: blink 0.6s step-start infinite;
  }

  .aj-badge.urgent {
      background: #ff4400;
      color: white;
      animation: blink 1s step-start infinite;
  }

  .aj-badge.soon {
      background: #ff9900;
      color: white;
  }

  .aj-badge.open {
      background: #009900;
      color: white;
  }

  .aj-empty {
      text-align: center;
      color: #888;
      padding: 20px;
      font-style: italic;
  }

  .aj-item:nth-child(1)  { animation-delay: 0.05s; }
  .aj-item:nth-child(2)  { animation-delay: 0.10s; }
  .aj-item:nth-child(3)  { animation-delay: 0.15s; }
  .aj-item:nth-child(4)  { animation-delay: 0.20s; }
  .aj-item:nth-child(5)  { animation-delay: 0.25s; }
  .aj-item:nth-child(6)  { animation-delay: 0.30s; }
  .aj-item:nth-child(7)  { animation-delay: 0.35s; }
  .aj-item:nth-child(8)  { animation-delay: 0.40s; }

  /* ===== JOB ALERT POPUP ===== */
  .jap-overlay {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0,0,0,0.7);
      z-index: 99999;
      align-items: center;
      justify-content: center;
  }

  .jap-overlay.active {
      display: flex;
      animation: fadeIn 0.4s ease;
  }

  .jap-box {
      background: #fff;
      border-radius: 15px;
      padding: 30px 25px;
      max-width: 400px;
      width: 90%;
      text-align: center;
      position: relative;
      animation: popupBounce 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
      border-top: 5px solid #cc0000;
      box-shadow: 0 20px 60px rgba(0,0,0,0.3);
  }

  .jap-close {
      position: absolute;
      top: 12px;
      right: 15px;
      background: #f0f0f0;
      border: none;
      border-radius: 50%;
      width: 30px;
      height: 30px;
      font-size: 14px;
      cursor: pointer;
      color: #333;
      transition: all 0.2s;
  }

  .jap-close:hover {
      background: #cc0000;
      color: white;
  }

  .jap-icon {
      font-size: 50px;
      animation: bellRing 1s ease infinite;
      display: inline-block;
      margin-bottom: 10px;
  }

  .jap-thumb {
      width: 80px;
      height: 80px;
      object-fit: cover;
      border-radius: 50%;
      border: 3px solid #cc0000;
      margin-bottom: 10px;
      animation: livePulse 2s infinite;
  }

  .jap-badge {
      background: #cc0000;
      color: white;
      font-size: 11px;
      font-weight: bold;
      padding: 4px 14px;
      border-radius: 20px;
      display: inline-block;
      margin-bottom: 12px;
      animation: blink 1s step-start infinite;
      letter-spacing: 1px;
  }

  .jap-title {
      font-size: 18px;
      font-weight: 700;
      color: #222;
      margin: 0 0 12px;
      line-height: 1.4;
  }

  .jap-info {
      background: #f9f9f9;
      border-radius: 8px;
      padding: 10px;
      margin-bottom: 5px;
  }

  .jap-posts,
  .jap-date {
      font-size: 14px;
      color: #555;
      margin: 5px 0;
  }

  .jap-posts strong,
  .jap-date strong {
      color: #cc0000;
  }

  .jap-buttons {
      display: flex;
      gap: 10px;
      justify-content: center;
      margin: 18px 0 10px;
  }

  .jap-apply-btn {
      background: #cc0000;
      color: white;
      padding: 10px 24px;
      border-radius: 25px;
      font-weight: bold;
      font-size: 14px;
      text-decoration: none;
      transition: all 0.3s;
      animation: pulse 2s infinite;
  }

  .jap-apply-btn:hover {
      background: #aa0000;
      transform: scale(1.05);
      color: white;
  }

  .jap-later-btn {
      background: #f0f0f0;
      color: #666;
      padding: 10px 20px;
      border-radius: 25px;
      font-size: 14px;
      border: none;
      cursor: pointer;
      transition: all 0.3s;
  }

  .jap-later-btn:hover {
      background: #ddd;
  }

  .jap-note {
      font-size: 12px;
      color: #ff6600;
      font-weight: 600;
      margin: 0;
      animation: blink 1.5s step-start infinite;
  }

  /* ===== PAGE LOAD ANIMATIONS ===== */
  .site-header, header {
      animation: slideDown 0.8s ease forwards;
  }

  .site-branding, .logo, .site-title {
      animation: fadeIn 1s ease forwards;
  }

  .main-navigation, nav {
      animation: slideDown 0.9s ease forwards;
  }

  article, .post, .job-item, .entry {
      opacity: 0;
      animation: fadeUp 0.6s ease forwards;
  }

  article:nth-child(1) { animation-delay: 0.1s; }
  article:nth-child(2) { animation-delay: 0.2s; }
  article:nth-child(3) { animation-delay: 0.3s; }
  article:nth-child(4) { animation-delay: 0.4s; }
  article:nth-child(5) { animation-delay: 0.5s; }
  article:nth-child(6) { animation-delay: 0.6s; }

  article, .post, .job-item {
      transition: transform 0.3s ease, box-shadow 0.3s ease;
  }

  article:hover, .post:hover, .job-item:hover {
      transform: translateY(-5px);
      box-shadow: 0 8px 25px rgba(0,0,0,0.15);
  }

  .widget-area, aside, .sidebar {
      animation: slideRight 0.8s ease forwards;
  }

  h1, h2.widget-title, .section-title {
      animation: fadeIn 1s ease forwards;
  }

  /* ===== ALL KEYFRAMES ===== */
  @keyframes gradientMove {
      0%   { background-position: 0% 50%; }
      50%  { background-position: 100% 50%; }
      100% { background-position: 0% 50%; }
  }

  @keyframes tickerScroll {
      0%   { transform: translateX(0); }
      100% { transform: translateX(-50%); }
  }

  @keyframes blink {
      0%, 100% { opacity: 1; }
      50%       { opacity: 0; }
  }

  @keyframes colorBlink {
      0%   { color: #ffdd00; }
      50%  { color: #ffffff; }
      100% { color: #ffdd00; }
  }

  @keyframes slideDown {
      from { opacity: 0; transform: translateY(-30px); }
      to   { opacity: 1; transform: translateY(0); }
  }

  @keyframes fadeUp {
      from { opacity: 0; transform: translateY(40px); }
      to   { opacity: 1; transform: translateY(0); }
  }

  @keyframes fadeIn {
      from { opacity: 0; }
      to   { opacity: 1; }
  }

  @keyframes slideRight {
      from { opacity: 0; transform: translateX(40px); }
      to   { opacity: 1; transform: translateX(0); }
  }

  @keyframes livePulse {
      0%, 100% { transform: scale(1);   opacity: 1; }
      50%       { transform: scale(1.5); opacity: 0.5; }
  }

  @keyframes pulse {
      0%   { box-shadow: 0 0 0 0 rgba(204,0,0,0.4); }
      70%  { box-shadow: 0 0 0 10px rgba(204,0,0,0); }
      100% { box-shadow: 0 0 0 0 rgba(204,0,0,0); }
  }

  @keyframes popupBounce {
      0%   { transform: scale(0.5); opacity: 0; }
      80%  { transform: scale(1.05); }
      100% { transform: scale(1); opacity: 1; }
  }

  @keyframes bellRing {
      0%, 100% { transform: rotate(0deg); }
      20%       { transform: rotate(15deg); }
      40%       { transform: rotate(-15deg); }
      60%       { transform: rotate(10deg); }
      80%       { transform: rotate(-10deg); }
  }

  @keyframes bounce {
      0%, 100% { transform: translateY(0); }
      50%       { transform: translateY(-15px); }
  }

 /* ===== CLEAN MOBILE DROPDOWN MENU ===== */
  @media (max-width: 768px) {

      .main-navigation .main-nav > ul {
          display: none;
      }

      .main-navigation.toggled .main-nav > ul {
          display: block !important;
          background: #ffffff !important;
          border-top: 3px solid #cc0000 !important;
          width: 100% !important;
          position: absolute !important;
          left: 0 !important;
          z-index: 99999 !important;
          box-shadow: 0 8px 20px rgba(0,0,0,0.15) !important;
          padding: 0 !important;
          margin: 0 !important;
      }

      .main-navigation.toggled .main-nav > ul li {
          display: block !important;
          border-bottom: 1px solid #eee !important;
          opacity: 1 !important;
          animation: none !important;
      }

      .main-navigation.toggled .main-nav > ul li a {
          display: block !important;
          padding: 13px 20px !important;
          color: #222 !important;
          font-weight: 600 !important;
          font-size: 15px !important;
          text-decoration: none !important;
      }

      .main-navigation.toggled .main-nav > ul li a:hover {
          background: #fff5f5 !important;
          color: #cc0000 !important;
          padding-left: 30px !important;
          transition: all 0.2s !important;
      }

      .menu-toggle {
          background: #cc0000 !important;
          color: #fff !important;
          border: none !important;
          padding: 10px 18px !important;
          font-size: 14px !important;
          font-weight: bold !important;
          border-radius: 5px !important;
          cursor: pointer !important;
          width: 100% !important;
      }

      /* Remove all blur effects */
      body, #page, .site-content,
      .site-main, .content-area {
          filter: none !important;
          backdrop-filter: none !important;
          opacity: 1 !important;
      }
  }

/* ===== FIX MOBILE MENU OVERLAPPING TICKER ===== */
  @media (max-width: 768px) {

      /* Push menu below header properly */
      .main-navigation.toggled .main-nav > ul {
          position: relative !important;
          top: 0 !important;
          left: 0 !important;
          z-index: 9999 !important;
          width: 100% !important;
      }

      /* Keep ticker below menu */
      .job-ticker-wrapper {
          position: relative !important;
          z-index: 100 !important;
      }

      /* Keep header above ticker */
      .site-header, header {
          position: relative !important;
          z-index: 9999 !important;
      }

      /* Fix nav container stacking */
      .main-navigation {
          position: relative !important;
          z-index: 9998 !important;
          width: 100% !important;
      }

  }


 /* ===== FLOATING SOCIAL BUTTONS ===== */
  .floating-social-wrap {
      position: fixed;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      z-index: 99999;
      display: flex;
      flex-direction: column;
      align-items: flex-end;
      gap: 6px;
  }

  .fsb-label {
      background: #333;
      color: white;
      font-size: 10px;
      font-weight: bold;
      padding: 4px 8px;
      border-radius: 4px 0 0 4px;
      letter-spacing: 1px;
      text-transform: uppercase;
      margin-bottom: 4px;
  }

  .fsb-btn {
      display: flex;
      align-items: center;
      gap: 10px;
      padding: 10px 14px;
      border-radius: 30px 0 0 30px;
      text-decoration: none;
      color: white;
      font-size: 13px;
      font-weight: 700;
      width: 50px;
      overflow: hidden;
      transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1),
                  box-shadow 0.3s ease;
      white-space: nowrap;
      box-shadow: -3px 3px 15px rgba(0,0,0,0.2);
  }

  .fsb-btn:hover {
      width: 155px;
      color: white;
      box-shadow: -5px 5px 20px rgba(0,0,0,0.3);
  }

  .fsb-btn svg {
      flex-shrink: 0;
  }

  .fsb-btn span {
      opacity: 0;
      transition: opacity 0.3s ease;
  }

  .fsb-btn:hover span {
      opacity: 1;
  }

  /* Colors */
  .fsb-whatsapp { background: #25D366; }
  .fsb-whatsapp:hover { background: #20ba58; }

  .fsb-telegram { background: #0088cc; }
  .fsb-telegram:hover { background: #0077b5; }

  .fsb-youtube  { background: #FF0000; }
  .fsb-youtube:hover  { background: #cc0000; }

  /* ===== PULSE ANIMATION ON BUTTONS ===== */
  .fsb-whatsapp { animation: waPulse 2s infinite; }
  .fsb-telegram { animation: waPulse 2s infinite 0.3s; }
  .fsb-youtube  { animation: waPulse 2s infinite 0.6s; }

  .fsb-btn:hover {
      animation: none;
  }

  @keyframes waPulse {
      0%, 100% { box-shadow: -3px 3px 15px rgba(0,0,0,0.2); }
      50%       { box-shadow: -5px 5px 25px rgba(0,0,0,0.4); }
  }

  /* ===== MOBILE RESPONSIVE ===== */
  @media (max-width: 768px) {
      .floating-social-wrap {
          top: auto;
          bottom: 0;
          right: 0;
          left: 0;
          flex-direction: row;
          transform: none;
          justify-content: stretch;
          gap: 0;
      }

      .fsb-label {
          display: none;
      }

      .fsb-btn {
          flex: 1;
          border-radius: 0;
          width: auto !important;
          justify-content: center;
          padding: 12px 10px;
          font-size: 12px;
      }

      .fsb-btn span {
          opacity: 1 !important;
      }

      .fsb-btn:hover {
          width: auto !important;
      }
  }