/*
Theme Name: Maryland Athletics Today
Theme URI: https://marylandbankruptcyattorneys.org/
Author: Maryland Athletics Today
Author URI: https://marylandbankruptcyattorneys.org/
Description: A bold editorial magazine theme for a sports news portal. Plum & gold palette, Playfair Display + Source Sans 3, mobile-first magazine layout with large hero, three-column post grid, category strip and right sidebar.
Version: 1.0.0
Requires at least: 5.5
Tested up to: 6.5
Requires PHP: 7.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: maryland_athletics_theme
Tags: magazine, news, sports, two-columns, right-sidebar, custom-menu, featured-images, custom-logo, responsive
*/

/* ============================================================
   Maryland Athletics Today — Plum & Gold editorial magazine
   ============================================================ */

:root{
  --ma-primary:#3A1F4D;   /* deep plum */
  --ma-primary-700:#2C1639;
  --ma-accent:#C9A227;    /* antique gold */
  --ma-accent-600:#A9851A;
  --ma-ink:#1A1024;
  --ma-muted:#7A6E86;
  --ma-bg:#FBF8F3;        /* warm cream */
  --ma-surface:#FFFFFF;
  --ma-border:#E8E0E8;
  --ma-radius:10px;
  --ma-shadow:0 6px 22px rgba(58,31,77,.10);
  --ma-maxw:1200px;
  --ma-head:"Playfair Display", Georgia, "Times New Roman", serif;
  --ma-body:"Source Sans 3", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

*{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{
  margin:0;
  font-family:var(--ma-body);
  font-size:18px;
  line-height:1.7;
  color:var(--ma-ink);
  background:var(--ma-bg);
}
img{max-width:100%;height:auto;display:block;}
a{color:var(--ma-accent-600);text-decoration:none;}
a:hover{color:var(--ma-primary);text-decoration:underline;}

h1,h2,h3,h4,h5,h6{
  font-family:var(--ma-head);
  color:var(--ma-ink);
  line-height:1.2;
  margin:0 0 .5em;
  font-weight:700;
}
h1{font-size:2.4rem;}
h2{font-size:1.8rem;}
h3{font-size:1.35rem;}
p{margin:0 0 1.1em;}
blockquote{
  margin:1.4em 0;
  padding:.8em 1.2em;
  border-left:4px solid var(--ma-accent);
  background:#F3ECDB;
  font-style:italic;
  color:var(--ma-primary-700);
}
ul,ol{margin:0 0 1.1em 1.3em;}
li{margin:.25em 0;}

.ma-container{max-width:var(--ma-maxw);margin:0 auto;padding:0 20px;}
.skip-link{position:absolute;left:-9999px;}
.skip-link:focus{left:10px;top:10px;background:#fff;padding:8px 14px;z-index:999;}

/* ---------- Top bar ---------- */
.ma-topbar{
  background:var(--ma-primary-700);
  color:#E9DFF0;
  font-size:.82rem;
  letter-spacing:.04em;
}
.ma-topbar .ma-container{display:flex;justify-content:space-between;align-items:center;padding-top:7px;padding-bottom:7px;}
.ma-topbar a{color:#E9DFF0;}

/* ---------- Header ---------- */
.ma-header{
  background:var(--ma-primary);
  color:#fff;
  border-bottom:4px solid var(--ma-accent);
}
.ma-header .ma-container{display:flex;align-items:center;justify-content:space-between;padding-top:18px;padding-bottom:18px;gap:18px;flex-wrap:wrap;}
.ma-brand{display:flex;align-items:center;gap:14px;}
.ma-brand .site-logo svg{height:46px;width:auto;display:block;}
.ma-brand .site-title{font-family:var(--ma-head);font-size:1.7rem;font-weight:800;color:#fff;margin:0;line-height:1;}
.ma-brand .site-title a{color:#fff;text-decoration:none;}
.ma-brand .site-desc{font-size:.85rem;color:#D9C9E6;margin:3px 0 0;}

/* ---------- Navigation ---------- */
.ma-nav-wrap{background:var(--ma-primary-700);}
.ma-nav{display:flex;flex-wrap:wrap;align-items:center;}
.ma-nav ul{list-style:none;display:flex;flex-wrap:wrap;margin:0;padding:0;}
.ma-nav li{margin:0;}
.ma-nav a{
  display:block;color:#EADFF2;font-weight:600;font-size:.95rem;
  padding:13px 16px;text-transform:uppercase;letter-spacing:.03em;
}
.ma-nav a:hover,.ma-nav .current-menu-item>a{background:var(--ma-accent);color:var(--ma-primary-700);text-decoration:none;}
.ma-menu-toggle{display:none;background:var(--ma-accent);color:var(--ma-primary-700);border:0;font-weight:700;padding:11px 16px;cursor:pointer;width:100%;text-align:left;font-size:1rem;}

/* ---------- Hero ---------- */
.ma-hero{
  position:relative;
  background:var(--ma-primary);
  color:#fff;
  overflow:hidden;
}
.ma-hero-media{position:absolute;inset:0;}
.ma-hero-media img{width:100%;height:100%;object-fit:cover;opacity:.34;}
.ma-hero-overlay{position:relative;z-index:2;padding:70px 0;background:linear-gradient(90deg,rgba(44,22,57,.82) 0%,rgba(44,22,57,.35) 100%);}
.ma-hero h1{color:#fff;font-size:3rem;max-width:760px;}
.ma-hero p{font-size:1.2rem;color:#EADFF2;max-width:640px;}
.ma-hero .ma-btn{margin-top:10px;}

.ma-btn{
  display:inline-block;background:var(--ma-accent);color:var(--ma-primary-700);
  font-weight:700;padding:12px 26px;border-radius:var(--ma-radius);
  text-transform:uppercase;letter-spacing:.04em;font-size:.95rem;
}
.ma-btn:hover{background:#fff;color:var(--ma-primary);text-decoration:none;}

/* ---------- Category strip ---------- */
.ma-catstrip{background:var(--ma-surface);border-bottom:1px solid var(--ma-border);}
.ma-catstrip .ma-container{display:flex;gap:10px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px;}
.ma-chip{
  display:inline-block;border:1px solid var(--ma-border);border-radius:30px;
  padding:6px 16px;font-size:.85rem;font-weight:600;color:var(--ma-primary);
}
.ma-chip:hover{background:var(--ma-primary);color:#fff;text-decoration:none;}

/* ---------- Layout ---------- */
.ma-main{padding:38px 0 50px;}
.ma-layout{display:grid;grid-template-columns:1fr 320px;gap:38px;}
.ma-layout.full{grid-template-columns:1fr;}

.ma-section-title{
  font-size:1.5rem;border-bottom:3px solid var(--ma-accent);
  padding-bottom:8px;margin-bottom:24px;display:inline-block;
}

/* ---------- Post grid ---------- */
.ma-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.ma-card{
  background:var(--ma-surface);border:1px solid var(--ma-border);
  border-radius:var(--ma-radius);overflow:hidden;box-shadow:var(--ma-shadow);
  display:flex;flex-direction:column;transition:transform .15s ease;
}
.ma-card:hover{transform:translateY(-4px);}
.ma-card .thumb{aspect-ratio:16/10;overflow:hidden;background:#Eee;}
.ma-card .thumb img{width:100%;height:100%;object-fit:cover;}
.ma-card .body{padding:16px 18px 20px;display:flex;flex-direction:column;flex:1;}
.ma-card .cat{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ma-accent-600);margin-bottom:6px;}
.ma-card h3{font-size:1.18rem;margin:0 0 8px;}
.ma-card h3 a{color:var(--ma-ink);}
.ma-card h3 a:hover{color:var(--ma-primary);text-decoration:none;}
.ma-card .excerpt{font-size:.92rem;color:var(--ma-muted);margin:0 0 14px;}
.ma-card .meta{margin-top:auto;font-size:.78rem;color:var(--ma-muted);}

/* ---------- Single ---------- */
.ma-article{background:var(--ma-surface);border:1px solid var(--ma-border);border-radius:var(--ma-radius);padding:34px;box-shadow:var(--ma-shadow);}
.ma-article .cat{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ma-accent-600);}
.ma-article h1{margin:.2em 0 .3em;font-size:2.5rem;}
.ma-article .entry-meta{color:var(--ma-muted);font-size:.9rem;margin-bottom:22px;}
.ma-article .featured{margin:0 0 26px;border-radius:var(--ma-radius);overflow:hidden;}
.ma-article .entry-content p:first-of-type{font-size:1.12rem;}
.ma-tags{margin-top:26px;padding-top:18px;border-top:1px solid var(--ma-border);}
.ma-tags a{display:inline-block;background:#F3ECDB;color:var(--ma-primary-700);padding:5px 13px;border-radius:20px;font-size:.8rem;margin:0 6px 8px 0;}
.ma-tags a:hover{background:var(--ma-accent);text-decoration:none;}

/* ---------- Sidebar ---------- */
.ma-sidebar .widget{background:var(--ma-surface);border:1px solid var(--ma-border);border-radius:var(--ma-radius);padding:20px 22px;margin-bottom:26px;}
.ma-sidebar .widget-title{font-size:1.1rem;border-bottom:2px solid var(--ma-accent);padding-bottom:8px;margin-bottom:14px;}
.ma-sidebar ul{list-style:none;margin:0;padding:0;}
.ma-sidebar li{padding:7px 0;border-bottom:1px dashed var(--ma-border);font-size:.95rem;}
.ma-sidebar li:last-child{border-bottom:0;}

/* ---------- Pagination ---------- */
.ma-pagination{margin:34px 0 0;display:flex;gap:8px;flex-wrap:wrap;}
.ma-pagination a,.ma-pagination span{
  display:inline-block;padding:9px 15px;border:1px solid var(--ma-border);
  border-radius:8px;font-weight:600;color:var(--ma-primary);background:var(--ma-surface);
}
.ma-pagination .current{background:var(--ma-primary);color:#fff;border-color:var(--ma-primary);}
.ma-pagination a:hover{background:var(--ma-accent);color:var(--ma-primary-700);text-decoration:none;}

/* ---------- Footer ---------- */
.ma-footer{background:var(--ma-primary-700);color:#D9C9E6;margin-top:50px;}
.ma-footer .ma-container{padding-top:40px;padding-bottom:24px;}
.ma-footer-cols{display:grid;grid-template-columns:2fr 1fr 1fr;gap:34px;}
.ma-footer h4{color:#fff;font-size:1.1rem;margin-bottom:14px;}
.ma-footer a{color:#D9C9E6;}
.ma-footer a:hover{color:var(--ma-accent);}
.ma-footer ul{list-style:none;margin:0;padding:0;}
.ma-footer li{padding:5px 0;font-size:.92rem;}
.ma-footer .site-logo svg{height:40px;margin-bottom:12px;}
.ma-copyright{border-top:1px solid rgba(255,255,255,.12);margin-top:30px;padding-top:18px;font-size:.85rem;text-align:center;color:#B9A6C8;}

/* ---------- Responsive ---------- */
@media (max-width:1024px){
  .ma-grid{grid-template-columns:repeat(2,1fr);}
  .ma-layout{grid-template-columns:1fr 280px;gap:28px;}
  .ma-hero h1{font-size:2.4rem;}
}
@media (max-width:820px){
  .ma-layout{grid-template-columns:1fr;}
  .ma-footer-cols{grid-template-columns:1fr;gap:24px;}
}
@media (max-width:680px){
  body{font-size:17px;}
  .ma-grid{grid-template-columns:1fr;}
  .ma-menu-toggle{display:block;}
  .ma-nav ul{display:none;flex-direction:column;width:100%;}
  .ma-nav.open ul{display:flex;}
  .ma-nav a{padding:13px 18px;border-top:1px solid rgba(255,255,255,.08);}
  .ma-hero-overlay{padding:46px 0;}
  .ma-hero h1{font-size:2rem;}
  .ma-article{padding:22px;}
  .ma-article h1{font-size:1.9rem;}
}
