/*
Theme Name: govLottery2025 1.0
Theme URI: https://govdotin.com/
Author: Jobin Ovelil
Author URI: https://govdotin.com/about_us/
Description: Me jobin ovelil, I created this theme for my malayalam website govdotin/keralalottery publsihed on 18-10-2025. 
Version: 1.0
Tags: customized, malayalam, search, single column
*/

:root{
  --blue:#0b74de;--dark:#072240;--muted:#6b7280;--bg:#fff;
  --max:1100px;--gap:1rem;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  line-height:1.6;color:var(--dark);background:var(--bg);
  -webkit-font-smoothing:antialiased;
}
a{color:var(--blue);text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:var(--max);margin:0 auto;padding:1rem}
.header{background:linear-gradient(180deg,var(--blue),#0870c8);color:#fff;position:relative;z-index:100}
.brand{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:0.75rem}
.brand h1{font-size:1.25rem;margin:0}
.search form{display:flex;flex-wrap:nowrap;align-items:center;gap:0.5rem}
.search input{padding:0.5rem;border-radius:8px;border:1px solid rgba(0,0,0,0.1);flex:1}
.search button{padding:0.5rem 1rem;border-radius:8px;border:none;background:#fff;color:var(--blue);font-weight:600;cursor:pointer}
.search button:hover{background:#f0f6ff}
.nav{overflow:hidden;max-height:0;transition:max-height .3s ease-out}
.nav.open{max-height:300px;transition:max-height .4s ease-in}
.nav ul{display:flex;flex-direction:column;list-style:none;gap:0.5rem;padding:0;margin:0}
.nav a{color:#fff;padding:0.5rem 0.75rem;border-radius:6px;display:block;font-weight:600;text-decoration: none;}
.nav a:hover{background:rgba(255,255,255,0.15)}
.current-menu-item{background:rgba(255,255,255,0.15);border-radius:6px;}
.menu-toggle{display:inline-block;cursor:pointer;border:none;background:none;color:#fff;font-size:1.5rem;transition:transform .3s}
.menu-toggle.active{transform:rotate(90deg)}
.hero{display:grid;grid-template-columns:1fr;gap:1rem;margin:1.25rem 0}
.grid{display:grid;grid-template-columns:1fr;gap:1rem}
.card{background:#fff;border-radius:10px;overflow:hidden;border:1px solid #eef6ff;display:flex;flex-direction:column;transition:transform .2s}
.card:hover{transform:translateY(-2px)}
.card img{width:100%;height:auto;display:block}
.card .meta{padding:1rem}
.card .title{font-weight:700;font-size:1.05rem;margin-bottom:0.4rem;margin-top:0.4rem;color:#0870c8;}
.card .summary{color:var(--muted)}
.footer{padding:1.5rem 0;color:#fff;background:#021827;text-align:center;margin-top:2rem}
@media(min-width:700px){
  .menu-toggle{display:none}
  .nav{max-height:none}
  .nav ul{flex-direction:row;justify-content:center;flex-wrap:wrap}
}
@media(min-width:600px){
  .brand h1{font-size:1.5rem}
  .hero{grid-template-columns:2fr 1fr}
  .grid{grid-template-columns:repeat(2,1fr)}
}
@media(min-width:900px){
  .grid{grid-template-columns:repeat(3,1fr)}
}


/* my(jobin) code starts */

ins.adsbygoogle[data-ad-status="unfilled"] {
  display: none !important;
}

.wp-block-latest-posts__post-title{
    font-size: .5em;
}

.wp-block-latest-posts__list li{
    line-height: .7;
    margin: 7px 0;
    padding: 5px;
    border-bottom:1px solid black;
}

.logo-href{
  margin:0;
  padding:0;
  color: #eef6ff;
  text-decoration: none;
}

.logo-href:hover{
  margin:0;
  padding:0;
  color: #eef6ff;
  text-decoration: none;
}

.card .main-title{
font-weight:700;
font-size:1.5rem;
margin-bottom:0.4rem;
color:#0870c8;
}

.card .sidebar-h3{
  margin:10px 0;
  background-color: #0870c8;
  padding: 0 5px;
  color: #eef6ff;
}

/* പോസ്റ്റിൽ റിസൾട്ട് കാണിക്കുന്നിടത്തെ സ്റ്റൈൽ തുടക്കം */

.result-only{
  margin: 0 auto;
  max-width: 700px;
  text-align: center;
  font-family:Arial, Helvetica, sans-serif;
}

.result-only p{
  font-size: 20px;
  font-weight: bold;
  line-height: 1.8;
  word-spacing: 10px;
}
.result-only .headTop{
  font-size: 20px;
  background-color: black;
  color: yellow;
  padding: 2px 0;
  margin: 2px 0;
}

/* പോസ്റ്റിൽ റിസൾട്ട് കാണിക്കുന്നിടത്തെ സ്റ്റൈൽ അവസാനം */

.wp-block-heading{
    margin: 5px;
    line-height: 1.1;
}
.post-content p{
  margin:6px 0;
}
.side-menu-list{
  list-style:none;
  padding-left:1rem
}
.pdf-download-div{
  text-align: center;
  margin:10px;
}
.pdf-download-div a{
  background-color: #0870c8;
  color: #eef6ff;
  padding: 5px;
  border-radius: 5px;
}
.pdf-download-div a:hover{
  background-color: #b7deff;
  color: #021827;
  text-decoration: none;
  border: 1px solid #021827;
}

.latest-post h1{
  font-size:1.5rem;
  line-height: 1.3;
  margin: 10px 0;
  background-color: yellow;
  border: 1px solid #021827;
  text-align: center;
}
.latest-post a{
  color: blue;
}
.view-more-btn{
  text-align:center;
  margin:5px;
  padding:5px;
  background-color:rgba(9, 134, 250, 0.15);
  border-radius:6px;
}
.wp-block-list {
  margin-left: 1.5em;
}
.excerpt-p{
  margin-left: 1.4em;
  margin-bottom: 1em;
}
.excerpt-h3{
  margin-left: 1em;
}
.search-pagination{
  text-align: center;
  margin-top: 2em;
}
.search-pagination a{
  padding: 5px;
}
.bottom-menu{
  margin-top: .5em;
}
.bottom-menu-list {
  display: flex;
  gap: 15px; /* space between items */
  list-style: none; /* remove bullets */
  padding: 0;
  margin: 0;
  justify-content: center;
}
.bottom-menu-list a{
  color: #fff;
  text-decoration: underline;
}
.prize-structure table {
  border-collapse: collapse;
  width: 90%;
  margin-top: .6em;
}
.prize-structure th, td {
  border: 2px solid black;
  padding: 8px;
  text-align: center;
}
.prize-structure th {
  background-color: #f2f2f2;
}
.more-posts-h2{
  margin-bottom: .3em;
  border-bottom: 4px solid #034192;
}
.live-title{
  font-size: 1.5rem;
}
.live-img-front{
  width:20px;
  height:auto;
}

.live-button-container {
  text-align: center; /* Option 1: simple text-align */
  margin: 20px 0;    /* optional spacing */
}

.live-button-blink {
  display: inline-flex;
  align-items: center;
  padding: 12px 28px;
  background: #ff3b3b;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  border-radius: 30px;
  font-family: Arial, sans-serif;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 10px #ff3b3b, 0 0 20px #ff3b3b;
  transition: all 0.3s ease;
}

.live-button-blink:hover {
  box-shadow: 0 0 20px #ff3b3b, 0 0 40px #ff3b3b;
  transform: scale(1.05);
}

/* Blinking LIVE text */
.live-text {
  color: #fff;
  font-weight: bold;
  margin-right: 10px;
  animation: blinkText 1s infinite;
  text-transform: uppercase;
}

@keyframes blinkText {
  0%, 50%, 100% { opacity: 1; }
  25%, 75% { opacity: 0.2; }
}

/* Pulsating live dot */
.live-dot-blink {
  width: 14px;
  height: 14px;
  background: #fff;
  border-radius: 50%;
  margin-left: 10px;
  animation: pulseGlow 1.2s infinite;
}

/* Pulse animation for dot */
@keyframes pulseGlow {
  0% { transform: scale(1); opacity: 1; box-shadow: 0 0 0 #fff; }
  50% { transform: scale(1.5); opacity: 0.7; box-shadow: 0 0 15px #fff; }
  100% { transform: scale(1); opacity: 1; box-shadow: 0 0 0 #fff; }
}