/*
 * Got Hot Wheels Auctions — Phase 117 visual verification corrections
 * Presentation-only follow-up to Phase 116. Backend routes, permissions,
 * marketplace state, billing, tax, orders, and freeze fingerprints are untouched.
 */

/* Keep the accessibility shortcut available without allowing it to sit in page flow. */
.ghw117-body .ghw-skip-link {
    position: fixed !important;
    top: 8px !important;
    left: 8px !important;
    z-index: 10000 !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 11px 15px !important;
    overflow: visible !important;
    clip: auto !important;
    border: 2px solid #ffc328 !important;
    border-radius: 8px !important;
    color: #111 !important;
    background: #fff !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    transform: translateY(-160%) !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transition: transform .12s ease, opacity .12s ease !important;
}
.ghw117-body .ghw-skip-link:focus,
.ghw117-body .ghw-skip-link:focus-visible {
    transform: translateY(0) !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}

/* A wider, calmer desktop frame. */
.ghw117-body .ghwV5-wrap,
.ghw117-body .ghw-wrap {
    width: min(1480px, calc(100% - 56px));
}
.ghw117-body .ghw-page-wrap,
.ghw117-body .ghw-dash-wrap,
.ghw117-body .ghw107-wrap,
.ghw117-body .ghw72-admin-page > .ghw-wrap,
.ghw117-body .ghw-seller-page > .ghw-wrap,
.ghw117-body .ghw-page-titlebar > .ghw-wrap,
.ghw117-body .ghw106-favorites-wrap {
    width: min(1360px, calc(100% - 48px)) !important;
    margin-inline: auto !important;
}

/* Desktop header readability. */
.ghw117-body .ghwV5-topbar,
.ghw117-body .ghwV5-topbarInner { min-height: 36px; }
.ghw117-body .ghwV5-secure {
    font-size: 12px;
    letter-spacing: .12em;
}
.ghw117-body .ghwV5-topLinks a { font-size: 13px; }
.ghw117-body .ghwV5-headerInner {
    min-height: 92px;
    grid-template-columns: 228px minmax(0, 1fr);
    gap: 28px;
}
.ghw117-body .ghwV5-logo img { width: 218px; }
.ghw117-body .ghwV5-menuPanel { gap: 20px; }
.ghw117-body .ghwV5-mainNav { gap: 5px; }
.ghw117-body .ghwV5-mainNav > a {
    min-height: 46px;
    padding-inline: 13px;
    font-size: 14px;
}
.ghw117-body .ghwV5-live { font-size: 10px; }
.ghw117-body .ghwV5-search {
    width: clamp(220px, 18vw, 310px);
    height: 48px;
}
.ghw117-body .ghwV5-search input { font-size: 14px; }
.ghw117-body .ghwV5-login,
.ghw117-body .ghwV5-register,
.ghw117-body .ghwV5-account > summary {
    min-height: 48px;
    font-size: 14px;
}
.ghw117-body .ghwV5-account > summary { max-width: 220px; }
.ghw117-body .ghw116-account-avatar {
    width: 34px;
    height: 34px;
    flex-basis: 34px;
    font-size: 14px;
}

/* One account navigation system is enough. Legacy JavaScript injected another. */
.ghw117-body .ghw60-seller-nav,
.ghw117-body .ghw87-quickbar,
.ghw117-body [data-ghw-legacy-account-nav] {
    display: none !important;
}
.ghw117-body .ghw116-quickbar-inner {
    min-height: 54px;
    gap: 8px;
}
.ghw117-body .ghw116-quickbar-label {
    padding-inline: 6px;
    font-size: 10px;
}
.ghw117-body .ghw116-quickbar a {
    min-height: 38px;
    padding-inline: 13px;
    font-size: 13px;
}

/* Page text should not look like fine print on a 1920px display. */
.ghw117-body main p,
.ghw117-body main li,
.ghw117-body main label,
.ghw117-body main input,
.ghw117-body main select,
.ghw117-body main textarea,
.ghw117-body main button {
    font-size: max(14px, 1em);
}
.ghw117-body .ghw-page-hero p,
.ghw117-body .ghw-dash-hero p,
.ghw117-body .ghw107-seller-hero p,
.ghw117-body .ghw106-favorites-hero p,
.ghw117-body .ghw-page-titlebar p,
.ghw117-body .ghw72-hero p {
    font-size: 16px !important;
    line-height: 1.55 !important;
}
.ghw117-body .ghw-page-kicker,
.ghw117-body .ghw106-favorites-kicker,
.ghw117-body .ghw107-seller-hero span,
.ghw117-body .ghw72-kicker { font-size: 12px !important; }

