/*
Theme Name: MostPlays Child
Template: astra
Description: Child theme for MostPlays custom styles
Version: 1.0
*/

/* =============================================
   COMPREHENSIVE GUIDES SECTION
   ============================================= */
.mp-guides{max-width:1180px;margin:0 auto;padding:40px 16px 10px}
.mp-guides__heading{font-weight:900;text-transform:uppercase;letter-spacing:.03em;font-size:clamp(20px,2.2vw,28px);margin:0 0 20px;color:#0b0f19;text-align:center}
.mp-guides__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
@media(max-width:980px){.mp-guides__grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:540px){.mp-guides__grid{grid-template-columns:1fr}}
.mp-guides__card{display:block;border-radius:10px;overflow:hidden;text-decoration:none;color:#fff;position:relative;transition:transform .2s ease,box-shadow .2s ease}
.mp-guides__card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.25)}
.mp-guides__img{width:100%;padding-top:62%;background-size:cover;background-position:center;background-color:#1e293b}
.mp-guides__label{position:absolute;bottom:0;left:0;right:0;padding:32px 14px 14px;background:linear-gradient(transparent,rgba(0,0,0,.78));font-weight:700;font-size:14.5px;line-height:1.3;letter-spacing:.01em}

/* =============================================
   ESPORTS CALENDAR SECTION
   ============================================= */
.mpcal-home{
  --text:#0b0f19;
  --muted:#4b5563;
  --border:#d1d5db;
  --cardBorder:#b7e4b7;
  --cardBg:#f3fff3;
  --cardHeadBg:#e8ffe8;
  --radius:8px;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,"Helvetica Neue",Arial,sans-serif;
  color:var(--text);
}
.mpcal-home__wrap{max-width:1180px;margin:0 auto;padding:18px 16px;display:grid;gap:22px;align-items:start}
@media(max-width:980px){.mpcal-home__wrap{grid-template-columns:1fr}}
.mpcal-home__h1{margin:0 0 12px 0;font-weight:900;text-transform:uppercase;letter-spacing:.02em;line-height:1.08;font-size:clamp(22px,2.4vw,34px)}
.mpcal-home__p{margin:0 0 10px 0;line-height:1.55;color:#111827;font-size:14.5px}
.mpcal-home__note{margin:10px 0 14px 0;padding:10px 12px;border:1px solid var(--border);border-left:4px solid #22c55e;border-radius:var(--radius);background:#fff;font-size:13.5px;color:#111827}
.mpcal-home__tableCard{border:1px solid var(--cardBorder);background:var(--cardBg);border-radius:var(--radius);overflow:hidden;margin-bottom:32px}
.mpcal-home__monthIntro{padding:14px 12px 6px 12px;background:#fff;border-bottom:1px solid rgba(183,228,183,.65)}
.mpcal-home__monthTitle{margin:0 0 10px 0;font-weight:900;text-transform:uppercase;letter-spacing:.02em;line-height:1.1;font-size:clamp(18px,2vw,24px);color:#0b0f19}
.mpcal-home__monthDesc{margin:0;color:#374151;font-size:14.5px;line-height:1.6}
.mpcal-home__tableScroll{overflow-x:auto}
table.mpcal-home__table{width:100%;border-collapse:collapse}
.mpcal-home__table thead th{text-align:left;font-size:12px;color:#374151;padding:10px 12px;border-bottom:1px solid var(--cardBorder);background:rgba(255,255,255,.55)}
.mpcal-home__table tbody td{padding:10px 12px;border-bottom:1px solid rgba(183,228,183,.6);font-size:13.5px;color:#111827;vertical-align:top}
.mpcal-home__table tbody tr:hover td{background:rgba(255,255,255,.55)}

/* Table of Contents */
.mpcal-toc{border:1px solid #b7e4b7;border-radius:8px;background:#fff;margin:14px 0 10px;overflow:hidden}
.mpcal-toc__header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;background:#f3fff3}
.mpcal-toc__title{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:.02em;text-transform:uppercase;font-size:13px;color:#0b0f19}
.mpcal-toc__icon{font-size:15px;line-height:1}
.mpcal-toc__toggle{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(0,0,0,.12);background:#fff;border-radius:8px;padding:6px 10px;font-size:12.5px;color:#111827;cursor:pointer}
.mpcal-toc__caret{display:inline-block;transform:rotate(0deg);transition:transform .18s ease}
.mpcal-toc__toggle[aria-expanded="true"] .mpcal-toc__caret{transform:rotate(180deg)}
.mpcal-toc__body{padding:12px 14px 14px;background:#fff;border-top:1px solid rgba(183,228,183,.7)}
.mpcal-toc__list{margin:0;padding-left:18px;font-size:13.5px;color:#111827}
.mpcal-toc__list li{margin:6px 0}
.mpcal-toc__list a{color:#1d4ed8;text-decoration:none}
.mpcal-toc__list a:hover{text-decoration:underline}

/* Images */
.mpcal-image{margin:20px 0}
.mpcal-image img{width:100%;border-radius:8px;display:block}
.mpcal-image__credit{font-size:12px;color:#6b7280;margin-top:6px;text-align:right}

/* FAQs */
.mpcal-faqs{margin-top:40px;max-width:1180px}
.mpcal-faqs__title{font-weight:900;text-transform:uppercase;letter-spacing:.02em;font-size:clamp(20px,2.2vw,28px);margin:0 0 20px;color:#0b0f19}
.mpcal-faqs__item{margin-bottom:20px;padding:14px 16px;border:1px solid #d1d5db;border-radius:8px;background:#fff}
.mpcal-faqs__question{margin:0 0 8px;font-weight:700;font-size:15px;color:#0b0f19}
.mpcal-faqs__answer{margin:0;font-size:14.5px;line-height:1.6;color:#374151}