/* ==========================================
   ARCTICMETAL - JREVIEWS 6
   CUSTOM CSS - LIGHT & DARK MODE
   ========================================== */


/* ==========================================
   1. COLOR VARIABLES
   ========================================== */

/* Light Mode */
html[data-bs-theme="light"] [data-jr-listing-detail] {
    --fwd-surface-raised: #ffffff;
    --fwd-surface-sunken: #f5f5f5;
    --fwd-card-bg: #ffffff;
    --fwd-text: #222222;
    --fwd-text-muted: #666666;
    --fwd-border: #dddddd;
}

/* Dark Mode */
html[data-bs-theme="dark"] [data-jr-listing-detail] {
    --fwd-surface-raised: #242424;
    --fwd-surface-sunken: #171717;
    --fwd-card-bg: #242424;
    --fwd-text: #eeeeee;
    --fwd-text-muted: #aaaaaa;
    --fwd-border: #383838;
}


/* ==========================================
   2. RATING & REVIEW CARDS
   ========================================== */

html[data-bs-theme="dark"]
[data-jr-listing-section="editor-comments"]
[data-jr-rating-summary],

html[data-bs-theme="dark"]
[data-jr-listing-section="editor-comments"]
[data-jr-review-card] {
    background-color: #242424 !important;
    color: #eeeeee;
    border-color: #383838;
}

/* Large rating number */
html[data-bs-theme="dark"]
[data-jr-rating-summary]
[data-jr-rating-block="editor"]
.fwd-text-5xl {
    color: #eeeeee !important;
}

/* Rating details */
html[data-bs-theme="dark"]
[data-jr-rating-summary]
.fwd-text-subtle,

html[data-bs-theme="dark"]
[data-jr-rating-summary]
.fwd-text-muted {
    color: #aaaaaa !important;
}

/* Review text */
html[data-bs-theme="dark"]
[data-jr-review-card] .fwd-text-body {
    color: #eeeeee !important;
}

/* Review dates and muted text */
html[data-bs-theme="dark"]
[data-jr-review-card] .fwd-text-muted {
    color: #aaaaaa !important;
}

html[data-bs-theme="dark"]
[data-jr-review-card] .fwd-text-subtle {
    color: #999999 !important;
}


/* ==========================================
   3. RELATED ALBUM CARDS
   ========================================== */

html[data-bs-theme="dark"]
#jrRelatedListings {
    --fwd-surface-raised: #242424;
    --fwd-surface-sunken: #171717;
    --fwd-text: #eeeeee;
    --fwd-text-muted: #aaaaaa;
}

html[data-bs-theme="dark"]
#jrRelatedListings [data-jr-card="list-item"] {
    --fwd-card-bg: #242424;
    --fwd-card-ring: #383838;

    background-color: #242424 !important;
    color: #eeeeee !important;
    border-color: #383838 !important;
}

/* Album titles */
html[data-bs-theme="dark"]
#jrRelatedListings [data-jr-heading] {
    color: #eeeeee !important;
}

/* Rating score */
html[data-bs-theme="dark"]
#jrRelatedListings [data-rating-value] {
    color: #eeeeee !important;
}

/* Rating count */
html[data-bs-theme="dark"]
#jrRelatedListings [data-rating-count] {
    color: #aaaaaa !important;
}

/* Album description */
html[data-bs-theme="dark"]
#jrRelatedListings [data-card-content] {
    color: #bbbbbb !important;
}

/* Album metadata */
html[data-bs-theme="dark"]
#jrRelatedListings [data-card-metadata] {
    color: #aaaaaa !important;
}


/* ==========================================
   4. LISTING TITLE
   ========================================== */

html[data-bs-theme="dark"]
[data-jr-listing-detail]
[data-jr-heading] {
    color: #eeeeee !important;
}

html[data-bs-theme="light"]
[data-jr-listing-detail]
[data-jr-heading] {
    color: #222222 !important;
}


/* ==========================================
   5. ALBUM INFORMATION
   ========================================== */

/* Artist, Label, Release, Genre, Web */
html[data-bs-theme="dark"]
[data-jr-listing-detail]
[data-jr-field-groups] dt {
    color: #eeeeee !important;
}

/* Field values */
html[data-bs-theme="dark"]
[data-jr-listing-detail]
[data-jr-field-groups] dd {
    color: #cccccc !important;
}


/* ==========================================
   6. LISTING ACTION BUTTONS
   ========================================== */

/* Dropdown button */
html[data-bs-theme="dark"]
[data-jr-listing-detail]
[data-jr-listing-actions] button {
    background-color: #242424 !important;
    color: #eeeeee !important;
    border: 1px solid #444444 !important;
    border-radius: 6px;
}

/* Upload Media button */
html[data-bs-theme="dark"]
[data-jr-listing-detail]
a[data-jr-btn][data-color="light"][data-jr-action="upload"] {
    background-color: #242424 !important;
    color: #eeeeee !important;
    border: 1px solid #555555 !important;
}

/* Hover */
html[data-bs-theme="dark"]
[data-jr-listing-detail]
[data-jr-listing-actions] button:hover,

html[data-bs-theme="dark"]
[data-jr-listing-detail]
a[data-jr-btn][data-color="light"][data-jr-action="upload"]:hover {
    background-color: #383838 !important;
    color: #ffffff !important;
    border-color: #666666 !important;
}

/* Keyboard focus */
html[data-bs-theme="dark"]
[data-jr-listing-detail]
[data-jr-listing-actions] button:focus-visible,

html[data-bs-theme="dark"]
[data-jr-listing-detail]
a[data-jr-btn][data-color="light"][data-jr-action="upload"]:focus-visible {
    outline: 2px solid #8dbcf0 !important;
    outline-offset: 2px;
}


/* ==========================================
   7. ADMINISTRATION DROPDOWN
   ========================================== */

/* Works with all listing IDs */
html[data-bs-theme="dark"]
[data-jr-dropdown^="jr-manage-listing-"] {
    background-color: #242424 !important;
    border-color: #444444 !important;
}

/* Menu items */
html[data-bs-theme="dark"]
[data-jr-dropdown^="jr-manage-listing-"]
[role="menuitem"] {
    background-color: #242424 !important;
    color: #eeeeee !important;
}

/* Menu item hover */
html[data-bs-theme="dark"]
[data-jr-dropdown^="jr-manage-listing-"]
[role="menuitem"]:hover {
    background-color: #383838 !important;
    color: #ffffff !important;
}

/* =========================================================
   MIGRATED FROM CASSIOPEIA USER.CSS — JREVIEWS RULES
   Keep order to preserve cascade within the migrated rules.
   ========================================================= */

html[data-bs-theme="dark"] .jrCustomFields .jrFieldValue {
    color: #cccccc !important;
}

html[data-bs-theme="dark"] .jrCustomFields .jrFieldValue a {
    color: #a9c8ed !important;
}

html[data-bs-theme="dark"] .jrCustomFields .jrFieldValue a:hover {
    color: #ffffff !important;
}

/* =========================================================
   ARCTICMETAL - DARK MODE - JREVIEWS AUTHOR INFO
   ========================================================= */

html[data-bs-theme="dark"] .jrListingDetail .jrAuthorInfo {
    color: #bbbbbb !important;
}

html[data-bs-theme="dark"] .jrListingDetail .jrAuthorInfo a {
    color: #a9c8ed !important;
}

html[data-bs-theme="dark"] .jrListingDetail .jrAuthorInfo a:hover {
    color: #ffffff !important;
}