/* Give account pages a consistent visual width and rhythm. */
.ghw117-body .ghw-page-shell,
.ghw117-body .ghw-dashboard-v6,
.ghw117-body .ghw106-favorites,
.ghw117-body .ghw-seller-page {
    min-height: 0 !important;
}
.ghw117-body .ghw-page-shell { padding-bottom: 56px; }
.ghw117-body .ghw-page-hero {
    padding: 28px 30px !important;
    margin-bottom: 22px !important;
}
.ghw117-body .ghw-content-panel { padding: 22px !important; }
.ghw117-body .ghw-empty-panel,
.ghw117-body .ghw-empty-state,
.ghw117-body .ghw106-favorites-empty {
    min-height: 210px !important;
    padding: 36px 28px !important;
}
.ghw117-body .ghw-empty-panel h2,
.ghw117-body .ghw-empty-state h3,
.ghw117-body .ghw106-favorites-empty strong {
    font-size: 24px !important;
}
.ghw117-body .ghw-empty-panel p,
.ghw117-body .ghw-empty-state p,
.ghw117-body .ghw106-favorites-empty p {
    font-size: 15px !important;
}

/* Dashboard: remove legacy links injected into the action row and use the canvas better. */
.ghw117-body .ghw-dash-wrap { width: min(1360px, calc(100% - 48px)) !important; }
.ghw117-body .ghw-dash-hero { padding: 42px 0 36px !important; }
.ghw117-body .ghw-dash-hero-grid {
    grid-template-columns: minmax(0, 1fr) minmax(290px, 350px) !important;
    gap: 28px !important;
}
.ghw117-body .ghw-dash-actions {
    align-items: center;
    gap: 10px !important;
}
.ghw117-body .ghw-dash-actions > a:not(.ghw-dash-btn) { display: none !important; }
.ghw117-body .ghw-dash-main { padding-top: 24px !important; }
.ghw117-body .ghw-dash-card,
.ghw117-body .ghw-dash-panel,
.ghw117-body .ghw-account-card { border-radius: 16px !important; }
.ghw117-body .ghw-dash-card p,
.ghw117-body .ghw-dash-panel p,
.ghw117-body .ghw-account-card p { font-size: 15px !important; }

/* My Listings: compact the plan notice and clarify the primary action area. */
.ghw117-body .ghw-page-titlebar { padding: 32px 0 22px !important; }
.ghw117-body .ghw-page-titlebar h1 { font-size: clamp(44px, 4vw, 62px) !important; }
.ghw117-body .ghw-seller-page { padding: 26px 0 64px !important; }
.ghw117-body .ghw-seller-page .ghw99-card {
    padding: 22px 24px !important;
    margin-bottom: 20px !important;
}
.ghw117-body .ghw-seller-page .ghw99-card h2 { margin-bottom: 6px !important; }
.ghw117-body .ghw-seller-actions-bar {
    padding: 16px !important;
    gap: 18px !important;
}
.ghw117-body .ghw-seller-stats a {
    min-width: 126px;
    min-height: 76px;
}
.ghw117-body .ghw-seller-stats a strong { font-size: 24px !important; }
.ghw117-body .ghw-seller-stats a span { font-size: 12px !important; }

/* Listing form: stronger labels, inputs, and section hierarchy. */
.ghw117-body .ghw107-form-page { padding: 34px 0 72px; }
.ghw117-body .ghw107-form { gap: 18px; }
.ghw117-body .ghw107-form-card > header { padding: 20px 22px; }
.ghw117-body .ghw107-form-card > header strong,
.ghw117-body .ghw107-form-card > header em { font-size: 17px !important; }
.ghw117-body .ghw107-form-card > header small { font-size: 13px !important; }
.ghw117-body .ghw107-grid { gap: 18px; padding: 22px; }
.ghw117-body .ghw107-grid label > span,
.ghw117-body .ghw107-field-label {
    font-size: 12px !important;
    letter-spacing: .055em;
}
.ghw117-body .ghw107-grid input,
.ghw117-body .ghw107-grid select,
.ghw117-body .ghw107-grid textarea {
    min-height: 48px;
    padding-inline: 14px;
    font-size: 15px !important;
}
.ghw117-body .ghw107-grid textarea {
    min-height: 150px;
    padding-block: 13px;
}
.ghw117-body .ghw107-option-grid { gap: 12px; }
.ghw117-body .ghw107-option-grid label { min-height: 72px; padding: 14px; }
.ghw117-body .ghw107-upload-zone { min-height: 150px; }
.ghw117-body .ghw107-submit-bar { padding: 18px 20px; }

