/*
Theme Name: GeneratePress Child - Sarikari Lok
Theme URI: https://sarikarilok.in
Author: Vijay Vaghela
Template: generatepress
Version: 1.0
Text Domain: gp-sarikarilok
*/

/* -------------------------
   Header Styles
   ------------------------- */
.sarikari-top-bar {
  background: var(--blue);
  color: #fff;
  padding: 15px 0;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

.sarikari-top-bar .sarikari-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}

.site-logo a {
  text-decoration: none;
  color: #fff;
}

.logo-title {
  font-size: 28px;
  font-weight: 700;
  color: #fff;
}

.logo-title span {
  color: var(--orange);
}

.logo-tagline {
  font-size: 13px;
  opacity: 0.9;
  line-height: 1.2;
}

.header-search {
  flex-grow: 1;
  max-width: 350px;
}

.search-form {
  display: flex;
  width: 100%;
}

.search-field {
  flex-grow: 1;
  border: 1px solid #ddd;
  border-radius: 6px 0 0 6px;
  padding: 10px 15px;
  font-size: 14px;
  background-color: #fff;
}

.search-field::placeholder {
  color: #888;
}

.search-submit {
  background: var(--orange);
  color: #fff;
  border: none;
  border-radius: 0 6px 6px 0;
  padding: 10px 15px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.search-submit:hover {
  background: #d46f1e;
}

.search-submit svg {
  width: 20px;
  height: 20px;
}

.sarikari-main-navigation {
  background: #fff;
  padding: 10px 0;
  border-bottom: 1px solid #eee;
  box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}

.primary-menu {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
  justify-content: space-around;
}

.primary-menu li a {
  text-decoration: none;
  color: var(--blue);
  font-weight: 500;
  padding: 8px 12px;
  display: block;
  transition: background-color 0.3s ease;
}

.primary-menu li a:hover {
  background-color: #f0f4f7;
}

/* Active link style */
.primary-menu li.current-menu-item a {
  background-color: #f0f4f7;
  text-decoration: underline;
  text-decoration-color: var(--orange);
}


/* -------------------------
   Your Original CSS
   ------------------------- */
:root{
  --blue:#0b63b7;
  --light-gray:#f6f8fa;
  --panel-bg:#ffffff;
  --panel-shadow:0 3px 10px rgba(15,25,35,0.06);
  --orange:#ec8123;
  --green:#2ecc71;
  --purple:#8e44ad;
  --sky:#3498db;
}

.sarikari-home .sarikari-wrap{ max-width:1100px; margin:20px auto; padding:0 14px; box-sizing:border-box; }

/* Hero */
.sarikari-hero{ background:var(--blue); color:#fff; padding:34px 18px; border-radius:6px; text-align:center; margin-bottom:20px; }
.sarikari-hero h1{ margin:0 0 6px; font-size:28px; line-height:1.1; }
.sarikari-hero p{ margin:0; opacity:0.92; }

/* Layout columns */
.sarikari-layout{ display:flex; gap:22px; align-items:flex-start; }
.sarikari-content{ flex:0 0 66%; }
.sarikari-sidebar{ flex:0 0 34%; }

/* Panels */
.panel{ background:var(--panel-bg); border-radius:6px; box-shadow:var(--panel-shadow); overflow:hidden; margin-bottom:18px; }
.panel .panel-title{ padding:12px 16px; color:#fff; font-weight:600; }
.panel .panel-body{ padding:10px 14px; border-top:1px solid #f2f2f2; }
.panel ul{ list-style:none; padding:0; margin:0; }
.panel ul li{ padding:10px 6px; border-bottom:1px solid #f7f7f7; font-size:15px; }
.panel ul li .post-link{ display:block; }
.panel .view-all{ display:block; padding:10px 8px; color:#666; text-decoration:none; }

/* Color classes */
.panel.orange .panel-title{ background:var(--orange); }
.panel.blue .panel-title{ background:var(--sky); }
.panel.purple .panel-title{ background:var(--purple); }
.panel.green .panel-title{ background:var(--green); }

/* Latest posts */
.post-single{ padding:14px; border-radius:6px; margin-bottom:12px; background:var(--panel-bg); box-shadow:var(--panel-shadow); }
.post-single h2{ margin:0 0 8px; font-size:18px; }
.post-single .meta{ font-size:13px; color:#777; margin-bottom:8px; }

/* Sidebar widget fallback */
.widget{ padding:12px; background:var(--panel-bg); border-radius:6px; box-shadow:var(--panel-shadow); margin-bottom:18px; }


/* -------------------------
   Footer Styles
   ------------------------- */
.site-footer {
  background: var(--blue);
  color: #fff;
  padding: 30px 0 0;
  margin-top: 20px;
}

.site-footer .sarikari-wrap {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 14px;
}

.footer-columns {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 20px;
}

.footer-column {
  flex: 1;
}

.footer-title {
  font-size: 18px;
  margin-bottom: 15px;
  color: #fff;
  border-bottom: 2px solid var(--orange);
  padding-bottom: 5px;
}

.footer-column p {
  font-size: 14px;
  line-height: 1.6;
  opacity: 0.9;
}

.footer-links, .social-links {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-links li, .social-links li {
  margin-bottom: 8px;
}

.footer-links a, .social-links a {
  color: #fff;
  text-decoration: none;
  opacity: 0.9;
  transition: opacity 0.3s ease;
  display: inline-flex;
  align-items: center;
}

.footer-links a:hover, .social-links a:hover {
  opacity: 1;
  text-decoration: underline;
}

.social-links svg {
  width: 20px;
  height: 20px;
  margin-right: 8px;
}

.site-info {
  background: rgba(0,0,0,0.1);
  padding: 15px;
  text-align: center;
  font-size: 13px;
  border-top: 1px solid rgba(255,255,255,0.1);
}

.site-info a {
  color: #fff;
  text-decoration: none;
  opacity: 0.7;
}

.site-info a:hover {
  opacity: 1;
}


/* -------------------------
   Responsive styles
   ------------------------- */
@media (max-width:880px){
  .sarikari-layout{ flex-direction:column; }
  .sarikari-content,.sarikari-sidebar{ flex:1 1 100%; }
  .sarikari-hero h1{ font-size:22px; }
  .sarikari-top-bar .sarikari-wrap,
  .sarikari-main-navigation .primary-menu {
    flex-direction: column;
    text-align: center;
    gap: 10px;
  }
  .header-search {
    width: 100%;
    max-width: none;
  }
  .footer-columns {
    flex-direction: column;
  }
}