/* =========================================================
   ARCTICMETAL - DARK MODE - JREVIEWS REVIEW ACTIONS
   ========================================================= */

html[data-bs-theme="dark"] .jrReviewActions {
    color: #bbbbbb !important;
}

html[data-bs-theme="dark"] .jrReviewActions a {
    color: #a9c8ed !important;
}

html[data-bs-theme="dark"] .jrReviewActions a:hover {
    color: #ffffff !important;
}

html[data-bs-theme="dark"] .jrReviewActions .jrHelpfulTitle {
    color: #bbbbbb !important;
}

/* =========================================================
   ARCTICMETAL - DARK MODE - JREVIEWS THUMB ICONS
   ========================================================= */

html[data-bs-theme="dark"] .jrReviewActions .jrIconThumbUp::before {
    color: #4ade80 !important;
}

html[data-bs-theme="dark"] .jrReviewActions .jrIconThumbDown::before {
    color: #f87171 !important;
}

/* =========================================================
   ARCTICMETAL - DARK MODE - JREVIEWS USER INFO
   ========================================================= */

html[data-bs-theme="dark"] .jrUserInfoText .jrReviewerRank,
html[data-bs-theme="dark"] .jrUserInfoText .jrReviewerReviews {
    color: #bbbbbb !important;
}

html[data-bs-theme="dark"] .jrUserInfoText .jrReviewerRank a,
html[data-bs-theme="dark"] .jrUserInfoText .jrReviewerReviews a {
    color: #a9c8ed !important;
}

html[data-bs-theme="dark"] .jrUserInfoText a:hover {
    color: #ffffff !important;
}

/* =========================================================
   ARCTICMETAL - DARK MODE - JREVIEWS VIDEO INFO
   ========================================================= */

html[data-bs-theme="dark"] .jrVideoGallery .fwd-text-gray-900 {
    color: #bbbbbb !important;
}

/* =========================================================
   ARCTICMETAL - DARK MODE - JREVIEWS VIDEO METADATA
   ========================================================= */

html[data-bs-theme="dark"] .jrVideoGallery .fwd-text-gray-700,
html[data-bs-theme="dark"] .jrVideoGallery .fwd-text-gray-600,
html[data-bs-theme="dark"] .jrVideoGallery .fwd-text-gray-500 {
    color: #aaaaaa !important;
}

/* =========================================================
   ARCTICMETAL - DARK MODE - JREVIEWS VIDEO VOTE ICONS
   ========================================================= */

html[data-bs-theme="dark"] .jrMediaActions .jrIconThumbUp::before {
    color: #4ade80 !important;
}

html[data-bs-theme="dark"] .jrMediaActions .jrIconThumbDown::before {
    color: #f87171 !important;
}

/* =========================================================
   ARCTICMETAL - DARK MODE - JREVIEWS EDITOR HEADING
   ========================================================= */

html[data-bs-theme="dark"] .jrEditorReviewsTitle {
    color: #e5e5e5 !important;
}

/* =========================================================
   ARCTICMETAL - DARK MODE - JREVIEWS SMALL ICONS
   ========================================================= */

/* Warning icon under videos */
html[data-bs-theme="dark"] .jrMediaActions .jrIconWarning::before {
    color: #bbbbbb !important;
}

/* Editor Review icon */
html[data-bs-theme="dark"] .jrEditorReviewsTitle .jrIconEditor::before {
    color: #bbbbbb !important;
}

/* ARCTICMETAL - DARK MODE - JREVIEWS SEARCH LABELS */

html[data-bs-theme="dark"] .jrAdvSearchPage .jrForm .jrFieldDiv label {
    color: #d5d5d5 !important;
}

/* ARCTICMETAL - DARK MODE - JREVIEWS SEARCH INPUTS */

html[data-bs-theme="dark"] .jrAdvSearchPage .jrForm input[type="text"] {
    background-color: #2b2b2b !important;
    color: #e5e5e5 !important;
    border: 1px solid #555555 !important;
}

/* ARCTICMETAL - DARK MODE - JREVIEWS SEARCH SELECT */

html[data-bs-theme="dark"] .jrAdvSearchPage .jr-listing-type-outer {
    background-color: #242424 !important;
    border-color: #444444 !important;
}

html[data-bs-theme="dark"] .jrAdvSearchPage .jr-listing-type-outer select {
    background-color: #2b2b2b !important;
    color: #e5e5e5 !important;
    border: 1px solid #555555 !important;
}

/* ARCTICMETAL - DARK MODE - JREVIEWS LISTING TITLES */

html[data-bs-theme="dark"] .jrListingTitle a {
    color: #e5e5e5 !important;
}

html[data-bs-theme="dark"] .jrListingTitle a:hover {
    color: #ffffff !important;
}

/* ARCTICMETAL - DARK MODE - JREVIEWS LISTING INFO */

html[data-bs-theme="dark"] .jrListingInfo {
    color: #aaaaaa !important;
}

html[data-bs-theme="dark"] .jrListingInfo .jrListingAuthor,
html[data-bs-theme="dark"] .jrListingInfo .jrListingDate {
    color: #aaaaaa !important;
}

/* ARCTICMETAL - DARK MODE - JREVIEWS LISTING ICONS */

html[data-bs-theme="dark"] .jrListingInfo [class*="jrIcon"]::before {
    color: #999999 !important;
}

/* ARCTICMETAL - DARK MODE - JREVIEWS SORTING */

html[data-bs-theme="dark"] .jrOrdering select.jr-list-sort {
    background-color: #2b2b2b !important;
    color: #e5e5e5 !important;
    border: 1px solid #555555 !important;
}

/* ARCTICMETAL - DARK MODE - JOOMLA SMART SEARCH */

html[data-bs-theme="dark"] .jrDirectory .jrCatLevel1 .jrContentDiv a {
    color: #d8d8d8 !important;
}

html[data-bs-theme="dark"] .jrDirectory .jrCatLevel1 .jrContentDiv a:hover {
    color: #ffffff !important;
}

/* ARCTICMETAL - DARK MODE - EDITOR RATING ICON */

html[data-bs-theme="dark"] .jrOverallRatings .jrIconEditor::before {
    color: #cccccc !important;
}

html[data-bs-theme="dark"] .jrOverallRatings .jrRatingValue {
    color: #cccccc !important;
}

/* ARCTICMETAL - DARK MODE - PLAYLIST AUTHOR */

html[data-bs-theme="dark"] .jr-form-categories-outer.fwd-bg-gray-50 {
    background-color: #242424 !important;
}

/* ARCTICMETAL - DARK MODE - JREVIEWS CATEGORY SELECT */

html[data-bs-theme="dark"] .jr-form-categories-outer select {
    background-color: #303030 !important;
    color: #e5e5e5 !important;
    border-color: #555555 !important;
    color-scheme: dark;
}

/* ARCTICMETAL - DARK MODE - JREVIEWS FORM LABELS */

html[data-bs-theme="dark"] .jrForm label.jrLabel {
    color: #e5e5e5 !important;
}

/* ARCTICMETAL - DARK MODE - JREVIEWS HELP TEXT */

html[data-bs-theme="dark"] .jrForm .jrFieldDescription {
    color: #bbbbbb !important;
}

/* ARCTICMETAL - DARK MODE - JREVIEWS FIELDSET LEGEND */

html[data-bs-theme="dark"] .jrForm fieldset legend {
    color: #e5e5e5 !important;
}

/* ARCTICMETAL - MOBILE MENU WIDTH TEST */
html[data-bs-theme="dark"] .jr-rating-stars select {
    background-color: #303030 !important;
    color: #e5e5e5 !important;
    border: 1px solid #555555 !important;
}

