/*
 Theme Name: sarkariresultforum-exact-static
 Theme URI:  https://example.com/
 Author:     Generated by ChatGPT for the user
 Description: Static, hardcoded homepage theme visually matching the provided screenshots of sarkariresultforum.com. Replace logo and content as needed.
 Version:    1.0
 License:    GNU General Public License v2 or later
 Text Domain: sarkariresultforum-exact-static
*/

:root{
  --maroon: #a4123a; /* header banner */
  --nav-black: #0b0b0b;
  --primary-blue: #0b57a4;
  --accent: #ff6b00;
  --muted: #6b7280;
  --border: #b34b3b; /* maroon border */
  --box-gap: 14px;
  --max-width:1200px;
  --content-width:980px;
  --font-stack: "Arial", Helvetica, sans-serif;
}

/* reset */
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:var(--font-stack);
  background:#ffffff;
  color:#111;
  -webkit-font-smoothing:antialiased;
}

/* container */
.site{max-width:var(--max-width);margin:10px auto;padding:0 10px;}

/* banner header */
.banner{background:var(--maroon);color:#fff;padding:28px 12px;text-align:center;display:flex;align-items:center;gap:20px;border-radius:2px}
.banner .logo{flex:0 0 110px}
.banner .logo img{width:100px;height:auto;border-radius:50%;background:#fff;padding:4px}
.banner .site-title{flex:1;text-align:center}
.site-title h1{margin:0;font-size:48px;letter-spacing:1px;font-weight:800}
.site-title p{margin:6px 0 0 0;font-weight:700}

/* navigation */
.navbar{background:var(--nav-black);margin-top:10px}
.navbar ul{list-style:none;margin:0;padding:0;display:flex;gap:0;flex-wrap:wrap}
.navbar li{margin:0;border-right:1px solid #2b2b2b}
.navbar a{display:block;padding:14px 22px;color:#fff;text-decoration:none;font-weight:700}
.navbar a:hover{background:#222}

/* headline & links row */
.headline{margin:18px 0;font-size:20px;font-weight:700}
.subtext{color:var(--accent);font-weight:800;text-align:center;margin-bottom:8px}
.quick-links{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:10px 0}
.quick-links a{color:#0645AD;text-decoration:underline;font-weight:700;margin:0 6px}

/* social buttons row */
.social-row{display:flex;gap:12px;justify-content:center;margin:16px 0}
.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:28px;color:#fff;text-decoration:none;font-weight:700;box-shadow:0 3px 0 rgba(0,0,0,0.08)}
.btn.telegram{background:#2ea6e0}
.btn.whatsapp{background:#25d366}
.btn.x{background:#000}

/* category colored boxes (grid) */
.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0}
.cat-box{padding:18px;color:#fff;border-radius:4px;text-align:center;font-weight:800}
.cat-1{background:#788200} /* olive */
.cat-2{background:#0b49a4} /* deep blue */
.cat-3{background:#ff8a00} /* orange */
.cat-4{background:#90120f} /* dark maroon */

/* three column lists */
.columns{display:flex;gap:16px;margin-top:18px}
.col{flex:1;border:3px solid var(--border);border-color:var(--border);padding:0;margin:0;border-radius:4px;overflow:hidden;background:#fff}
.col .col-head{background:var(--maroon);color:#fff;padding:12px 14px;font-weight:800;text-align:center;font-size:20px}
.col .col-body{padding:12px}
.col ul{margin:0;padding-left:20px}
.col li{margin:8px 0;line-height:1.4}

/* link styles inside lists */
.col a{color:#0645AD;text-decoration:underline;font-weight:700}

/* footer */
.site-footer{margin-top:20px;padding:12px 0;border-top:1px solid #ddd;text-align:center;color:#666;font-size:13px}

/* responsive */
@media (max-width:1000px){
  .category-grid{grid-template-columns:repeat(2,1fr)}
  .columns{flex-direction:column}
  .banner .site-title h1{font-size:36px}
  .site{padding:0 12px}
}
@media (max-width:480px){
  .banner{padding:16px 10px}
  .banner .logo{display:none}
  .site-title h1{font-size:28px}
  .navbar a{padding:10px 12px;font-size:14px}
  .category-grid{grid-template-columns:1fr}
}

.site-footer {
  background: #f9f9f9;
  padding: 30px 15px;
  font-family: Arial, sans-serif;
}

.footer-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 1200px;
  margin: auto;
}

.footer-column {
  flex: 1 1 200px;
  margin: 15px;
}

.footer-column h3 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}

.footer-column ul {
  list-style: none;
  padding: 0;
}

.footer-column ul li {
  margin-bottom: 6px;
}

.footer-column ul li a {
  color: #000;
  text-decoration: underline;
  font-size: 15px;
}

.footer-bottom {
  text-align: center;
  margin-top: 20px;
  font-size: 14px;
  color: #555;
}

/* Mobile Responsive */
@media (max-width: 768px) {
  .footer-container {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .footer-column {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

/* --- Base responsive helpers --- */
* { box-sizing: border-box; }
img, video, iframe, embed { max-width: 100%; height: auto; display: block; }

/* Prevent long URLs/content from breaking layout */
.entry-content, .widget, .post-item, .single-wrap {
  word-wrap: break-word;
  overflow-wrap: anywhere;
}

/* Container padding breathing room on small screens */
.site { padding-left: 10px; padding-right: 10px; }

/* Default layout (desktop stays the same) */
.wrap { display: flex; gap: 18px; align-items: flex-start; }
.content-area { flex: 1; }
.sidebar { width: 320px; }

/* Share buttons should wrap nicely */
.share-row { display: flex; gap: 8px; flex-wrap: wrap; }
.share-btn { width: 38px; height: 38px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; }

/* Tables inside posts scroll on small screens */
.entry-content table { width: 100%; border-collapse: collapse; }
.entry-content .table-scroll,
.entry-content table { display: block; overflow-x: auto; }

/* Footer responsive grid */
.site-footer .footer-container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  align-items: start;
}
.site-footer .footer-column h3 { margin: 0 0 10px; font-weight: 700; }
.site-footer .footer-column ul { list-style: none; margin: 0; padding: 0; }
.site-footer .footer-column li { margin: 6px 0; }
.site-footer .footer-column a { color: #000; text-decoration: underline; }

/* --- Breakpoints --- */

/* Tablet: stack sidebar under content, soften sizes */
@media (max-width: 992px) {
  .wrap { flex-direction: column; }
  .content-area, .sidebar { width: 100%; max-width: 100%; }
  .banner .title-wrap h1 { font-size: 32px; }
}

/* Mobile: tighter nav, stacked footer columns, comfortable text sizes */
@media (max-width: 768px) {
  /* Footer becomes 2 columns */
  .site-footer .footer-container { grid-template-columns: repeat(2, 1fr); }

  .banner { padding: 16px 10px; }
  .banner .logo { display: none; }
  .banner .title-wrap h1 { font-size: 26px; }
  .navbar a { padding: 10px 12px; font-size: 14px; }
}

/* Small mobile */
@media (max-width: 520px) {
  /* Footer becomes 1 column */
  .site-footer .footer-container { grid-template-columns: 1fr; }

  .single-title { font-size: 20px; }
  .post-item h3 { font-size: 16px; }
  .share-btn { width: 34px; height: 34px; }
}
/* Desktop: menu toggle hidden */
#menuToggle { display: none; }

/* Mobile: show button, hide menu until opened */
@media (max-width: 768px) {
  #menuToggle { display: inline-block; margin: 8px 10px; }
  .navbar ul { display: none; flex-direction: column; }
  .navbar.open ul { display: flex; }
  .navbar li { border-right: 0; border-bottom: 1px solid #252525; }
  .navbar a { padding: 12px 14px; }
}
/* Comfortable reading width and spacing */
.single-wrap, .post-container { padding: 14px; }
@media (max-width: 520px) {
  .single-wrap, .post-container { padding: 12px; }
  .single-date, .single-brief { font-size: 14px; }
}