/* Browse/filter pages: controls should be readable without magnification. */
.ghw117-body .ghw106-listing-filter,
.ghw117-body .ghw-listing-filter,
.ghw117-body [class*="filter-bar"] {
    gap: 12px !important;
}
.ghw117-body .ghw106-listing-filter input,
.ghw117-body .ghw106-listing-filter select,
.ghw117-body .ghw-listing-filter input,
.ghw117-body .ghw-listing-filter select,
.ghw117-body [class*="filter-bar"] input,
.ghw117-body [class*="filter-bar"] select {
    min-height: 48px !important;
    font-size: 14px !important;
}
.ghw117-body .ghw-auction-section .ghw-empty-state,
.ghw117-body .ghw-listing-empty,
.ghw117-body .ghw106-listing-empty {
    min-height: 360px !important;
}

/* Owner Hub: fewer hero buttons, more readable controls, and honest setup states. */
.ghw117-body .ghw72-admin-page { padding: 28px 0 68px !important; }
.ghw117-body .ghw72-hero {
    gap: 28px !important;
    padding: 28px !important;
    margin-bottom: 22px !important;
}
.ghw117-body .ghw72-actions {
    max-width: 500px;
    justify-content: flex-end;
}
.ghw117-body .ghw72-actions a,
.ghw117-body .ghw72-link-grid a,
.ghw117-body .ghw72-check-list a {
    min-height: 44px !important;
    padding-inline: 16px !important;
    font-size: 13px !important;
}
.ghw117-body .ghw72-stats { gap: 16px !important; }
.ghw117-body .ghw72-stats article { min-height: 96px; padding: 20px !important; }
.ghw117-body .ghw72-stats article span { font-size: 12px !important; }
.ghw117-body .ghw72-stats article strong { font-size: 30px !important; }
.ghw117-body .ghw72-card { padding: 24px !important; }
.ghw117-body .ghw72-card h2 { font-size: 25px !important; }
.ghw117-body .ghw72-check-list article {
    min-height: 58px;
    gap: 12px !important;
}
.ghw117-body .ghw72-check-list article strong { font-size: 14px !important; }
.ghw117-body .ghw72-check-list .setup {
    border-color: rgba(255, 195, 40, .5) !important;
    color: #ffd66f !important;
    background: rgba(255, 195, 40, .08) !important;
}
.ghw117-body .ghw72-roadmap article { min-height: 150px; padding: 20px !important; }
.ghw117-body .ghw72-roadmap strong { font-size: 15px !important; }
.ghw117-body .ghw72-roadmap em { font-size: 14px !important; line-height: 1.5 !important; }

/* Help/FAQ cards were visually solid; improve only body readability and spacing. */
.ghw117-body .ghw72-content .ghw72-card.content,
.ghw117-body .ghw72-content .ghw72-card { padding: 24px !important; }
.ghw117-body .ghw72-content .ghw72-card p { font-size: 16px !important; }
.ghw117-body .ghw72-content .ghw72-link-grid a { min-height: 44px !important; }

/* Footer should be readable and balanced rather than miniature. */
.ghw117-body .ghwV5-footer { padding: 52px 0 22px; }
.ghw117-body .ghwV5-footerGrid {
    grid-template-columns: 1.2fr .8fr .9fr .95fr 1.35fr;
    gap: 38px;
}
.ghw117-body .ghwV5-footerBrand img { width: 205px; }
.ghw117-body .ghwV5-footer h4 { font-size: 13px; }
.ghw117-body .ghwV5-footer a,
.ghw117-body .ghwV5-footer p { font-size: 14px; }
.ghw117-body .ghwV5-footerBottom { font-size: 13px; }