/* Dropdown options */
html[data-bs-theme="dark"] .jr-rating-stars select option {
    background-color: #303030 !important;
    color: #e5e5e5 !important;
}

/* Hover and focus */
html[data-bs-theme="dark"] .jr-rating-stars select:hover,
html[data-bs-theme="dark"] .jr-rating-stars select:focus {
    background-color: #404040 !important;
    color: #ffffff !important;
    border-color: #88aacc !important;
}

/* =========================================================
   ARCTICMETAL - DARK MODE JREVIEWS SELECT FIELDS
   ========================================================= */

html[data-bs-theme="dark"] .jrForm select.jrSelect {
    background-color: #303030 !important;
    color: #e5e5e5 !important;
    border: 1px solid #555555 !important;
    color-scheme: dark;
}

/* Dropdown options */
html[data-bs-theme="dark"] .jrForm select.jrSelect option {
    background-color: #303030 !important;
    color: #e5e5e5 !important;
}

/* Hover and focus */
html[data-bs-theme="dark"] .jrForm select.jrSelect:hover,
html[data-bs-theme="dark"] .jrForm select.jrSelect:focus {
    background-color: #404040 !important;
    color: #ffffff !important;
    border-color: #88aacc !important;
}

/* =========================================================
   ARCTICMETAL - DARK MODE JREVIEWS MEDIA UPLOAD
   ========================================================= */

html[data-bs-theme="dark"] .jr-page.jr-media-upload {
    color: #e5e5e5;
}

/* Upload content area */
html[data-bs-theme="dark"] .jr-page.jr-media-upload .jr-tabs-panel {
    background-color: #242424 !important;
    color: #e5e5e5 !important;
    border-color: #444444 !important;
}

/* Upload limits and instructions */
html[data-bs-theme="dark"] .jr-page.jr-media-upload .jrMediaLimits,
html[data-bs-theme="dark"] .jr-page.jr-media-upload .jrMediaLimits * {
    color: #bbbbbb !important;
}

/* =========================================================
   ARCTICMETAL - JREVIEWS MEDIA UPLOAD PANEL
   ========================================================= */

html[data-bs-theme="dark"] .jr-page.jr-media-upload .jrTabs .ui-tabs-panel,
html[data-bs-theme="dark"] .jr-page.jr-media-upload .jrTabs > div {
    background: #242424 !important;
    color: #e5e5e5 !important;
}

/* =========================================================
   ARCTICMETAL - DARK MODE JREVIEWS MEDIA UPLOAD TABS
   ========================================================= */

/* Tab bar */
html[data-bs-theme="dark"] .jr-page.jr-media-upload .jrTabs > ul {
    background-color: #303030 !important;
}

/* Individual tabs */
html[data-bs-theme="dark"] .jr-page.jr-media-upload .jrTabs > ul > li,
html[data-bs-theme="dark"] .jr-page.jr-media-upload .jrTabs > ul > li > a {
    background-color: #303030 !important;
    color: #e5e5e5 !important;
}

/* Active tab */
html[data-bs-theme="dark"] .jr-page.jr-media-upload .jrTabs > ul > li.ui-tabs-active,
html[data-bs-theme="dark"] .jr-page.jr-media-upload .jrTabs > ul > li.ui-tabs-active > a {
    background-color: #242424 !important;
    color: #ffffff !important;
}

/* Hover */
html[data-bs-theme="dark"] .jr-page.jr-media-upload .jrTabs > ul > li > a:hover {
    background-color: #404040 !important;
    color: #ffffff !important;
}

/* =========================================================
   ARCTICMETAL - JREVIEWS MEDIA UPLOAD ICONS
   ========================================================= */

html[data-bs-theme="dark"]
.jr-page.jr-media-upload .jrMediaLimits [class*="jrIcon"]::before {
    color: #bbbbbb !important;
}

/* Arcticmetal - JReviews Edit Media Dark Mode */

html[data-bs-theme="dark"] .jrListingMedia .jrTabs {
    background-color: #242424 !important;
    color: #e5e5e5 !important;
    border-color: #555555 !important;
}

html[data-bs-theme="dark"] .jrListingMedia .jrTabs .ui-tabs-nav {
    background-color: #303030 !important;
    border-color: #555555 !important;
}

html[data-bs-theme="dark"] .jrListingMedia .jrTabs .ui-tabs-panel {
    background-color: #242424 !important;
    color: #e5e5e5 !important;
}

/* Arcticmetal - Edit Media tabs */

html[data-bs-theme="dark"]
.jrListingMedia .jrTabs .ui-tabs-nav li.ui-tabs-active > a {
    color: #333333 !important;
}

html[data-bs-theme="dark"]
.jrListingMedia .jrTabs .ui-tabs-nav li:not(.ui-tabs-active) > a {
    color: #e5e5e5 !important;
}

/* Arcticmetal - JReviews Edit Media uploader names */

html[data-bs-theme="dark"]
.jrListingMedia .jr-media-sortable .fwd-px-4 > div > span:first-child {
    color: #777777 !important;
}

/* =========================================================
   ARCTICMETAL - JOOMLA MFA VERIFICATION DARK MODE
   ========================================================= */

html[data-bs-theme="dark"] .jrPage select[multiple] {
    background-color: #303030 !important;
    color: #e5e5e5 !important;
    border: 1px solid #555555 !important;
    border-radius: 5px;
}

html[data-bs-theme="dark"] .jrPage select[multiple] option {
    background-color: #303030 !important;
    color: #e5e5e5 !important;
}

html[data-bs-theme="dark"] .jrPage select[multiple] option:checked {
    background-color: #405570 !important;
    color: #ffffff !important;
}

/* =========================================================
   ARCTICMETAL - JOOMLA FRONTEND ARTICLE FORM DARK MODE
   ========================================================= */

html[data-bs-theme="dark"] .jrForm
input[type="text"]:not([type="checkbox"]):not([type="radio"]),
html[data-bs-theme="dark"] .jrForm
input[type="url"] {
    background-color: #303030 !important;
    color: #e5e5e5 !important;
    border: 1px solid #555555 !important;
}

/* Placeholder text */

html[data-bs-theme="dark"] .jrForm
input[type="text"]::placeholder,
html[data-bs-theme="dark"] .jrForm
input[type="url"]::placeholder {
    color: #aaaaaa !important;
}

/* Focus */

html[data-bs-theme="dark"] .jrForm
input[type="text"]:focus,
html[data-bs-theme="dark"] .jrForm
input[type="url"]:focus {
    background-color: #303030 !important;
    color: #ffffff !important;
    border-color: #6688aa !important;
}

/* =========================================================
   ARCTICMETAL - DARK MODE - JREVIEWS COMMENTS (TRIX)
   ========================================================= */

html[data-bs-theme="dark"] .jr-form-comment-outer trix-toolbar .trix-button {
    background-color: #303030 !important;
    border-color: #555555 !important;
    color: #e5e5e5 !important;
}

html[data-bs-theme="dark"] .jr-form-comment-outer trix-toolbar .trix-button--icon::before {
    filter: invert(1) !important;
}

/* =========================================================
   ARCTICMETAL - DARK MODE - JREVIEWS COMMENTS HEADING
   ========================================================= */

html[data-bs-theme="dark"] .jrDiscussion .jrHeading,
html[data-bs-theme="dark"] .jrDiscussion .jrHeadingText {
    color: #e5e5e5 !important;
}

/* ARCTICMETAL - DARK MODE - COMMENTS ICON */

