/*
Theme Name: Simplex Minimal
Theme URI: https://simplexprint.in/
Author: ProDeMa (Mohamed Rafeeq)
Author URI: https://simplexprint.in/
Description: Lightweight, modern, responsive theme with Gutenberg support. Clean typography, flexible header, and a simple grid for posts and pages.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: simplex-minimal
Tags: blog, one-column, two-columns, right-sidebar, custom-logo, custom-menu, featured-images, editor-style, full-site-editing, translation-ready
*/

/* Root variables */
:root{
  --sp-primary:#ffe500;
  --sp-accent:#0f172a;
  --sp-text:#111827;
  --sp-muted:#6b7280;
  --sp-bg:#ffffff;
  --sp-border:#e5e7eb;
}

/* Base */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--sp-text);
  background:var(--sp-bg);
  font:16px/1.7 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,"Noto Sans","Apple Color Emoji","Segoe UI Emoji";
}
a{color:var(--sp-accent);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;height:auto}
.container{max-width:1100px;margin:0 auto;padding:0 1rem}
.site-header{
  border-bottom:1px solid var(--sp-border);
  position:sticky;top:0;background:#fff;z-index:50
}
.site-header .inner{display:flex;align-items:center;gap:1rem;padding:0.75rem 0}
.brand{display:flex;align-items:center;gap:0.75rem}
.brand .site-title{font-weight:700;font-size:1.125rem;margin:0}
.brand .site-description{margin:0;color:var(--sp-muted);font-size:0.9rem}
.site-nav{margin-left:auto}
.site-nav ul{display:flex;gap:1rem;list-style:none;margin:0;padding:0}
.site-nav a{display:block;padding:0.5rem 0.75rem;border-radius:10px}
.site-nav a:hover{background:var(--sp-border)}

.hero{
  background:linear-gradient(120deg,var(--sp-primary),#fff7ae);
  padding:3rem 0;margin-bottom:2rem;border-bottom:1px solid var(--sp-border)
}
.hero h1{margin:0 0 0.5rem 0;font-size:2rem}
.hero p{margin:0;color:#4b5563}

.main{display:grid;grid-template-columns:1fr;gap:2rem;margin:2rem 0}
@media(min-width:980px){.main{grid-template-columns:1fr 300px}}
.card{border:1px solid var(--sp-border);border-radius:16px;overflow:hidden;background:#fff}
.card .card-body{padding:1rem}
.card .card-meta{color:var(--sp-muted);font-size:0.9rem;margin-top:0.5rem}

.btn{
  display:inline-block;
  padding:0.6rem 1rem;
  border-radius:999px;
  background:var(--sp-accent);
  color:#fff;
  border:0;
}
.btn:hover{opacity:.9;text-decoration:none}

.site-footer{
  border-top:1px solid var(--sp-border);
  padding:2rem 0;margin-top:3rem;color:var(--sp-muted);font-size:0.95rem
}

/* Content */
.entry-title{margin:.25rem 0 0.5rem 0;font-size:1.75rem}
.entry-content{line-height:1.8}
.entry-content > * + *{margin-top:1rem}
.entry-content pre, .entry-content code{background:#f3f4f6;padding:.2rem .4rem;border-radius:6px}
.alignwide{max-width:1200px}
.alignfull{max-width:none}
.wp-block-button__link{background:var(--sp-accent);}
.widget{border:1px solid var(--sp-border);padding:1rem;border-radius:12px;background:#fff}
.widget + .widget{margin-top:1rem}
.widget-title{margin-top:0}

.search-form{display:flex;gap:.5rem}
.search-form input[type="search"]{flex:1;padding:.6rem .75rem;border:1px solid var(--sp-border);border-radius:10px}
.search-form input[type="submit"]{padding:.6rem .9rem;border:0;border-radius:10px;background:var(--sp-primary)}

.pagination{display:flex;gap:.5rem;flex-wrap:wrap}
.pagination .page-numbers{padding:.4rem .7rem;border:1px solid var(--sp-border);border-radius:8px}
.pagination .current{background:var(--sp-accent);color:#fff;border-color:var(--sp-accent)}