/*
Theme Name: Sambad
Theme URI: https://example.com/sambad/
Description: A fast, standalone WordPress theme for lottery-results websites ("Lottery Sambad"). Includes custom page templates for a single draw result (with an IST countdown timer), a home landing page that auto-loads today's results, and a 30-day results archive with a lightbox viewer.
Author: Sambad
Author URI: https://example.com/
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sambad
Tags: one-column, custom-colors, custom-menu, custom-logo, featured-images, full-width-template, translation-ready


This is a self-contained theme; it does not require a parent theme. All
front-end styles are defined in this file and in the per-template style blocks.
*/


/* =========================================================
  Base layout
  ========================================================= */
* { box-sizing: border-box; }


html { -webkit-text-size-adjust: 100%; }


body {
   margin: 0;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
   color: var(--ls-text, #1f2933);
   background: #fff;
   line-height: 1.6;
}


img { max-width: 100%; height: auto; }


a { color: var(--ls-blue, #1a73e8); }


.site-content { width: 100%; }


.site-container {
   max-width: 1100px;
   margin: 0 auto;
   padding: 24px 16px;
}


#primary { width: 100%; }


/* Accessibility: visually-hidden skip link that appears on focus */
.skip-link.screen-reader-text {
   position: absolute;
   left: -9999px;
   top: 0;
   z-index: 100000;
   padding: 10px 16px;
   background: #fff;
   color: #1a73e8;
   border-radius: 0 0 8px 0;
}
.skip-link.screen-reader-text:focus { left: 0; }


.screen-reader-text {
   border: 0;
   clip: rect(1px, 1px, 1px, 1px);
   clip-path: inset(50%);
   height: 1px;
   width: 1px;
   margin: -1px;
   overflow: hidden;
   padding: 0;
   position: absolute;
}


/* Simple pagination */
.pagination {
   display: flex;
   flex-wrap: wrap;
   gap: 6px;
   justify-content: center;
   margin: 28px 0;
}
.pagination .page-numbers {
   display: inline-block;
   padding: 8px 14px;
   border: 1px solid var(--ls-border, #e3e8ef);
   border-radius: 8px;
   text-decoration: none;
   color: var(--ls-text, #1f2933);
}
.pagination .page-numbers.current {
   background: var(--ls-blue, #1a73e8);
   color: #fff;
   border-color: var(--ls-blue, #1a73e8);
}


/* =========================================================
  Shared brand palette & components
  ========================================================= */
:root {
   --ls-blue: #1a73e8;
   --ls-blue-dark: #1558b8;
   --ls-green: #4f7942;
   --ls-green-dark: #3d5f33;
   --ls-text: #1f2933;
   --ls-muted: #5f6b7a;
   --ls-border: #e3e8ef;
   --ls-bg-soft: #f5f7fb;
   --ls-radius: 10px;
   --ls-shadow: 0 4px 14px rgba(26, 115, 232, 0.12);
}




/* Shared button look used across the lottery templates */
.ls-btn,
.lottery-buttons a,
.lottery-buttons button,
.ls-btn-row a,
.ls-btn-row button {
   display: inline-block;
   padding: 12px 22px;
   margin: 6px;
   font-size: 16px;
   font-weight: 600;
   line-height: 1.2;
   text-align: center;
   text-decoration: none;
   color: #fff;
   background: var(--ls-blue);
   border: 0;
   border-radius: var(--ls-radius);
   cursor: pointer;
   transition: background 0.18s ease, transform 0.08s ease, box-shadow 0.18s ease;
   box-shadow: var(--ls-shadow);
}


.ls-btn:hover,
.lottery-buttons a:hover,
.lottery-buttons button:hover,
.ls-btn-row a:hover,
.ls-btn-row button:hover {
   background: var(--ls-blue-dark);
   transform: translateY(-1px);
}


.ls-btn:focus-visible,
.lottery-buttons a:focus-visible,
.lottery-buttons button:focus-visible {
   outline: 3px solid rgba(26, 115, 232, 0.45);
   outline-offset: 2px;
}


/* Refresh button gets the green accent so it reads as a secondary action */
.ls-btn--refresh {
   background: var(--ls-green);
}
.ls-btn--refresh:hover {
   background: var(--ls-green-dark);
}


/* Generic responsive helper for the embedded images */
.ls-responsive-img {
   max-width: 100%;
   height: auto;
}