html[data-bs-theme="dark"] .jrDiscussion .jrIconComments {
    color: #e5e5e5 !important;
}

/* ARCTICMETAL - DARK MODE - JREVIEWS COMMENTS ICON */

html[data-bs-theme="dark"] .jrDiscussion .jrIconComments::before {
    color: #e5e5e5 !important;
}

/* =========================================================
   ARCTICMETAL - DARK MODE - JREVIEWS TRIX EDITOR
   ========================================================= */

html[data-bs-theme="dark"] .jr-form-comment-outer trix-editor,
html[data-bs-theme="dark"] .jr-form-comment-outer trix-editor:focus {
    background-color: #171717 !important;
    color: #e5e5e5 !important;
    border-color: #777777 !important;
    caret-color: #ffffff;
}

/* =========================================================
   ARCTICMETAL - DARK MODE - MEDIA SHADOWS
   ========================================================= */

/* Bilder i Joomla-artikler */
html[data-bs-theme="dark"] .jrPage .jrListingThumbnail img {
    border: none !important;
    padding: 0 !important;
    background: transparent !important;

    border-radius: 5px;

    box-shadow:
        0 10px 25px rgba(0, 0, 0, 0.65),
        0 2px 8px rgba(0, 0, 0, 0.45) !important;
}

/* =========================================================
   ARCTICMETAL - DARK MODE - BANDCAMP SHADOW
   ========================================================= */

@media (max-width: 767.98px) {

    .jrPage .jrDetailHeader {
        height: 200px;
    }

    .jrPage .jrHeaderCover img {
        height: 200px;
        object-fit: contain;
        object-position: center top;
    }

}

/* ARCTICMETAL - HIDE JREVIEWS NEW/HOT BADGES ON MOBILE */
@media (max-width: 767.98px) {
    .jrPage .jrStatusLabel.jrStatusHot,
    .jrPage .jrStatusLabel.jrStatusNew {
        display: none !important;
    }
}

/* ARCTICMETAL - REMOVE RAXO NEWS TOP BORDER */
@media (max-width: 767.98px) {

    .jrPage .jrDetailHeader {
        height: 200px;
        border-radius: 10px;
        overflow: hidden;
    }

    .jrPage .jrHeaderCover {
        border-radius: inherit;
    }

    .jrPage .jrHeaderCover img {
        height: 200px;
        object-fit: contain;
        object-position: center top;
    }

    .jrPage .jrHeaderInfo {
        background-color: transparent;
    }
}

/* Hide New Article button on homepage only */
html[data-bs-theme="dark"] .jrSuccess {
    background-color: #1d3025 !important;
    color: #c5ebd2 !important;
    border-left-color: #36a76b !important;
}

/* JReviews success button - dark mode */
html[data-bs-theme="dark"] .jrSuccess .jrButton {
    background-color: #303b34 !important;
    color: #f0f0f0 !important;
    border: 1px solid #52675a !important;
}

/* =========================================================
   ARCTICMETAL - SUBMIT CONTENT
   ========================================================= */

html[data-bs-theme="dark"] .jrAccountSection {
    background-color: #1b1b1b;
    color: #e5e5e5;
    border-color: #444444;
}

/* Arcticmetal - UserProfiles profile preview */
html[data-bs-theme="dark"] .jrProfilePreview {
    background-color: #242424;
    color: #e5e5e5;
}

/* =========================================================
   ARCTICMETAL - USERPROFILES PROFILE LINKS
   ========================================================= */

html[data-bs-theme="dark"] .jrAccountSection .jrProfilePreview a {
    color: #a8c8e8;
}

html[data-bs-theme="dark"] .jrAccountSection .jrProfilePreview a:hover {
    color: #ffffff;
}

/* =========================================================
   JREVIEWS - REVIEWER PROFILE LINKS (DARK MODE)
   ========================================================= */

html[data-bs-theme="dark"] .jrReviewLayout .jrUserInfoText a {
    color: #b8cfe8 !important;
}

html[data-bs-theme="dark"] .jrReviewLayout .jrUserInfoText a:hover {
    color: #ffffff !important;
}

/* =========================================================
   ARCTICMETAL - JREVIEWS DIALOG DARK MODE
   ========================================================= */

html[data-bs-theme="dark"] .jrDialog {
    background-color: #252525 !important;
    color: #e5e5e5 !important;
}

html[data-bs-theme="dark"] .jrDialog label,
html[data-bs-theme="dark"] .jrDialog legend,
html[data-bs-theme="dark"] .jrDialog .jrFieldDiv,
html[data-bs-theme="dark"] .jrDialog .jrRatingsSubmission {
    color: #e5e5e5 !important;
}

/* JReviews - Synlig lukkekryss i mørk modus */
html[data-bs-theme="dark"] .jrDialog .ui-dialog-titlebar-close {
    filter: brightness(0) invert(1);
    opacity: 0.8;
}

html[data-bs-theme="dark"] .jrDialog .ui-dialog-titlebar-close:hover {
    opacity: 1;
}

/* JReviews - Mørk knapperad i dialogvindu */
html[data-bs-theme="dark"] .jrDialog .ui-dialog-buttonpane {
    background-color: #252525 !important;
    border-top: 1px solid #444444 !important;
}

/* JReviews - Forfatternavn under avatar i mørk modus */
html[data-bs-theme="dark"] .jrUserInfoText a {
    color: #b8cfe8 !important;
}

html[data-bs-theme="dark"] .jrUserInfoText a:hover {
    color: #ffffff !important;
}

/* =========================================================
   JREVIEWS USERPROFILES - MANAGE ACCOUNT
   Dark mode links
   ========================================================= */

html[data-bs-theme="dark"] .jrAccountSection a {
    color: #a9c9e8 !important;
}

html[data-bs-theme="dark"] .jrAccountSection a:hover {
    color: #ffffff !important;
}

/* JReviews Manage Account - visible icons in dark mode */
html[data-bs-theme="dark"] .jrUserAccountManage [class^="jrIcon"]::before,
html[data-bs-theme="dark"] .jrUserAccountManage [class*=" jrIcon"]::before {
    color: #c5c5c5 !important;
}

/* JReviews UserProfiles - form labels in dark mode */
html[data-bs-theme="dark"] .userprofiles-page .jrForm .jrFieldDiv label {
    color: #d5d5d5 !important;
}

/* JReviews UserProfiles - breadcrumbs in dark mode */
html[data-bs-theme="dark"] .userprofiles-page .jrPathway a {
    color: #a9c9e8 !important;
}

html[data-bs-theme="dark"] .userprofiles-page .jrPathway a:hover {
    color: #ffffff !important;
}

/* JReviews - Change Username autofill */
html[data-bs-theme="dark"] form.user-account-change input.jrEmail {
    background-color: #303030 !important;
    color: #e5e5e5 !important;
    border-color: #555555 !important;
}

/* JReviews UserProfiles - Password fields in dark mode */
html[data-bs-theme="dark"] .jr-listing-media .fwd-bg-white {
    background-color: #252525 !important;
    color: #e5e5e5 !important;
}

/* JReviews - Media card text and links in dark mode */
html[data-bs-theme="dark"] .jr-listing-media .fwd-bg-white,
html[data-bs-theme="dark"] .jr-listing-media .fwd-bg-white .fwd-text-base {
    color: #e5e5e5 !important;
}

html[data-bs-theme="dark"] .jr-listing-media .fwd-bg-white a {
    color: #a9cde8 !important;
}

html[data-bs-theme="dark"] .jr-listing-media .fwd-bg-white a:hover {
    color: #ffffff !important;
}

