/* * IMC Reviews public display layer: DESKTOP * Baseline locked from IMC Reviews 0.5.29 (validated 2026-09-16). * * This file is intentionally empty at creation time: the validated desktop * rendering remains exactly where it was in 0.5.29. Any future desktop-only * display adjustment must be added here and must never be mixed into the * mobile layer. * * Loaded only for viewports >= 901px. */ /* 0.5.34: explicit Desktop request. On the main /reviews catalogue only, * remove the repeated red “IMC Reviews” eyebrow above Songs / EPs / Albums. * Category sub-catalogues are intentionally untouched. */ body.imc-reviews-catalog-page .imc-rc-section-label { display: none !important; } /* 0.5.56: catalogue readability after the Luna review session. * Desktop only: larger cards, lower information density and clearer navigation. * Mobile remains on its validated layout. */ /* The whole card is the review link: make that interaction visually explicit. */ body.imc-reviews-catalog-page .imc-rc-card-link, body.imc-review-category-catalog-page .imc-rc-card-link { cursor: pointer; } body.imc-reviews-catalog-page .imc-rc-card:hover, body.imc-review-category-catalog-page .imc-rc-card:hover { border-color: #c51a0d; box-shadow: 0 14px 34px rgba(161,13,0,.22); } /* Category pages: keep the new return action in the same visual family as * the main catalogue CTAs, with the arrow pointing back to /reviews/. */ body.imc-review-category-catalog-page .imc-rc-back-button span { font-size: 16px; line-height: 1; } /* The old >=1200px compact layout squeezed the catalogue into very small cards. * Restore a readable stacked catalogue and intentionally show fewer cards on * the main page. Category pages keep all their paginated results. */ @media (min-width: 1200px) { body.imc-reviews-catalog-page .imc-rc-inner, body.imc-review-category-catalog-page .imc-rc-inner { display: block !important; width: min(1380px, calc(100% - 64px)) !important; max-width: 1380px !important; padding-top: 18px !important; } body.imc-reviews-catalog-page .imc-rc-section, body.imc-review-category-catalog-page .imc-rc-section { display: grid !important; grid-template-columns: 220px minmax(0, 1fr) !important; gap: 40px !important; padding: 34px 0 !important; border-top: 1px solid rgba(161,13,0,.34) !important; } body.imc-reviews-catalog-page .imc-rc-section:first-child, body.imc-review-category-catalog-page .imc-rc-section:first-child { grid-column: auto !important; grid-template-columns: 220px minmax(0, 1fr) !important; border-top: 2px solid var(--imc-red) !important; } body.imc-reviews-catalog-page .imc-rc-section h2, body.imc-review-category-catalog-page .imc-rc-section h2 { font-size: 42px !important; } body.imc-reviews-catalog-page .imc-rc-section-line, body.imc-review-category-catalog-page .imc-rc-section-line { width: 58px !important; height: 4px !important; margin: 16px 0 18px !important; } body.imc-reviews-catalog-page .imc-rc-description, body.imc-review-category-catalog-page .imc-rc-description { margin-bottom: 20px !important; font-size: 15px !important; line-height: 1.6 !important; } body.imc-reviews-catalog-page .imc-rc-button, body.imc-review-category-catalog-page .imc-rc-button { min-height: 44px !important; gap: 9px !important; padding: 10px 17px !important; border-radius: 10px !important; font-size: 12px !important; } body.imc-reviews-catalog-page .imc-rc-cards, body.imc-review-category-catalog-page .imc-rc-cards, body.imc-reviews-catalog-page .imc-rc-section:first-child .imc-rc-cards, body.imc-reviews-catalog-page .imc-rc-section:nth-child(2) .imc-rc-cards, body.imc-reviews-catalog-page .imc-rc-section:nth-child(3) .imc-rc-cards { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 18px !important; justify-content: stretch !important; } /* Main catalogue only: four clear choices per family instead of the old * 10 + 4 + 4 miniature-card wall. */ body.imc-reviews-catalog-page .imc-rc-cards > .imc-rc-card:nth-child(n+5) { display: none !important; } body.imc-reviews-catalog-page .imc-rc-card, body.imc-review-category-catalog-page .imc-rc-card { border-radius: 14px !important; } body.imc-reviews-catalog-page .imc-rc-card-body, body.imc-review-category-catalog-page .imc-rc-card-body { padding: 14px 15px 16px !important; } body.imc-reviews-catalog-page .imc-rc-card-category, body.imc-review-category-catalog-page .imc-rc-card-category { margin-bottom: 5px !important; font-size: 10px !important; letter-spacing: .6px !important; } body.imc-reviews-catalog-page .imc-rc-card h3, body.imc-review-category-catalog-page .imc-rc-card h3 { font-size: 17px !important; line-height: 1.15 !important; } body.imc-reviews-catalog-page .imc-rc-card-date, body.imc-review-category-catalog-page .imc-rc-card-date { margin-top: 7px !important; font-size: 10px !important; } body.imc-reviews-catalog-page .imc-rc-card-line, body.imc-review-category-catalog-page .imc-rc-card-line { width: 38px !important; height: 3px !important; margin-top: 12px !important; } body.imc-reviews-catalog-page .imc-rc-play, body.imc-review-category-catalog-page .imc-rc-play { right: 10px !important; bottom: 10px !important; width: 38px !important; height: 38px !important; border-width: 2px !important; } body.imc-reviews-catalog-page .imc-rc-play::before, body.imc-review-category-catalog-page .imc-rc-play::before { margin-left: 2px !important; border-top-width: 6px !important; border-bottom-width: 6px !important; border-left-width: 10px !important; } } /* 0.5.57: visited/focus state lock for catalogue CTAs. * Prevent global theme link states from making labels black on black after click. */ body.imc-reviews-catalog-page .imc-rc-button, body.imc-reviews-catalog-page .imc-rc-button:link, body.imc-reviews-catalog-page .imc-rc-button:visited, body.imc-reviews-catalog-page .imc-rc-button:focus, body.imc-reviews-catalog-page .imc-rc-button:active, body.imc-review-category-catalog-page .imc-rc-button, body.imc-review-category-catalog-page .imc-rc-button:link, body.imc-review-category-catalog-page .imc-rc-button:visited, body.imc-review-category-catalog-page .imc-rc-button:focus, body.imc-review-category-catalog-page .imc-rc-button:active { background: #000000 !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; text-shadow: none !important; } body.imc-reviews-catalog-page .imc-rc-button:hover, body.imc-review-category-catalog-page .imc-rc-button:hover { background: #a10d00 !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } /* 0.5.59: desktop-only catalogue hover halo. * Mirrors the selected-card glow used in the IMC hero manager, * using the IMC red instead of green. Mobile remains untouched. */ body.imc-reviews-catalog-page .imc-rc-card:hover, body.imc-review-category-catalog-page .imc-rc-card:hover { transform: none !important; border-color: #a10d00 !important; box-shadow: 0 0 0 1px #a10d00, 0 0 14px rgba(161,13,0,.55), 0 14px 34px rgba(0,0,0,.28) !important; } body.imc-reviews-catalog-page .imc-rc-card:hover .imc-rc-card-image img, body.imc-review-category-catalog-page .imc-rc-card:hover .imc-rc-card-image img { transform: none !important; }