/* MSW Wizard component */
:root { --msw-blue:#185ABD; --msw-blue-dark:#0F4BB3; --msw-gray:#475569; }
.msw-wiz-component { padding: 16px 0; }
.msw-wiz-card { max-width: 1080px; margin:0 auto; padding: 24px 16px 28px; background:#fff; border:1px solid #e6ecf6; border-radius:16px; box-shadow:0 10px 24px rgba(2,6,23,0.06); }
.msw-wiz-q { font-size: 22px; margin: 0 0 12px; text-align:center; }
.msw-wiz-answers { display:flex; gap:10px; flex-wrap:wrap; justify-content:center; }
.msw-btn { display:inline-block; padding:12px 18px; border-radius:12px; font-weight:700; text-decoration:none; border:1px solid transparent; cursor:pointer; }
.msw-btn.primary { background:var(--msw-blue); color:#fff; }
.msw-btn.primary:hover { background:var(--msw-blue-dark); }
.msw-btn.secondary { background:#e2e8f0; color:#0f172a; }
.msw-stack { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.msw-card-btn { text-align:left; background:#fff; border:1px solid #e6ecf6; border-radius:12px; padding:14px; cursor:pointer; box-shadow:0 6px 16px rgba(2,6,23,0.05); }
.msw-card-btn strong { display:block; margin-bottom:6px; }
.msw-card-btn span { color:var(--msw-gray); font-size:14px; }
.msw-nav { display:flex; gap:10px; justify-content:flex-end; margin-top:14px; }
.msw-result { background:#f8fafc; border:1px solid #e6ecf6; border-radius:12px; padding:14px; text-align:center; }
.msw-result a { color:var(--msw-blue); font-weight:700; }
@media(max-width:768px){ .msw-stack { grid-template-columns:1fr; } }
/* Full-width, remove sidebar when wizard is on the page */
body.msw-wizard-page #secondary,
body.msw-wizard-page .ast-sidebar,
body.msw-wizard-page .primary-sidebar { display:none !important; }
body.msw-wizard-page .content-area,
body.msw-wizard-page #primary,
body.msw-wizard-page .site-main { width:100% !important; float:none !important; max-width:100% !important; }
body.msw-wizard-page .ast-container { max-width: 1200px !important; }

/* Titles and sections under the wizard */
.msw-wiz-title { text-align:center; margin-top:0; margin-bottom:10px; }
.msw-wiz-seo .msw-wiz-card, .msw-wiz-howto .msw-wiz-card, .msw-wiz-faq .msw-wiz-card { margin-top: 14px; }
.msw-how-steps { margin: 0 0 0 20px; }
.msw-wiz-faq details { background:#fff; border:1px solid #e6ecf6; border-radius:10px; padding:10px 12px; margin:8px 0; }
.msw-wiz-faq summary { cursor:pointer; font-weight:700; }

/* === Page-scoped fixes for wizard page === */
/* Remove sidebar and make content full width */
body.msw-wizard-page #secondary,
body.msw-wizard-page .ast-sidebar,
body.msw-wizard-page .primary-sidebar { display:none !important; }
body.msw-wizard-page .content-area,
body.msw-wizard-page #primary,
body.msw-wizard-page .site-main { width:100% !important; float:none !important; max-width:100% !important; }
body.msw-wizard-page .ast-container { max-width:1200px !important; }

/* Keep header in a single row on this page and center the nav */
body.msw-wizard-page .ast-primary-header-bar .ast-builder-grid-row { grid-template-columns: auto 1fr auto !important; }
body.msw-wizard-page .main-header-bar .main-header-bar-navigation,
body.msw-wizard-page .main-header-menu > li { white-space: nowrap; }
/* Constrain search so it doesn't push menu to next line */
body.msw-wizard-page .ast-header-search form,
body.msw-wizard-page .ast-header-search .search-form { max-width: 200px !important; width:200px !important; }
body.msw-wizard-page .ast-header-search input[type="search"],
body.msw-wizard-page .ast-header-search .search-field { width: 180px !important; }

/* Reduce menu item spacing and optionally hide header social icons on this page */
body.msw-wizard-page .main-header-menu > li > a { padding-left: 10px !important; padding-right: 10px !important; }
body.msw-wizard-page .main-header-menu { column-gap: 4px !important; }
/* Hide header social icons cluster to prevent wrapping */
body.msw-wizard-page .ast-header-social, 
body.msw-wizard-page .ast-header-social-wrap,
body.msw-wizard-page .ast-header-social-1 { display:none !important; }

/* --- New sections styling to match reference --- */
.msw-wiz-header { max-width:1080px; margin: 0 auto 12px; padding: 0 8px; }
.msw-wiz-header h1 { font-size: 28px; margin: 8px 0; font-weight: 800; letter-spacing: -0.01em; }
.msw-wiz-header p { color:#334155; margin: 0 0 8px; }

.msw-wiz-how-works .msw-how-grid { display:grid; grid-template-columns: repeat(3, 1fr); gap: 14px; align-items: stretch; }
.msw-how-step { background:#fff; border:1px solid #e6ecf6; border-radius: 12px; padding: 16px; box-shadow:0 8px 18px rgba(2,6,23,0.05); }
.msw-how-badge { width:32px; height:32px; border-radius:9999px; background:#eaf2ff; color:#185ABD; display:flex; align-items:center; justify-content:center; font-weight:800; margin-bottom:8px; }
.msw-how-step h3 { margin: 0 0 4px; font-size: 16px; }
.msw-how-step p { margin: 0; color:#475569; }

.msw-wiz-cant-find .msw-cant-actions { display:flex; gap:10px; flex-wrap:wrap; }
.msw-wiz-cant-find .msw-btn.secondary { background:#fff; color:var(--msw-blue); border-color:#bcd0f5; }

@media(max-width: 768px){
  .msw-wiz-header h1 { font-size: 22px; }
  .msw-wiz-how-works .msw-how-grid { grid-template-columns: 1fr; }
}

/* Center the page title on the wizard page (Astra entry title) */
body.msw-wizard-page .entry-title { text-align: center !important; }

/* Hide breadcrumbs on wizard page (Rank Math / Astra) */
body.msw-wizard-page .rank-math-breadcrumb,
body.msw-wizard-page .ast-breadcrumbs,
body.msw-wizard-page .breadcrumbs { display:none !important; }

/* Hide related posts/blocks on wizard page */
body.msw-wizard-page .related-posts,
body.msw-wizard-page .yarpp-related,
body.msw-wizard-page .entry-related,
body.msw-wizard-page .wp-block-latest-posts,
body.msw-wizard-page .wp-block-query { display:none !important; }

/* Explicitly hide optional sections not needed now */
.msw-wiz-how-works, .msw-wiz-cant-find,
/* legacy class names seen in DOM */
.msw-how-works, .msw-escape,
/* additional DOM classes/ids observed */
.msw-how-it-works, #msw-how-title, .msw-how-grid { display:none !important; }

/* Stronger: target both class-based and slug-based body classes */
body.msw-wizard-page #secondary,
body.msw-wizard-page .ast-sidebar,
body.msw-wizard-page .primary-sidebar,
body.page-slug-troubleshooting-wizard .ast-sidebar,
body.page-slug-troubleshooting-wizard .primary-sidebar { display:none !important; }

body.msw-wizard-page .content-area,
body.msw-wizard-page #primary,
body.msw-wizard-page .site-main,
body.page-slug-troubleshooting-wizard .content-area,
body.page-slug-troubleshooting-wizard #primary,
body.page-slug-troubleshooting-wizard .site-main { width:100% !important; float:none !important; max-width:100% !important; }

body.msw-wizard-page .ast-container,
body.page-slug-troubleshooting-wizard .ast-container { max-width:1200px !important; }

/* Header single-row on wizard page */
body.msw-wizard-page .ast-primary-header-bar .ast-builder-grid-row,
body.page-slug-troubleshooting-wizard .ast-primary-header-bar .ast-builder-grid-row { grid-template-columns: auto 1fr auto !important; }
body.msw-wizard-page .main-header-bar .main-header-bar-navigation,
body.page-slug-troubleshooting-wizard .main-header-bar .main-header-bar-navigation,
body.msw-wizard-page .main-header-menu,
body.page-slug-troubleshooting-wizard .main-header-menu { justify-content:center !important; }
body.msw-wizard-page .main-header-menu > li,
body.page-slug-troubleshooting-wizard .main-header-menu > li { white-space: nowrap; }
body.msw-wizard-page .ast-header-search form,
body.page-slug-troubleshooting-wizard .ast-header-search form,
body.msw-wizard-page .ast-header-search .search-form,
body.page-slug-troubleshooting-wizard .ast-header-search .search-form { max-width: 200px !important; width:200px !important; }
body.msw-wizard-page .ast-header-search input[type="search"],
body.page-slug-troubleshooting-wizard .ast-header-search input[type="search"],
body.msw-wizard-page .ast-header-search .search-field,
body.page-slug-troubleshooting-wizard .ast-header-search .search-field { width: 180px !important; }