/* JReviews - Media card date in dark mode */
html[data-bs-theme="dark"] .jr-listing-media .fwd-bg-white .fwd-text-gray-700 {
    color: #aaaaaa !important;
}

/* JReviews - Media image background in dark mode */
html[data-bs-theme="dark"] .jr-listing-media .fwd-bg-gray-100 {
    background-color: #303030 !important;
}

/* JReviews - Info messages in dark mode */
html[data-bs-theme="dark"] .jrInfo {
    background-color: #202d3a !important;
    color: #c5d9ed !important;
    border-color: #426b91 !important;
}

/* JReviews - Author link in profile listings */
html[data-bs-theme="dark"] .jrListingInfo .jrListingAuthor a {
    color: #a9d5e8 !important;
}

html[data-bs-theme="dark"] .jrListingInfo .jrListingAuthor a:hover {
    color: #ffffff !important;
}

/* JReviews - Profile popup links in dark mode */
html[data-bs-theme="dark"] .jrProfilePopup .jrModuleItemTitle a {
    color: #a9d5e8 !important;
}

html[data-bs-theme="dark"] .jrProfilePopup .jrModuleItemTitle a:hover {
    color: #ffffff !important;
}

/* JReviews - Category link in profile popup */
html[data-bs-theme="dark"] .jrProfilePopup .jrModuleItemCategory a {
    color: #a9d5e8 !important;
}

html[data-bs-theme="dark"] .jrProfilePopup .jrModuleItemCategory a:hover {
    color: #ffffff !important;
}

/* =========================================================
   ARCTICMETAL - CONTACT FORM DARK MODE
   ========================================================= */

html[data-bs-theme="dark"] .jrDialog .jrDialogContentInner {
    color: #e5e5e5 !important;
}

/* JReviews - No search results in dark mode */
html[data-bs-theme="dark"] .jrCategoriesSearch .fwd-bg-gray-100 {
    background-color: #303030 !important;
    color: #e5e5e5 !important;
}

/* Back link */
html[data-bs-theme="dark"] .jrCategoriesSearch .fwd-bg-gray-100 a {
    color: #a9d5e8 !important;
}

html[data-bs-theme="dark"] .jrCategoriesSearch .fwd-bg-gray-100 a:hover {
    color: #ffffff !important;
}

/* JReviews Reviewer Rank - Dark Mode */

[data-bs-theme="dark"] .jrTableGrid {
    color: #ddd;
}

[data-bs-theme="dark"] .jrTableGrid .jrRow,
[data-bs-theme="dark"] .jrTableGrid .jrCol {
    color: #ddd;
}

[data-bs-theme="dark"] .jrTableGrid a {
    color: #a8c9e8;
}

[data-bs-theme="dark"] .jrTableGrid a:hover {
    color: #fff;
}

/* JReviews - Review List - Dark Mode */

/* Review date */
[data-bs-theme="dark"] .jrReviewCreated {
    color: #bcbcbc !important;
}

/* Review score */
[data-bs-theme="dark"] .jrRatingInfo {
    color: #bcbcbc !important;
}

/* JReviews - Rating Value - Dark Mode */
[data-bs-theme="dark"] .jrRatingValue {
    color: #bcbcbc !important;
}

/* JReviews - Updated Date - Dark Mode */
[data-bs-theme="dark"] .jrReviewUpdated {
    color: #bcbcbc !important;
}

/* JReviews - Custom Field Checkboxes - Dark Mode */
[data-bs-theme="dark"] .jrForm .jrFieldOption label {
    color: #bcbcbc !important;
}

/* JReviews - lyst informasjonssymbol */
.jrForm .jrIconInfo::before {
    color: #cccccc !important;
}

/* JReviews UserProfiles - Favorite Bands dark textarea */
.jrForm textarea.jr_favoritebands {
    background-color: #252525 !important;
    color: #eeeeee !important;
    border: 1px solid #555555 !important;
    border-radius: 6px;
}

.jrForm textarea.jr_favoritebands:focus {
    background-color: #303030 !important;
    color: #ffffff !important;
    border-color: #777777 !important;
}

/* Arcticmetal - Luft over nyhetene på forsiden */
.jr-userprofiles-page [data-jr-userprofiles-account-section] {
    background-color: #242424 !important;
    border-color: #444 !important;
    color: #eee !important;
}

/* Mørk bakgrunn på kortenes overskriftsfelt */
.jr-userprofiles-page [data-jr-userprofiles-account-section] header {
    background-color: #242424 !important;
    border-color: #444 !important;
}

/* Lys tekst i kortene */
.jr-userprofiles-page [data-jr-userprofiles-account-section] h3,
.jr-userprofiles-page [data-jr-userprofiles-account-section] p {
    color: #ddd !important;
}

/* Diskrete skillelinjer */
.jr-userprofiles-page [data-jr-userprofiles-account-section] .fwd-divide-y > * {
    border-color: #444 !important;
}

/* JReviews 6 - Manage Account lenker */

.jr-userprofiles-page [data-jr-userprofiles-account-section] a {
    color: #ddd !important;
    text-decoration: none !important;
    transition: color 0.2s ease;
}

.jr-userprofiles-page [data-jr-userprofiles-account-section] a:hover {
    color: #fff !important;
    text-decoration: underline !important;
}

/* JReviews 6 - UserProfiles lysere sekundærtekst */

.jr-userprofiles-page .fwd-text-muted {
    color: #bbb !important;
}

/* Beskrivende tekst på Manage Account */
.jr-userprofiles-page .fwd-text-secondary {
    color: #ccc !important;
}

/* JReviews 6 - Manage Account profilknapp */

.jr-userprofiles-page a[href*="/reviewers/"].fwd-bg-brand {
    background-color: #333 !important;
    color: #eee !important;
    border: 1px solid #555 !important;
    text-decoration: none !important;
}

.jr-userprofiles-page a[href*="/reviewers/"].fwd-bg-brand:hover {
    background-color: #444 !important;
    color: #fff !important;
}

/* JReviews 6 - UserProfiles Sign out-knapp */

.jr-userprofiles-page a[href*="/userprofiles/logout"] {
    background-color: #333 !important;
    color: #eee !important;
    border: 1px solid #555 !important;
    text-decoration: none !important;
    transition: background-color 0.2s ease;
}

.jr-userprofiles-page a[href*="/userprofiles/logout"]:hover {
    background-color: #444 !important;
    color: #fff !important;
    border-color: #666 !important;
}

/* JReviews 6 - UserProfiles lyse overskrifter */

.jr-userprofiles-page .fwd-text-body {
    color: #eee !important;
}

/* ==========================================
   JReviews 6 - UserProfiles LIGHT MODE
   ========================================== */

html:not([data-bs-theme="dark"])
.jr-userprofiles-page .fwd-text-body {
    color: #222 !important;
}

html:not([data-bs-theme="dark"])
.jr-userprofiles-page .fwd-text-muted {
    color: #777 !important;
}

html:not([data-bs-theme="dark"])
.jr-userprofiles-page .fwd-text-secondary {
    color: #666 !important;
}

/* Settings og Submissions - hvit bakgrunn */
html:not([data-bs-theme="dark"])
.jr-userprofiles-page [data-jr-userprofiles-account-section] {
    background-color: #fff !important;
    border-color: #ddd !important;
    color: #222 !important;
}

/* Overskriftsfelt */
html:not([data-bs-theme="dark"])
.jr-userprofiles-page [data-jr-userprofiles-account-section] header {
    background-color: #fff !important;
    border-color: #ddd !important;
}

