/*
Theme Name: ashwintheme
Theme URI: https://example.com/ashwintheme
Author: ChatGPT
Author URI: https://example.com/
Description: A lightweight Nelson-style classic two-column WordPress blog theme with a wider layout, compact post cards, textured background, top navigation and right sidebar.
Version: 1.0.0
Requires at least: 5.8
Tested up to: 6.6
Requires PHP: 7.4
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ashwintheme
Tags: blog, two-columns, right-sidebar, custom-logo, custom-menu, featured-images, responsive-layout
*/

:root {
  --amc-page-width: 1200px;
  --amc-sidebar-width: 190px;
  --amc-gap: 14px;
  --amc-blue: #263d55;
  --amc-blue-2: #315676;
  --amc-green: #8a9d47;
  --amc-orange: #d67f21;
  --amc-text: #1f2c38;
  --amc-muted: #6a7680;
  --amc-border: #cfd5db;
  --amc-panel: #f7f9fb;
  --amc-panel-head: #e4e9ee;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--amc-text);
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 1.35;
  background-color: #eceff1;
  background-image:
    linear-gradient(135deg, rgba(255,255,255,.46) 25%, transparent 25%),
    linear-gradient(225deg, rgba(255,255,255,.35) 25%, transparent 25%),
    linear-gradient(45deg, rgba(40,60,80,.04) 25%, transparent 25%),
    linear-gradient(315deg, rgba(40,60,80,.04) 25%, #eceff1 25%);
  background-position: 8px 0, 8px 0, 0 0, 0 0;
  background-size: 16px 16px;
}

a { color: #c44d12; text-decoration: none; }
a:hover, a:focus { color: #0f4c78; text-decoration: underline; }
img { max-width: 100%; height: auto; }
p { margin: 0 0 10px; }
ul, ol { padding-left: 18px; }
.screen-reader-text {
  border: 0; clip: rect(1px,1px,1px,1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal !important;
}

.site {
  width: var(--amc-page-width);
  margin: 0 auto;
  padding: 0 0 22px;
}

.site-header {
  padding: 9px 0 8px;
}
.header-top {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
}
.branding { min-width: 220px; }
.custom-logo-link { display: inline-block; margin-bottom: 3px; }
.custom-logo { max-height: 45px; width: auto; display: block; }
.site-title {
  margin: 0;
  font-size: 21px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: .5px;
  text-transform: uppercase;
}
.site-title a { color: #1d4e70; text-decoration: none; }
.site-description {
  margin: 2px 0 0;
  color: #273746;
  font-size: 10px;
  font-weight: 700;
}

.quick-links {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-bottom: 2px;
}
.quick-links a,
.search-toggle-label {
  background: var(--amc-green);
  color: #fff;
  display: inline-block;
  font-size: 9px;
  font-weight: 900;
  line-height: 20px;
  min-height: 20px;
  padding: 0 9px;
  text-transform: uppercase;
}
.quick-links a:hover { background: #6f8731; text-decoration: none; }
.search-toggle-label {
  background: var(--amc-orange);
  min-width: 22px;
  text-align: center;
  padding: 0;
  cursor: pointer;
}
.header-search { position: relative; }
.search-toggle { display: none; }
.header-search .search-form {
  display: none;
  position: absolute;
  top: 24px;
  right: 0;
  z-index: 20;
  padding: 6px;
  background: #d8dde3;
  border: 1px solid #bfc6cd;
  width: 205px;
}
.search-toggle:checked ~ .search-form { display: flex; }

.primary-nav { margin-top: 8px; }
.primary-nav .menu,
.primary-nav ul {
  display: flex;
  flex-wrap: wrap;
  gap: 3px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.primary-nav li { margin: 0; }
.primary-nav a {
  background: var(--amc-blue);
  color: #fff;
  display: block;
  font-size: 9px;
  font-weight: 900;
  line-height: 22px;
  padding: 0 10px;
  text-transform: uppercase;
  border-left: 1px solid rgba(255,255,255,.22);
  border-top: 1px solid rgba(255,255,255,.18);
}
.primary-nav a:hover,
.primary-nav .current-menu-item > a,
.primary-nav .current_page_item > a {
  background: var(--amc-blue-2);
  text-decoration: none;
}
.primary-nav .home-link a::before { content: "⌂ "; }

.content-wrap {
  display: grid;
  grid-template-columns: minmax(0, 1fr) var(--amc-sidebar-width);
  gap: var(--amc-gap);
  align-items: start;
}
.site-main { min-width: 0; }
.archive-heading,
.page-heading {
  background: var(--amc-panel-head);
  border: 1px solid var(--amc-border);
  color: #293c4c;
  margin: 0 0 8px;
  padding: 7px 10px;
  font-size: 16px;
  font-weight: 900;
}
.archive-description { background: #fff; border: 1px solid var(--amc-border); padding: 10px; margin-bottom: 8px; }

.post-card,
.content-card,
.no-results {
  position: relative;
  background: var(--amc-panel);
  border: 1px solid var(--amc-border);
  box-shadow: 0 1px 0 rgba(255,255,255,.85) inset;
  margin-bottom: 10px;
  overflow: hidden;
}
.post-card::before,
.content-card::before,
.no-results::before {
  content: "";
  position: absolute;
  inset: 31px 0 0 0;
  pointer-events: none;
  opacity: .6;
  background-image:
    linear-gradient(25deg, transparent 0 42%, rgba(120,132,145,.16) 43%, transparent 44%),
    linear-gradient(145deg, transparent 0 38%, rgba(120,132,145,.12) 39%, transparent 40%),
    radial-gradient(circle at 18% 32%, rgba(90,104,118,.13) 0 1px, transparent 2px),
    radial-gradient(circle at 80% 75%, rgba(90,104,118,.12) 0 1px, transparent 2px);
  background-size: 180px 100px, 160px 90px, 90px 90px, 110px 100px;
}
.card-title,
.content-title {
  position: relative;
  background: var(--amc-panel-head);
  border-bottom: 1px solid #d2d8de;
  margin: 0;
  padding: 7px 10px;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 900;
  letter-spacing: .1px;
  z-index: 1;
}
.card-title a,
.content-title a { color: #253848; text-decoration: none; }
.card-title a:hover,
.content-title a:hover { color: #0f4c78; }

.card-inner,
.content-inner {
  position: relative;
  z-index: 1;
  min-height: 104px;
  display: grid;
  grid-template-columns: 120px minmax(0,1fr) 120px;
  gap: 10px;
  padding: 12px 10px 28px;
}
.card-meta,
.content-meta {
  font-size: 10px;
  color: #222;
  line-height: 1.25;
}
.card-meta strong,
.content-meta strong { font-size: 10px; }
.post-categories,
.post-tags { display: block; color: #d04e14; font-weight: 900; margin-top: 2px; }
.post-categories a,
.post-tags a { color: #d04e14; }
.card-preview { min-width: 0; }
.thumb-inline {
  float: left;
  width: 124px;
  margin: 0 12px 6px 0;
}
.thumb-inline img {
  display: block;
  border: 1px solid #bec8d0;
  background: #fff;
  padding: 2px;
}
.card-date,
.content-date {
  text-align: right;
  color: #1f2d36;
  font-size: 10px;
  line-height: 1.25;
}
.more-link-button,
.read-more-button {
  position: absolute;
  right: 8px;
  bottom: 8px;
  z-index: 2;
  display: inline-block;
  background: var(--amc-blue-2);
  color: #fff;
  font-size: 9px;
  font-weight: 900;
  line-height: 20px;
  padding: 0 9px;
  text-transform: uppercase;
  border-radius: 1px;
}
.more-link-button:hover,
.read-more-button:hover { background: var(--amc-blue); color: #fff; text-decoration: none; }
.sticky .card-title::after { content: "Featured"; float: right; font-size: 9px; color: #fff; background: var(--amc-orange); padding: 2px 5px; }

.content-card .content-inner {
  display: block;
  padding: 12px 12px 16px;
}
.entry-content { font-size: 12px; }
.entry-content h1,
.entry-content h2,
.entry-content h3 { color: #253848; line-height: 1.2; }
.entry-content h2 { font-size: 17px; }
.entry-content h3 { font-size: 15px; }
.entry-content blockquote { border-left: 4px solid #cbd2d8; margin: 15px 0; padding: 7px 12px; background: rgba(255,255,255,.55); }
.entry-content table { width: 100%; border-collapse: collapse; margin: 15px 0; background: #fff; }
.entry-content th,
.entry-content td { border: 1px solid var(--amc-border); padding: 7px; text-align: left; }
.entry-content pre { overflow: auto; background: #eef2f5; border: 1px solid var(--amc-border); padding: 10px; }
.wp-caption { max-width: 100%; }
.wp-caption-text { font-size: 10px; color: var(--amc-muted); }
.alignleft { float: left; margin: 0 12px 10px 0; }
.alignright { float: right; margin: 0 0 10px 12px; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.navigation,
.posts-navigation,
.post-navigation,
.pagination {
  margin: 12px 0;
  display: flex;
  justify-content: space-between;
  gap: 8px;
}
.nav-links { width: 100%; display: flex; justify-content: space-between; gap: 8px; }
.nav-links a,
.page-numbers {
  background: var(--amc-blue);
  color: #fff;
  padding: 5px 9px;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 10px;
}
.page-numbers.current { background: #9aa6b0; }

.sidebar { min-width: 0; }
.widget {
  background: #d9dee3;
  border: 1px solid #c0c8cf;
  margin: 0 0 10px;
  padding: 7px;
}
.widget-title,
.widget h2,
.widget h3 {
  margin: 0 0 7px;
  background: #bdc7d0;
  color: #263848;
  font-size: 10px;
  line-height: 22px;
  padding: 0 8px;
  text-transform: uppercase;
  font-weight: 900;
}
.widget ul { list-style: none; margin: 0; padding: 0; }
.widget li {
  border-top: 1px solid rgba(255,255,255,.55);
  border-bottom: 1px solid rgba(150,160,168,.2);
  padding: 5px 2px;
}
.widget li:first-child { border-top: 0; }
.about-card { text-align: center; }
.about-card img { border: 4px solid #fff; box-shadow: 0 1px 2px rgba(0,0,0,.25); margin-bottom: 6px; }
.badge-box {
  display: block;
  background: #fff;
  border: 1px solid #c7c7c7;
  text-align: center;
  padding: 10px 5px;
  color: #c86a0e;
  font-size: 16px;
  font-weight: 900;
  margin: 7px 0;
}
.latest-list a { color: #263848; font-weight: 700; }
.version-pill { float: right; background: #df7b2b; color: #fff; font-size: 9px; padding: 1px 4px; }
.social-icons { display: flex; gap: 7px; flex-wrap: wrap; }
.social-icons a {
  display: inline-grid;
  place-items: center;
  width: 22px;
  height: 22px;
  background: var(--amc-blue-2);
  color: #fff;
  font-weight: 900;
}
.social-icons a:hover { background: var(--amc-blue); text-decoration: none; }

.search-form { display: flex; gap: 4px; }
.search-field {
  min-width: 0;
  width: 100%;
  border: 1px solid #b9c2cb;
  padding: 5px;
  font-size: 11px;
}
.search-submit,
button,
input[type="submit"] {
  background: var(--amc-blue-2);
  color: #fff;
  border: 0;
  padding: 5px 8px;
  cursor: pointer;
  font-size: 10px;
  font-weight: 900;
}
.search-submit:hover,
button:hover,
input[type="submit"]:hover { background: var(--amc-blue); }

.site-footer {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  font-size: 10px;
  color: #273746;
  padding: 10px 0 0;
}
.footer-links { margin: 8px 0 0; }
.footer-links a { color: #263848; margin-right: 12px; font-weight: 700; }
.footer-right { text-align: right; }
.footer-credit { color: #d04e14; font-weight: 900; }

.comments-area {
  background: var(--amc-panel);
  border: 1px solid var(--amc-border);
  padding: 12px;
  margin: 10px 0;
}
.comment-list { padding-left: 18px; }
.comment-form input,
.comment-form textarea { width: 100%; border: 1px solid var(--amc-border); padding: 7px; }

@media (max-width: 1000px) {
  .site { width: auto; max-width: var(--amc-page-width); padding-left: 12px; padding-right: 12px; }
}

@media (max-width: 780px) {
  body { font-size: 13px; }
  .header-top { align-items: flex-start; flex-direction: column; }
  .quick-links { margin-top: 8px; }
  .content-wrap { grid-template-columns: 1fr; }
  .card-inner { grid-template-columns: 1fr; gap: 7px; }
  .card-date { text-align: left; }
  .card-preview { clear: both; }
  .sidebar { width: 100%; }
  .site-footer { grid-template-columns: 1fr; }
  .footer-right { text-align: left; }
}

@media (max-width: 480px) {
  .site { padding-left: 8px; padding-right: 8px; }
  .site-title { font-size: 19px; }
  .primary-nav a { padding: 0 8px; }
  .quick-links { flex-wrap: wrap; }
  .thumb-inline { float: none; width: auto; margin: 0 0 8px; }
  .post-card::before, .content-card::before { inset-top: 29px; }
}


/* ashwintheme refinements requested: wider body, no visible footer, Nelson-style compact font stack */
body,
button,
input,
select,
textarea {
  font-family: Arial, Helvetica, sans-serif;
}

.site-title,
.site-description,
.primary-nav a,
.quick-links a,
.search-toggle-label,
.archive-heading,
.page-heading,
.card-title,
.content-title,
.widget-title,
.widget h2,
.widget h3,
.more-link-button,
.read-more-button {
  font-family: Arial, Helvetica, sans-serif;
}

.site {
  width: min(var(--amc-page-width), calc(100vw - 24px));
}

.site-footer {
  display: none !important;
}

@media (max-width: 1228px) {
  .site {
    width: auto;
    max-width: var(--amc-page-width);
    padding-left: 12px;
    padding-right: 12px;
  }
}
