/*
Theme Name: MDN Theme
Theme URI: https://www.mobiledisconetwork.com/
Author: Mobile Disco Network (Tim Daymond)
Description: Bare theme for mobiledisconetwork.com. Every MDN page carries its own design, so this theme only adds the site header and footer around it, plus a simple, readable layout for blog posts and any other page.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: All rights reserved
Text Domain: mdn
*/

body { margin: 0; padding: 0; background-color: #f7f9f6; color: #2c3e35; font-family: 'Helvetica Neue', Arial, sans-serif; scroll-behavior: smooth; }
.footer-link { color: #f8f9fa; text-decoration: underline; transition: color 0.3s ease; }
.footer-link:hover { color: #a3b899; }
details summary::-webkit-details-marker { display: none; }
details summary { list-style: none; }
.mdn-btn:focus, .mdn-link:focus, .carousel-dot:focus { outline: 3px solid #789072 !important; outline-offset: 3px !important; }
.mdn-pkg-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; }
.mdn-guide-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
@media (max-width: 768px) {
    .mdn-pkg-grid { grid-template-columns: 1fr; }
    .mdn-pkg-header { height: auto !important; min-height: 130px; padding: 15px !important; }
    .mdn-guide-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 480px) {
    .mdn-guide-grid { grid-template-columns: 1fr; }
}
@media (max-width: 480px) {
    .mdn-btn { padding: 12px 18px !important; font-size: 1rem !important; }
    .carousel-dot { width: 16px !important; height: 16px !important; }
    .mdn-bar-price { display: none; }
    #mdn-sticky-bar { justify-content: space-between !important; }
}
.mdn-nav-links { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 10px 22px; }
.mdn-nav-toggle { display: none; }
.mdn-mobile-panel { display: none; }
@media (max-width: 820px) {
    .mdn-nav-links { display: none; }
    .mdn-nav-toggle { display: inline-flex; }
}
.mdn-toggle-icon { display: inline-block; transition: transform 0.2s ease; }
details[open] > summary .mdn-toggle-icon { transform: rotate(45deg); }
.mdn-badge-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }
@media (max-width: 600px) {
    .mdn-badge-grid { grid-template-columns: 1fr; }
}
.mdn-badge-grid-wide { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 18px; }
.mdn-timeline-track { position: relative; }
.mdn-timeline-track::before { content: ""; position: absolute; left: 37px; top: 0; bottom: 0; width: 2px; background: #a3b899; z-index: 0; }
.mdn-timeline-track details { position: relative; z-index: 1; }
.mdn-texture-dark { background-image: repeating-linear-gradient(45deg, rgba(255,255,255,0.025) 0px, rgba(255,255,255,0.025) 1px, transparent 1px, transparent 15px), linear-gradient(135deg, #1e2a22 0%, #2c3e35 100%); }


.footer-link { color: #e5e7eb; text-decoration: underline; transition: color 0.3s ease; display: inline-block; padding: 6px 0; }
.footer-nav-list li { margin-bottom: 4px; }
.footer-link:hover { color: #d4af37; }
.footer-accordion summary { color: #ffffff; font-size: 1rem; font-weight: 700; border-bottom: 2px solid rgba(163,184,153,0.3); padding-bottom: 10px; margin: 0; cursor: pointer; list-style: none; }
.footer-accordion summary::-webkit-details-marker { display: none; }
.footer-accordion summary::after { content: '+'; float: right; font-weight: 400; }
.footer-accordion[open] summary::after { content: '\2212'; }

:where(a,button,summary,[role=button],[role=tab],[tabindex]):focus-visible{outline:3px solid #1e2a22;outline-offset:2px;box-shadow:0 0 0 5px #fff}:where(input,select,textarea):focus{outline:3px solid #1e2a22;outline-offset:2px}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}main a[href]:not([class]):not([style*="padding"]):not(:is(p,li,label,button,.sr-only,.screen-reader-text) a){display:inline-block;padding-top:4px;padding-bottom:4px}main :is(label small,span>small,.band-label small,.crf-badge,.tier-badge,.osb-music-tag,.pp-count,.spt-dj-badge,.wcc-stat-label,.shade-chip,.pw-foot,.theme-chip span,div.unit){font-size:12px!important}main [style*="font-size: 0.72rem"],main [style*="font-size: 0.7rem"]{font-size:.75rem!important}
/* blog posts, archives and ordinary pages */
.mdn-blog{max-width:780px;margin:0 auto;padding:40px 20px 60px;font-size:18px;line-height:1.7;color:#2c3e35}
.mdn-blog h1{font-size:2.1rem;line-height:1.25;color:#1e2a22;margin:0 0 10px}
.mdn-blog h2{font-size:1.5rem;line-height:1.3;color:#1e2a22;margin:34px 0 10px}
.mdn-blog h3{font-size:1.2rem;color:#1e2a22;margin:26px 0 8px}
.mdn-blog a{color:#0b4a8b}
.mdn-blog img{max-width:100%;height:auto;border-radius:10px}
.mdn-blog figure{margin:22px 0}
.mdn-blog .mdn-meta{color:#5b6b61;font-size:.95rem;margin:0 0 22px}
.mdn-blog .mdn-list{list-style:none;padding:0;margin:0}
.mdn-blog .mdn-list li{padding:18px 0;border-bottom:1px solid #d0dad0}
.mdn-blog .mdn-list h2{margin:0 0 6px;font-size:1.3rem}
.mdn-blog .nav-links{display:flex;justify-content:space-between;gap:12px;margin-top:28px}
.mdn-blog .mdn-cta{display:inline-block;background:#d4af37;color:#001f3f;font-weight:700;text-decoration:none;padding:12px 24px;border-radius:999px;margin:6px 8px 0 0}