/* Tekst i kortene */
html:not([data-bs-theme="dark"])
.jr-userprofiles-page [data-jr-userprofiles-account-section] h3,
html:not([data-bs-theme="dark"])
.jr-userprofiles-page [data-jr-userprofiles-account-section] p {
    color: #333 !important;
}

/* Lenker */
html:not([data-bs-theme="dark"])
.jr-userprofiles-page [data-jr-userprofiles-account-section] a {
    color: #333 !important;
}

html:not([data-bs-theme="dark"])
.jr-userprofiles-page [data-jr-userprofiles-account-section] a:hover {
    color: #777 !important;
}

/* Skillelinjer */
html:not([data-bs-theme="dark"])
.jr-userprofiles-page [data-jr-userprofiles-account-section] .fwd-divide-y > * {
    border-color: #ddd !important;
}

/* JReviews 6 - Sign out i lys modus */

html:not([data-bs-theme="dark"])
.jr-userprofiles-page a[href*="/userprofiles/logout"] {
    background-color: #333 !important;
    color: #fff !important;
    border-color: #555 !important;
}

html:not([data-bs-theme="dark"])
.jr-userprofiles-page a[href*="/userprofiles/logout"]:hover {
    background-color: #444 !important;
    color: #fff !important;
}

/* JReviews 6 - UserProfiles kontoskjemaer, mørk modus */

html[data-bs-theme="dark"]
.jr-userprofiles-page .fwd-bg-surface-raised {
    background-color: #242424 !important;
    border-color: #444 !important;
}

/* Skjemaetiketter og beskrivende tekst */
html[data-bs-theme="dark"]
.jr-userprofiles-page form label {
    color: #ddd !important;
}

/* JReviews 6 - UserProfiles skjemaer i mørk modus */

/* Tekstfelt */
html[data-bs-theme="dark"]
.jr-userprofiles-page form input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),
html[data-bs-theme="dark"]
.jr-userprofiles-page form textarea,
html[data-bs-theme="dark"]
.jr-userprofiles-page form select {
    background-color: #333 !important;
    color: #eee !important;
    border-color: #555 !important;
}

/* Fokus på tekstfelt */
html[data-bs-theme="dark"]
.jr-userprofiles-page form input:focus,
html[data-bs-theme="dark"]
.jr-userprofiles-page form textarea:focus,
html[data-bs-theme="dark"]
.jr-userprofiles-page form select:focus {
    border-color: #888 !important;
    outline-color: #888 !important;
}

/* Save changes-knapp */
html[data-bs-theme="dark"]
.jr-userprofiles-page form button[type="submit"] {
    background-color: #333 !important;
    color: #eee !important;
    border: 1px solid #555 !important;
}

html[data-bs-theme="dark"]
.jr-userprofiles-page form button[type="submit"]:hover {
    background-color: #444 !important;
    color: #fff !important;
}

/* JReviews 6 - UserProfiles tilbake-lenke */

html[data-bs-theme="dark"]
.jr-userprofiles-page > a.fwd-text-link {
    color: #bbb !important;
    text-decoration: none !important;
}

html[data-bs-theme="dark"]
.jr-userprofiles-page > a.fwd-text-link:hover {
    color: #fff !important;
    text-decoration: underline !important;
}

/* ==========================================
   JReviews 6 - Listing Form DARK MODE
   ========================================== */

/* Hovedboksen for valg av kategori */
html[data-bs-theme="dark"]
#jr-listing-form .fwd-bg-surface {
    background-color: #242424 !important;
    border-color: #444 !important;
}

/* Overskrift og vanlig tekst */
html[data-bs-theme="dark"]
#jr-listing-form .fwd-text-body {
    color: #eee !important;
}

/* Beskrivende tekst */
html[data-bs-theme="dark"]
#jr-listing-form .fwd-text-secondary {
    color: #bbb !important;
}

/* JReviews 6 - Kategorivelger i mørk modus */

html[data-bs-theme="dark"]
#jr-listing-form .fwd-shadow-sm:has(#search-cat_id) {
    background: #333 !important;
    border-color: #555 !important;
}

/* Indre felt */
html[data-bs-theme="dark"]
#jr-listing-form #search-cat_id {
    background: transparent !important;
    color: #eee !important;
}

/* Kategoritekst */
html[data-bs-theme="dark"]
#jr-listing-form #search-cat_id::placeholder {
    color: #aaa !important;
}

/* JReviews 6.6 - Listing Form mørk modus */

html[data-bs-theme="dark"] #jr-listing-form {
    --fwd-input-bg: #333;
    --fwd-input-text: #eee;
    --fwd-input-placeholder: #aaa;
}

/* JReviews 6.6 - Cancel-knapp i mørk modus */

html[data-bs-theme="dark"]
#jr-listing-form button[data-jr-btn][data-color="light"] {
    --fwd-btn-bg: #333;
    --fwd-btn-text: #eee;
    --fwd-btn-hover-bg: #444;
    --fwd-btn-ring: #555;
}

/* JReviews 6.6 - Kategorilisten i mørk modus */

html[data-bs-theme="dark"]
#jr-listing-form .jr-field-content [role="listbox"]:not(.mceListBox) {
    background: #333 !important;
    color: #eee !important;
    border: 1px solid #555 !important;
}

/* JReviews 6.6 - FilePond i mørk modus */

html[data-bs-theme="dark"]
#jr-listing-form .fwd-text-muted {
    color: #aaa !important;
}

/* JReviews 6.6 - Opplastede bilder i mørk modus */

html[data-bs-theme="dark"]
#jr-listing-form [data-jr-media-list] .fwd-bg-surface-subtle {
    background-color: #333 !important;
    color: #eee !important;
}

/* JReviews 6.6 - Tittelfelt for opplastede bilder */

html[data-bs-theme="dark"]
#jr-listing-form [data-jr-media-list] input.fwd-form-input {
    background-color: #292929 !important;
    color: #eee !important;
    border-color: #555 !important;
}

/* JReviews 6.6 - Bekreftelsesside i mørk modus */

html[data-bs-theme="dark"] #jreviews-submission-complete {
    background: #242424 !important;
    color: #eee !important;
    border: 1px solid #444 !important;
}

/* JReviews 6.6 - Lys tekst på bekreftelsessiden */

html[data-bs-theme="dark"]
#jreviews-submission-complete h2,

html[data-bs-theme="dark"]
#jreviews-submission-complete p {
    color: #eee !important;
}

/* JReviews 6.6 - Upload Media i mørk modus */

html[data-bs-theme="dark"]
body.com_jreviews .jr-form-file-upload input {
    background-color: #333 !important;
    color: #eee !important;
    -webkit-text-fill-color: #eee !important;
}

/* JReviews 6.6 - Cancel-knapp på Upload Media */

html[data-bs-theme="dark"]
#jr-listing-uploader button[data-jr-btn][data-color="light"] {
    --fwd-btn-bg: #333 !important;
    --fwd-btn-text: #eee !important;
    --fwd-btn-hover-bg: #444 !important;
    --fwd-btn-ring: #555 !important;
}

/* JReviews 6.6 - Overskrift på Upload Media */

html[data-bs-theme="dark"]
body.com_jreviews main h1.fwd-text-body {
    color: #eee !important;
}

/* JReviews 6.6 - Uploads-overskrift i mørk modus */

html[data-bs-theme="dark"]
#jr-listing-uploader [data-jr-form-label] .fwd-text-body {
    color: #eee !important;
}

/* JReviews 6.6 - Media Manager overskrifter i mørk modus */