/* Large desktop tuning. */
@media (min-width: 1600px) {
    .ghw117-body .ghwV5-mainNav > a { font-size: 15px; }
    .ghw117-body .ghw116-quickbar a { font-size: 13px; }
    .ghw117-body .ghw-page-wrap,
    .ghw117-body .ghw-dash-wrap,
    .ghw117-body .ghw107-wrap,
    .ghw117-body .ghw72-admin-page > .ghw-wrap,
    .ghw117-body .ghw-seller-page > .ghw-wrap,
    .ghw117-body .ghw-page-titlebar > .ghw-wrap,
    .ghw117-body .ghw106-favorites-wrap { width: min(1420px, calc(100% - 64px)) !important; }
}

@media (max-width: 1320px) {
    .ghw117-body .ghwV5-wrap,
    .ghw117-body .ghw-wrap { width: min(100% - 40px, 100%); }
    .ghw117-body .ghwV5-headerInner {
        grid-template-columns: 196px minmax(0, 1fr);
        gap: 18px;
    }
    .ghw117-body .ghwV5-logo img { width: 188px; }
    .ghw117-body .ghwV5-mainNav > a { padding-inline: 9px; font-size: 13px; }
    .ghw117-body .ghwV5-search { display: none; }
}

@media (max-width: 1060px) {
    .ghw117-body .ghwV5-headerInner { min-height: 76px; }
    .ghw117-body .ghwV5-logo img { width: 180px; }
    .ghw117-body .ghwV5-search { display: flex; }
    .ghw117-body .ghw116-quickbar-inner { min-height: 50px; }
    .ghw117-body .ghw72-hero { align-items: flex-start !important; }
    .ghw117-body .ghw72-actions { max-width: none; justify-content: flex-start; }
}

@media (max-width: 820px) {
    .ghw117-body .ghwV5-wrap,
    .ghw117-body .ghw-wrap,
    .ghw117-body .ghw-page-wrap,
    .ghw117-body .ghw-dash-wrap,
    .ghw117-body .ghw107-wrap,
    .ghw117-body .ghw72-admin-page > .ghw-wrap,
    .ghw117-body .ghw-seller-page > .ghw-wrap,
    .ghw117-body .ghw-page-titlebar > .ghw-wrap,
    .ghw117-body .ghw106-favorites-wrap {
        width: min(100% - 28px, 100%) !important;
    }
    .ghw117-body .ghw-dash-hero-grid { grid-template-columns: 1fr !important; }
    .ghw117-body .ghw-page-hero,
    .ghw117-body .ghw72-hero { padding: 22px !important; }
    .ghw117-body .ghw116-quickbar-inner { padding-inline: 14px; }
    .ghw117-body .ghw-seller-actions-bar { align-items: stretch !important; }
    .ghw117-body .ghw-seller-stats { width: 100%; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
    .ghw117-body .ghw-seller-stats a { min-width: 0; }
    .ghw117-body .ghwV5-footerGrid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 620px) {
    .ghw117-body .ghwV5-wrap,
    .ghw117-body .ghw-wrap,
    .ghw117-body .ghw-page-wrap,
    .ghw117-body .ghw-dash-wrap,
    .ghw117-body .ghw107-wrap,
    .ghw117-body .ghw72-admin-page > .ghw-wrap,
    .ghw117-body .ghw-seller-page > .ghw-wrap,
    .ghw117-body .ghw-page-titlebar > .ghw-wrap,
    .ghw117-body .ghw106-favorites-wrap {
        width: min(100% - 20px, 100%) !important;
    }
    .ghw117-body .ghwV5-headerInner { grid-template-columns: minmax(0, 1fr) auto; }
    .ghw117-body .ghwV5-logo img { width: 158px; }
    .ghw117-body .ghwV5-footerGrid { grid-template-columns: 1fr; }
    .ghw117-body .ghw-page-hero,
    .ghw117-body .ghw72-hero,
    .ghw117-body .ghw72-card,
    .ghw117-body .ghw-content-panel { padding: 18px !important; }
    .ghw117-body .ghw-empty-panel,
    .ghw117-body .ghw-empty-state,
    .ghw117-body .ghw106-favorites-empty { min-height: 180px !important; padding: 28px 18px !important; }
    .ghw117-body .ghw107-grid { padding: 16px; }
    .ghw117-body .ghw107-form-card > header { padding: 17px; }
    .ghw117-body .ghw107-upload-zone { margin: 16px; }
    .ghw117-body .ghw72-actions a { width: 100% !important; }
}