html[data-bs-theme="dark"]
[id^="jr-media-manager"] h2.fwd-text-body {
    color: #eee !important;
}

/* JReviews 6.6 - UserProfiles popup i mørk modus */

html[data-bs-theme="dark"] .jr-profile-preview-popup {
    background-color: #292929 !important;
    color: #eee !important;
    border: 1px solid #444 !important;
}

/* Vanlig tekst i profilkortet */
html[data-bs-theme="dark"] .jr-profile-preview-popup .fwd-text-body {
    color: #eee !important;
}

/* Sekundærtekst og beskrivelse */
html[data-bs-theme="dark"] .jr-profile-preview-popup .fwd-text-muted {
    color: #aaa !important;
}

/* =========================================
   ArcticMetal - Music Links
   ========================================= */

.am-music-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 6px 12px;
    border-radius: 6px;
    background: #292929;
    color: #fff !important;
    text-decoration: none !important;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.5;
    transition: background-color 0.2s ease;
}

.am-music-link:hover,
.am-music-link:focus-visible {
    color: #fff !important;
    text-decoration: none !important;
}

/* Last.fm - Red */
.am-lastfm:hover,
.am-lastfm:focus-visible {
    background-color: #b90000;
}

/* ListenBrainz - Orange */
.am-listenbrainz:hover,
.am-listenbrainz:focus-visible {
    background-color: #d96724;
}

/* Discogs - Grey */
.am-discogs:hover,
.am-discogs:focus-visible {
    background-color: #555555;
}

/* Rate Your Music - Blue */
.am-rym:hover,
.am-rym:focus-visible {
    background-color: #2867a8;
}

/* Bandcamp - Turquoise */
.am-bandcamp:hover,
.am-bandcamp:focus-visible {
    background-color: #178eae;
}

/* Keyboard accessibility */
.am-music-link:focus-visible {
    outline: 2px solid #ffffff;
    outline-offset: 3px;
}

/* ArcticMetal - Playlist button */

.am-playlist:hover,
.am-playlist:focus-visible {
    background-color: #7845a8;
}

/* ArcticMetal - JReviews 6 Edit Media - Dark Mode */

/* Selve panelet */
html[data-bs-theme="dark"] #fwd-media-modal .fwd-bg-surface {
    background-color: #1c1c1c !important;
    color: #eeeeee !important;
}

/* Overskrifter og vanlig tekst */
html[data-bs-theme="dark"] #fwd-media-modal .fwd-text-body {
    color: #eeeeee !important;
}

/* Sekundærtekst */
html[data-bs-theme="dark"] #fwd-media-modal .fwd-text-muted {
    color: #aaaaaa !important;
}

/* Tekstfelt */
html[data-bs-theme="dark"] #fwd-media-modal input[type="text"],
html[data-bs-theme="dark"] #fwd-media-modal textarea {
    background-color: #292929 !important;
    color: #eeeeee !important;
    border-color: #444444 !important;
}

/* Skillelinjer */
html[data-bs-theme="dark"] #fwd-media-modal .fwd-border-t,
html[data-bs-theme="dark"] #fwd-media-modal .fwd-border-b {
    border-color: #444444 !important;
}

/* ArcticMetal - JReviews 6 Photo Cards - Dark Mode */

html[data-bs-theme="dark"] [id^="jr-media-manager-"] .fwd-text-tertiary {
    color: #aaaaaa !important;
}

/* ArcticMetal - JReviews 6 Photo Card Title - Dark Mode */

html[data-bs-theme="dark"] [id^="jr-media-manager-"] h3.fwd-text-body {
    color: #eeeeee !important;
}

/* ArcticMetal - JReviews 6 Covers Badge - Dark Mode */

html[data-bs-theme="dark"] [id^="jr-media-manager-"]
[data-jr-badge][data-color="blue"] {
    --fwd-badge-bg: #244b38 !important;
    --fwd-badge-text: #b9f2cd !important;
    --fwd-badge-hover-bg: #306449 !important;
}

/* ArcticMetal - JReviews 6 Photo Cards - Author Link - Dark Mode */

html[data-bs-theme="dark"] [id^="jr-media-manager-"]
[data-card-metadata] a.fwd-text-link {
    color: #9bcfe0 !important;
}

html[data-bs-theme="dark"] [id^="jr-media-manager-"]
[data-card-metadata] a.fwd-text-link:hover {
    color: #c5e8f3 !important;
}

/* Joomla MFA - Lesbar hjelpetekst i mørk modus */

html[data-bs-theme="dark"] .jrModuleItemTitle a {
    color: #e5e5e5 !important;
}

html[data-bs-theme="dark"] .jrModuleItemTitle a:hover {
    color: #ffffff !important;
}

/* JReviews - Related Reviews: lyse lenker i mørk modus */

html[data-bs-theme="dark"] .jrModuleItemContent .jrModuleFields a,
html[data-bs-theme="dark"] .jrModuleItemContent .jrModuleFields a:visited {
    color: #e5e5e5 !important;
}

html[data-bs-theme="dark"] .jrModuleItemContent .jrModuleFields a:hover {
    color: #ffffff !important;
}

/* JReviews - Related Reviews overskrift i mørk modus */
html[data-bs-theme="dark"] #jrRelatedListings .jrHeading {
    color: #e5e5e5 !important;
}

/* JReviews - Vertical Card i mørk modus */
html[data-bs-theme="dark"] .jrCardVertical .jrCardInner,
html[data-bs-theme="dark"] .jrCardVertical .jrCardContent,
html[data-bs-theme="dark"] .jrCardVertical .jrCardAuthorCreated {
    background-color: #242424 !important;
}

/* Lys tekst på albumkortene */
html[data-bs-theme="dark"] .jrCardVertical .jrCardInner {
    color: #e5e5e5 !important;
}

html[data-bs-theme="dark"] .jrCardVertical .fwd-text-gray-900 {
    color: #f0f0f0 !important;
}

html[data-bs-theme="dark"] .jrCardVertical .fwd-text-gray-700 {
    color: #bbbbbb !important;
}

/* JReviews - lyse forfatterlenker på Vertical Card */
html[data-bs-theme="dark"] .jrCardVertical .jrCardAuthorCreated a,
html[data-bs-theme="dark"] .jrCardVertical .jrCardAuthorCreated a:visited {
    color: #e5e5e5 !important;
}

html[data-bs-theme="dark"] .jrCardVertical .jrCardAuthorCreated a:hover {
    color: #ffffff !important;
}

/* JReviews - mørkt knappområde på Vertical Card */
html[data-bs-theme="dark"] .jrCardVertical .jrCardButtons {
    background-color: #242424 !important;
    border-top-color: #383838 !important;
}

/* Hold Arcticmetal-headeren foran JReviews */
.jrOverallEditor .am-score-description {
    margin-left: 10px;
    font-size: 0.875rem;
    color: inherit;
    opacity: 0.8;
    font-weight: 500;
}

/* Arcticmetal - Rating description on mobile */
@media (max-width: 600px) {

    .jrOverallEditor {
        flex-wrap: wrap !important;
        justify-content: center !important;
        row-gap: 6px;
    }

    .jrOverallEditor .am-score-description {
        flex-basis: 100%;
        text-align: center;
        margin-left: 0;
        font-size: 0.875rem;
        opacity: 0.9;
    }

}

/* Arcticmetal - Hide Editor Rating icon on mobile */
@media (max-width: 600px) {
    .jrOverallEditor .jrIconEditor {
        display: none !important;
    }
}

/* Arcticmetal - 10 large stars on review detail pages */
@media (max-width: 600px) {

    /* Hide Editor Rating icon */
    .jrDetailHeader .jrOverallEditor .jrIconEditor,
    .jrListingDetail .jrListingInfo .jrOverallEditor .jrIconEditor {
        display: none !important;
    }

    /* Show 10 stars */
    .jrDetailHeader .jrOverallEditor .jrRatingStarsEditor,
    .jrListingDetail .jrListingInfo .jrOverallEditor .jrRatingStarsEditor {
        width: 236px !important;
    }

    /* Center the rating */
    .jrDetailHeader .jrOverallEditor,
    .jrListingDetail .jrListingInfo .jrOverallEditor {
        justify-content: center !important;
    }

}

/* Arcticmetal - 10 stars in Album/DVD list view */
@media (max-width: 600px) {

    .jrListingContent .jrOverallEditor .jrRatingStarsEditor {
        width: 158px !important;
    }

    .jrListingContent .jrOverallEditor .jrIconEditor {
        display: none !important;
    }

    .jrListingContent .jrOverallEditor {
        justify-content: center !important;
    }

}

/* Arcticmetal - Hide reviewer avatar and name on mobile */
/* View All Reviews - itemid-152 */

@media (max-width: 600px) {
    body.itemid-152 .jrUserInfo {
        display: none !important;
    }
}

/* Arcticmetal - Spacing between rating and description */
@media (max-width: 600px) {
    .jrListingContent .jrOverallEditor .am-score-description {
        margin-left: 8px !important;
    }
}

/* Arcticmetal - Center rating text below stars in Album Cards */

.jrCardVertical .jrOverallEditor {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    column-gap: 8px;
    row-gap: 4px;
}

.jrCardVertical .jrOverallEditor .jrIconEditor {
    display: none !important;
}

.jrCardVertical .jrOverallEditor .jrRatingStars {
    flex: 0 0 100%;
    display: flex;
    justify-content: center;
}

.jrCardVertical .jrOverallEditor .jrRatingValue {
    margin-left: 0 !important;
}

.jrCardVertical .jrOverallEditor .am-score-description {
    margin-left: 0 !important;
    flex-basis: auto;
    text-align: center;
}

/* Arcticmetal - 10 stars in Album Cards */
.jrCardVertical .jrOverallEditor .jrRatingStarsEditor {
    width: 158px !important;
}

/* Arcticmetal - Bold rating score and description */

.jrOverallEditor .jrRatingValue {
    font-weight: 700 !important;
}

.jrOverallEditor .am-score-description {
    font-weight: 700 !important;
}

/* =========================================================
   ARCTICMETAL - JCE EDITOR / JREVIEWS LISTING FORM
   Fix unreadable toolbar dropdown text in dark mode
   ========================================================= */

[data-jr-form="editor"] .mceModernSkin .mceListBox {
    border: 1px solid var(--wfe-border-color) !important;
    background-color: var(--wfe-bg) !important;
    border-radius: 2px;
}

[data-jr-form="editor"] .mceModernSkin .mceListBox .mceText {
    border: 0 !important;
    background-color: transparent !important;
    padding: 0 4px !important;
}

[data-jr-form="editor"] .mceModernSkin .mceListBox .mceOpen {
    border: 0 !important;
    background-color: transparent !important;
}

/* =========================================================
   ARCTICMETAL - JREVIEWS EARLY ACCESS LISTING FORM
   Wider form for JCE Editor and custom fields
   ========================================================= */

#jr-listing-form.fwd-max-w-2xl {
    max-width: 56rem !important;
}

/* ==========================================
   RELATED REVIEWS - ALBUM TITLES
   Dark Mode
   ========================================== */

html[data-bs-theme="dark"]
#jrRelatedListings [data-jr-heading] a[data-jr-link] {
    color: #eeeeee !important;
}

/* Hover */
html[data-bs-theme="dark"]
#jrRelatedListings [data-jr-heading] a[data-jr-link]:hover {
    color: #ffffff !important;
}

/* ==========================================
   ARCTICMETAL - JREVIEWS 6
   LISTING LIST PAGES - DARK MODE
   ========================================== */

/* Albumkort */
html[data-bs-theme="dark"]
#jr-listings-content [data-jr-card="card"] {
    --fwd-card-bg: #242424;
    --fwd-card-ring: #383838;
    --fwd-text: #eeeeee;
    --fwd-text-muted: #aaaaaa;

    background-color: #242424 !important;
    color: #eeeeee !important;
    border-color: #383838 !important;
}

/* Albuminformasjon */
html[data-bs-theme="dark"]
#jr-listings-content [data-card-main] {
    background-color: #242424 !important;
    color: #eeeeee !important;
}

/* Albumtitler */
html[data-bs-theme="dark"]
#jr-listings-content [data-jr-heading],
html[data-bs-theme="dark"]
#jr-listings-content [data-jr-heading] a {
    color: #eeeeee !important;
}

/* Beskrivelsestekst */
html[data-bs-theme="dark"]
#jr-listings-content [data-card-content] {
    color: #bbbbbb !important;
}

/* Metadata og dato */
html[data-bs-theme="dark"]
#jr-listings-content [data-card-metadata] {
    color: #aaaaaa !important;
}

/* Antall resultater */
html[data-bs-theme="dark"]
#jr-listings-content .fwd-text-muted {
    color: #aaaaaa !important;
}

/* Kortets nedtrekksknapp */
html[data-bs-theme="dark"]
#jr-listings-content [data-jr-card="card"] button {
    background-color: #303030 !important;
    color: #eeeeee !important;
    border-color: #555555 !important;
}

/* Hover */
html[data-bs-theme="dark"]
#jr-listings-content [data-jr-card="card"] button:hover {
    background-color: #404040 !important;
    color: #ffffff !important;
}

/* ==========================================
   JREVIEWS 6 - LISTING SORT DROPDOWN
   Dark Mode
   ========================================== */

/* Sortering: Latest, Oldest osv. */
html[data-bs-theme="dark"]
#jr-listings-content select#order {
    background-color: #303030 !important;
    color: #eeeeee !important;
    border: 1px solid #555555 !important;
    color-scheme: dark;
}

/* Alternativene i listen */
html[data-bs-theme="dark"]
#jr-listings-content select#order option {
    background-color: #303030;
    color: #eeeeee;
}

/* Hover og fokus */
html[data-bs-theme="dark"]
#jr-listings-content select#order:hover,
html[data-bs-theme="dark"]
#jr-listings-content select#order:focus {
    background-color: #404040 !important;
    color: #ffffff !important;
    border-color: #777777 !important;
}

/* ==========================================
   JREVIEWS 6 - LISTING AUTHOR NAMES
   Dark Mode
   ========================================== */

/* Forfatternavn */
html[data-bs-theme="dark"]
#jr-listings-content
[data-jr-listing-meta] a[data-profile-preview] {
    color: #eeeeee !important;
}

/* Hover */
html[data-bs-theme="dark"]
#jr-listings-content
[data-jr-listing-meta] a[data-profile-preview]:hover {
    color: #ffffff !important;
}

/* ==========================================
   JREVIEWS 6 - LISTING DETAIL AUTHOR
   Dark Mode
   ========================================== */

/* Forfatternavn inne på selve anmeldelsen */
html[data-bs-theme="dark"]
[data-jr-listing-detail]
a[data-profile-preview] {
    color: #eeeeee !important;
}

/* Hover */
html[data-bs-theme="dark"]
[data-jr-listing-detail]
a[data-profile-preview]:hover {
    color: #ffffff !important;
}