/*
 * Arcticmetal.no
 * Custom styles for Cassiopeia Arcticmetal
 * -----------------------------------------
 */

/* PAGE WIDTH
   --------------------------------------------------------- */

@media (min-width: 992px) {
    .site-grid {
        grid-template-columns:
            [full-start] minmax(0, 1fr)
            [main-start] repeat(4, minmax(0, 21.5rem))
            [main-end] minmax(0, 1fr)
            [full-end];
    }
}

 /* HEADER / MENU
   --------------------------------------------------------- */

/* Mindre luft mellom banner/logo og meny */
.container-header .container-nav {
    margin-top: -15px;	
    padding-top: 0;
    padding-bottom: 0.5rem;
}

/* Midtstill hovedmenyen */
.container-header .container-nav .navbar {
    margin-left: auto;
    margin-right: auto;
}

.container-header .mod-menu {
    justify-content: center;
}

/* Mindre luft under banner/logo */
.container-header .grid-child:first-child {
    padding-bottom: 0;
}

/* DARK DROPDOWN MENU
   --------------------------------------------------------- */

.container-header .metismenu .mm-collapse {
    background-color: #151515;
}

/* Tekst i dropdown */
.container-header .metismenu .mm-collapse > li > a {
    color: #f2f2f2;
}

/* Hover */
.container-header .metismenu .mm-collapse > li > a:hover,
.container-header .metismenu .mm-collapse > li > a:focus {
    background-color: #292929;
    color: #ffffff;
}

/* Skillelinjer */
.container-header .metismenu .mm-collapse > li {
    border-color: #333333;
}

/* MENU – fjern ramme/fokusmarkering rundt dropdown-knapp
   --------------------------------------------------------- */

.container-header .metismenu > li > button,
.container-header .metismenu > li > button:hover,
.container-header .metismenu > li > button:focus,
.container-header .metismenu > li > button:focus-visible,
.container-header .metismenu > li > button:active {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}

/* MENU – fjern fokusramme på lenker i dropdown
   --------------------------------------------------------- */

.container-header .metismenu a:focus,
.container-header .metismenu a:focus-visible,
.container-header .metismenu a:active {
    outline: none !important;
    box-shadow: none !important;
}

/* MENU – åpne dropdown ved hover på desktop
   --------------------------------------------------------- */

@media (hover: hover) and (pointer: fine) {

    .container-header .metismenu > li.parent:hover > ul {
        display: block;
    }

}

/* RESPONSIVE EMBEDDED VIDEO
   --------------------------------------------------------- */

iframe[src*="youtube.com"],
iframe[src*="youtube-nocookie.com"],
iframe[src*="youtu.be"],
iframe[src*="vimeo.com"] {
    display: block;
    max-width: 100%;
    aspect-ratio: 16 / 9;
    height: auto;
}

/* ARTICLE MEDIA
   --------------------------------------------------------- */

/* Bilder inne i artikler */
.com-content-article__body img {
    border-radius: 10px;
    box-shadow: 3px 3px 5px #888888;
}

/* YouTube og Vimeo */
.com-content-article__body iframe[src*="youtube.com"],
.com-content-article__body iframe[src*="youtube-nocookie.com"],
.com-content-article__body iframe[src*="vimeo.com"] {
    border-radius: 10px;
    box-shadow: 3px 3px 5px #888888;
}

/* Bandcamp */
.com-content-article__body iframe[src*="bandcamp.com"] {
    border-radius: 10px;
    overflow: hidden;
}

/* Footer */
.container-footer {
    border-top: 1px solid #3a3a3a;
}

.container-footer .grid-child {
    align-items: flex-start;
    padding-top: 30px;
    padding-bottom: 30px;
}

/* Footer - mobile */
@media (max-width: 767px) {

    .container-footer .grid-child {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .container-footer .mod-custom p {
        margin-top: 0;
        margin-bottom: 0.75rem;
    }

    /* Litt ekstra luft mellom footer-modulene */
    .container-footer .mod-custom + .mod-custom {
        margin-top: 10px;
    }
}

    /* Artikkel list utforming */
.arcticmetal-list-intro {
    margin-top: 0.3rem;
    font-size: 0.92rem;
    font-weight: 400;
    line-height: 1.4;
    color: #666;
}
.com-content-category__table .list-title > a {
    font-weight: 600;
}

/* =========================================
   ARCTICMETAL - FOOTER ABOUT
   ========================================= */

.am-footer-about h3 {
    color: #ffffff;
    font-size: 1rem;
    font-weight: 700;
    margin: 0 0 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #383838;
}

.am-footer-about p {
    color: #cccccc;
    font-size: 0.9rem;
    line-height: 1.7;
    margin-bottom: 12px;
}

.am-footer-about p:last-child {
    margin-bottom: 0;
}

/* =========================================
   ARCTICMETAL - FOOTER EXPLORE
   ========================================= */

.am-footer-explore h3 {
    color: #ffffff;
    font-size: 1rem;
    font-weight: 700;
    margin: 0 0 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #383838;
}

.am-footer-explore ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.am-footer-explore li {
    margin-bottom: 12px;
}

.am-footer-explore a {
    color: #cccccc;
    text-decoration: underline;
    transition: color 0.2s ease;
}

.am-footer-explore a:hover,
.am-footer-explore a:focus {
    color: #ffffff;
}

/* =========================================
   ARCTICMETAL - FOOTER SOCIAL & COPYRIGHT
   ========================================= */

.container-footer .am-footer-social h3,
.container-footer .am-footer-copyright h3 {
    font-size: 1rem;
    font-weight: 700;
    color: #fff;
    margin: 0 0 16px;
    padding-bottom: 10px;
    border-bottom: 1px solid #252525;
}

/* Social icons */
.container-footer .am-social-icons {
    display: flex;
    align-items: center;
    gap: 22px;
}

.container-footer .am-social-icons a {
    color: #fff;
    font-size: 25px;
    text-decoration: none;
    transition: color 0.2s ease;
}

.container-footer .am-social-icons a:hover {
    color: #999;
}

/* Copyright */
.container-footer .am-footer-copyright {
    text-align: left;
    color: #bbb;
    line-height: 1.7;
}

.container-footer .am-footer-copyright p {
    margin: 0 0 12px;
}

.container-footer .am-copyright {
    color: #fff;
    font-weight: 600;
}

.container-footer .am-since {
    font-size: 0.9rem;
    color: #999;
}

/* =========================================
   ARCTICMETAL - FOOTER TEXT CONSISTENCY
   ========================================= */

.container-footer .am-footer-copyright {
    font-size: 0.9rem;
    line-height: 1.7;
}


/* =========================================================
   ARCTICMETAL - MOBILE BOTTOM NAVIGATION
   Cassiopeia Child Template
   ========================================================= */

/* Hide mobile navigation on desktop */
.am-mobile-nav {
    display: none;
}

@media (max-width: 991.98px) {

    /* -----------------------------------------
       HIDE ORIGINAL MOBILE HAMBURGER
       ----------------------------------------- */

    .container-header .navbar-toggler {
        display: none !important;
    }

    /* -----------------------------------------
       FIXED BOTTOM NAVIGATION
       ----------------------------------------- */

    .am-mobile-nav {
        display: block;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 1050;

        background: #080808;
        border: 0;
        border-top: 1px solid #444;
        border-radius: 0;
        margin: 0;
        padding: 0;
        box-shadow: 0 -3px 12px rgba(0, 0, 0, 0.25);
    }

    .am-mobile-nav .card-body,
    .am-mobile-nav .navbar {
        margin: 0;
        padding: 0;
    }

    .am-mobile-nav .navbar {
        width: 100%;
    }

    .am-mobile-nav .navbar-toggler {
        display: none !important;
    }

    .am-mobile-nav .navbar-collapse {
        display: block !important;
        width: 100%;
    }

    /* Allow submenus to extend above the bar */
    .am-mobile-nav,
    .am-mobile-nav .card-body,
    .am-mobile-nav .navbar,
    .am-mobile-nav .navbar-collapse,
    .am-mobile-nav .mod-menu {
        overflow: visible !important;
    }

    /* -----------------------------------------
       FOUR HORIZONTAL MENU ITEMS
       ----------------------------------------- */

    .am-mobile-nav ul.mod-menu {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        justify-content: space-between;

        width: 100%;
        min-height: 66px;
        margin: 0;
        padding: 0;
        gap: 0;
    }

    .am-mobile-nav ul.mod-menu > li {
        display: flex !important;
        flex: 1 1 0;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        position: relative;

        min-width: 0;
        margin: 0 !important;
        padding: 0 !important;
        text-align: center;
    }

    /* -----------------------------------------
       MENU LABELS
       ----------------------------------------- */

    .am-mobile-nav ul.mod-menu > li > a {
        display: flex !important;
        flex-direction: column;
        align-items: center;
        justify-content: center;

        width: 100%;
        min-height: 66px;
        margin: 0 !important;
        padding: 8px 2px !important;

        color: #eee;
        font-size: 0.68rem;
        line-height: 1.3;
        text-align: center;
        text-decoration: none;
        white-space: nowrap;
    }

    /* -----------------------------------------
       ICONS - FONT AWESOME
       ----------------------------------------- */

    .am-mobile-nav ul.mod-menu > li > a::before {
        display: block;
        font-family: "Font Awesome 6 Free";
        font-weight: 900;
        font-size: 1.25rem;
        line-height: 1.5;
        margin-bottom: 3px;
    }

    /* Home */
    .am-mobile-nav .item-101 > a::before {
        content: "\f015";
    }

    /* Reviews */
    .am-mobile-nav .item-113 > a::before {
        content: "\f005";
    }

    /* Content */
    .am-mobile-nav .item-532 > a::before {
        content: "\f1ea";
    }

    /* About Us */
    .am-mobile-nav .item-169 > a::before {
        content: "\f0c0";
    }

    /* -----------------------------------------
       ACTIVE / HOVER STATES
       ----------------------------------------- */

    .am-mobile-nav ul.mod-menu > li.current > a,
    .am-mobile-nav ul.mod-menu > li.active > a {
        background: #242424;
        color: #fff;
    }

    .am-mobile-nav ul.mod-menu > li > a:hover,
    .am-mobile-nav ul.mod-menu > li > a:focus-visible {
        background: #303030;
        color: #fff;
    }

    /* -----------------------------------------
       SUBMENU PARENT ITEMS
       ----------------------------------------- */

    .am-mobile-nav ul.mod-menu > li.deeper.parent {
        flex-direction: row !important;
        flex-wrap: wrap;
        align-content: center;
    }

    .am-mobile-nav ul.mod-menu > li.deeper.parent > a {
        width: 100% !important;
        flex: 1 1 100%;
    }

    /* Keep the existing MetisMenu toggle
       functional but visually unobtrusive */

    .am-mobile-nav ul.mod-menu > li > button.mm-toggler {
        position: absolute;
        top: 0;
        right: 0;
        width: 24px !important;
        min-width: 24px;
        height: 66px;
        min-height: 44px;

        margin: 0 !important;
        padding: 0 !important;
        border: 0;
        background: transparent;
        color: transparent;
        cursor: pointer;
        z-index: 2;
    }

    .am-mobile-nav ul.mod-menu > li > button.mm-toggler::after {
        display: none !important;
    }

    /* -----------------------------------------
       SUBMENUS OPEN UPWARDS
       ----------------------------------------- */

    .am-mobile-nav ul.mod-menu > li > ul.mm-collapse {
        position: absolute !important;
        bottom: 100%;
        left: 0;
        top: auto !important;

        width: max-content;
        min-width: 190px;
        max-width: min(300px, 90vw);
        max-height: 60vh;
        overflow-y: auto !important;

        background: #181818;
        border: 1px solid #444;
        border-radius: 8px 8px 0 0;
        padding: 8px 0;
        margin: 0;
        box-shadow: 0 -4px 15px rgba(0, 0, 0, 0.35);
        z-index: 1100;
    }

    .am-mobile-nav ul.mod-menu > li:last-child > ul.mm-collapse {
        left: auto;
        right: 0;
    }

    .am-mobile-nav ul.mod-menu > li > ul.mm-collapse a {
        display: block;
        color: #eee;
        font-size: 0.85rem;
        padding: 10px 15px;
        text-align: left;
        text-decoration: none;
        white-space: normal;
    }

    .am-mobile-nav ul.mod-menu > li > ul.mm-collapse a:hover,
    .am-mobile-nav ul.mod-menu > li > ul.mm-collapse a:focus-visible {
        background: #333;
        color: #fff;
    }

    /* -----------------------------------------
       PAGE SPACING AND SAFE AREA
       ----------------------------------------- */

    body {
        padding-bottom: calc(66px + env(safe-area-inset-bottom, 0px));
    }

    .am-mobile-nav {
        padding-bottom: env(safe-area-inset-bottom, 0px);
    }

    /* -----------------------------------------
       BACK TO TOP BUTTON
       ----------------------------------------- */

    #back-top {
        bottom: calc(85px + env(safe-area-inset-bottom, 0px)) !important;
    }
}

/* =========================================================
   ARCTICMETAL - RESPONSIVE DESKTOP / MOBILE BANNER
   ========================================================= */

/* Desktop banner */
.container-header .navbar-brand .brand-logo img {
    display: block;
    width: 100%;
    max-width: 1800px;
    height: auto;
    margin: 0 auto;
}

/* Mobile banner */
@media (max-width: 767.98px) {

    .container-header .navbar-brand .brand-logo img {
        content: url("/images/arcticmetal/banners/arcticmetal-mobile.webp");
        width: 100%;
        max-width: 100%;
        height: auto;
        margin: 0 auto;
    }

}

/* =========================================================
   ARCTICMETAL - RESPONSIVE BANDCAMP PLAYER
   ========================================================= */

iframe[src*="bandcamp.com/EmbeddedPlayer"] {
    display: block;
    max-width: 100% !important;
    border: 0;
}

/* =========================================================
   ARCTICMETAL - HIDE JOOMLA OFFLINE LOGO
   ========================================================= */

.offline-card .logo-icon {
    display: none !important;
}

/* =========================================================
   ARCTICMETAL - DARK MODE TEST
   ========================================================= */

html[data-bs-theme="dark"] {
    --bs-body-bg: #171717;
    --bs-body-color: #e5e5e5;
    --body-bg: #171717;
    --body-color: #e5e5e5;
    --link-color: #a9c8ed;
    --link-hover-color: #ffffff;
}

html[data-bs-theme="dark"] .arcticmetal-list-intro {
    color: #bbbbbb;
}

/* =========================================================
   ARCTICMETAL - DARK MODE - RAXO SIDEBAR
   ========================================================= */

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

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

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

/* DARK MODE - RAXO METADATA */

html[data-bs-theme="dark"] .allmode-arcticfront .allmode-info,
html[data-bs-theme="dark"] .allmode-arcticfront .allmode-info * {
    color: #aaaaaa !important;
}

/* DARK MODE - RAXO DATE AND HITS */

html[data-bs-theme="dark"] .allmode-arcticfront .allmode-date,
html[data-bs-theme="dark"] .allmode-arcticfront .allmode-hits {
    color: #aaaaaa !important;
}

/* =========================================================
   ARCTICMETAL - DARK MODE - RAXO BRICKS
   ========================================================= */

html[data-bs-theme="dark"] .raxo-bricks .raxo-content {
    background-color: #242424 !important;
    color: #e5e5e5;
}

html[data-bs-theme="dark"] .raxo-bricks .raxo-title,
html[data-bs-theme="dark"] .raxo-bricks .raxo-title a {
    color: #f2f2f2 !important;
}

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

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

/* DARK MODE - RAXO BRICKS METADATA */

html[data-bs-theme="dark"] .raxo-bricks .raxo-date,
html[data-bs-theme="dark"] .raxo-bricks .raxo-author,
html[data-bs-theme="dark"] .raxo-bricks .raxo-meta {
    color: #aaaaaa !important;
}

/* DARK MODE - RAXO BRICKS BOTTOM METADATA */

html[data-bs-theme="dark"] .raxo-bricks .raxo-meta {
    background-color: #303030 !important;
    border-top-color: #444444;
}

/* =========================================================
   ARCTICMETAL - DARK MODE - INFO BOX TEST
   ========================================================= */

html[data-bs-theme="dark"] .com-content-article__body p[style*="info.png"] {
    background-color: #303030 !important;
    color: #e5e5e5 !important;
    border-color: #555555 !important;
}

/* =========================================================
   ARCTICMETAL - DARK MODE - FOR FANS OF BOX
   ========================================================= */

html[data-bs-theme="dark"] .com-content-article__body p[style*="horns.png"] {
    background-color: #303030 !important;
    color: #e5e5e5 !important;
    border-color: #555555 !important;
}

/* =========================================================
   ARCTICMETAL - DARK MODE - REGULAR LABS TABS
   ========================================================= */

html[data-bs-theme="dark"] [data-rlta-element="panel"] {
    background-color: #242424 !important;
    color: #e5e5e5 !important;
}

/* =========================================================
   ARCTICMETAL - DARK MODE - REGULAR LABS TAB BUTTONS
   ========================================================= */

html[data-bs-theme="dark"] [data-rlta-element="button"] {
    background-color: #353535 !important;
    color: #dddddd !important;
}

html[data-bs-theme="dark"] [data-rlta-element="button"][data-rlta-state="open"] {
    background-color: #242424 !important;
    color: #ffffff !important;
}

/* =========================================================
   ARCTICMETAL - DARK MODE - ARTICLE INFO
   ========================================================= */

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

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

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

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"] .com-finder select,
html[data-bs-theme="dark"] .com-finder .choices__inner {
    background-color: #2b2b2b !important;
    color: #e5e5e5 !important;
    border-color: #555555 !important;
}

html[data-bs-theme="dark"] .com-finder .choices__input,
html[data-bs-theme="dark"] .com-finder .choices__placeholder {
    color: #e5e5e5 !important;
}

/* ARCTICMETAL - DARK MODE - SMART SEARCH SELECT */
html[data-bs-theme="dark"] .com-finder select.form-select.advancedSelect {
    background-color: #2b2b2b !important;
    background-image: none !important;
    color: #e5e5e5 !important;
    border: 1px solid #555555 !important;

    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23cccccc' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m3 6 5 5 5-5'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 14px center !important;
    background-size: 16px !important;
    padding-right: 40px !important;
}

/* ARCTICMETAL - DARK MODE - SMART SEARCH INPUT */
html[data-bs-theme="dark"] .com-finder input.js-finder-search-query {
    background-color: #2b2b2b !important;
    color: #e5e5e5 !important;
    border-color: #555555 !important;
}

/* ARCTICMETAL - DARK MODE - STAFF TABLE */
html[data-bs-theme="dark"] .com-contact-category .table td {
    color: #cccccc !important;
}
/* ARCTICMETAL - DARK MODE - ALL REVIEWS */

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"] .com-content-category td.list-author {
    --bs-table-color-type: #cccccc;
    color: #cccccc !important;
}

/* ARCTICMETAL - DARK MODE - PLAYLIST LIMIT */
html[data-bs-theme="dark"] .com-content-category select#limit {
    appearance: auto !important;
    background: #2b2b2b !important;
    color: #e5e5e5 !important;
    border: 1px solid #555555 !important;
    color-scheme: dark;
}

html[data-bs-theme="dark"] .com-content-category select#limit option {
    background-color: #2b2b2b;
    color: #e5e5e5;
}

/* ARCTICMETAL - DARK MODE - FRONTEND ARTICLE EDITOR */

html[data-bs-theme="dark"] .edit.item-page joomla-tab-element {
    background-color: #242424 !important;
    border-color: #444444 !important;
    color: #e5e5e5;
}

/* ARCTICMETAL - DARK MODE - JCE EDITOR / CODE BUTTONS */
html[data-bs-theme="dark"] .wf-editor-header button {
    color: #e5e5e5 !important;
}

/* ARCTICMETAL - DARK MODE - JCE CODE BUTTON */
html[data-bs-theme="dark"] .wf-editor-header button:not(.active) {
    color: #333333 !important;
}

/* ARCTICMETAL - DARK MODE - ALIAS HELP TEXT */
html[data-bs-theme="dark"] .edit.item-page #jform_alias-desc .form-text {
    color: #bbbbbb !important;
}

/* ARCTICMETAL - DARK MODE - FRONTEND ARTICLE EDITING */
html[data-bs-theme="dark"] body.com_content.view-form .site-grid {
    background-color: #171717 !important;
}

/* ARCTICMETAL - DARK MODE - IMAGE DESCRIPTION HELP TEXT */
html[data-bs-theme="dark"] .edit.item-page joomla-tab-element .form-text {
    color: #bbbbbb !important;
}

/* ARCTICMETAL - DARK MODE - HTML BACKGROUND */
html[data-bs-theme="dark"] {
    background-color: #171717 !important;
}

/* ARCTICMETAL - DARK MODE - JREVIEWS POST REVIEW */

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 */
@media (max-width: 991.98px) {
    .am-mobile-nav {
        width: 100vw !important;
        max-width: 100vw !important;
    }
}

/* =========================================================
   ARCTICMETAL - MOBILE PAGINATION
   Show fewer page numbers on small screens
   ========================================================= */

@media (max-width: 575.98px) {

    .com-content-category .pagination .page-item:nth-child(n+6):not(:nth-last-child(-n+2)) {
        display: none;
    }

}

/* ARCTICMETAL - DARK MODE - PROFILE HELP TEXT */
html[data-bs-theme="dark"] .com-users-profile__edit .form-text,
html[data-bs-theme="dark"] .com-users-profile__edit .form-control-feedback,
html[data-bs-theme="dark"] .com-users-profile__edit .field-desc {
    color: #bbbbbb !important;
}

/* ARCTICMETAL - DARK MODE - PASSKEY NAME */
html[data-bs-theme="dark"] .com-users-profile__edit th.webauthnManagementCell {
    color: #e5e5e5 !important;
}

/* ARCTICMETAL - DARK MODE - MFA INFORMATION TEXT */
html[data-bs-theme="dark"] .com-users-profile__edit
.com-users-methods-list-method-info,
html[data-bs-theme="dark"] .com-users-profile__edit
.com-users-methods-list-method-info.text-muted {
    color: #bbbbbb !important;
}

/* ARCTICMETAL - DARK MODE - MFA LAST USED */
html[data-bs-theme="dark"] .com-users-profile__edit
.com-users-methods-list-method-record-lastused {
    color: #bbbbbb !important;
}

/* ARCTICMETAL - DARK MODE - PROFILE INPUT FIELDS */
html[data-bs-theme="dark"] .com-users-profile__edit .form-control {
    background-color: #303030 !important;
    color: #e5e5e5 !important;
    border-color: #555555 !important;
}

html[data-bs-theme="dark"] .com-users-profile__edit .form-control::placeholder {
    color: #aaaaaa !important;
}

/* ARCTICMETAL - DARK MODE - MFA STATUS MESSAGE */
html[data-bs-theme="dark"] .com-users-profile__edit
#com-users-methods-reset-container {
    background-color: #303030 !important;
    border-color: #555555 !important;
}

html[data-bs-theme="dark"] .com-users-profile__edit
#com-users-methods-reset-message {
    color: #e5e5e5 !important;
}

/* ARCTICMETAL - DARK MODE - MFA ADD BUTTON */
html[data-bs-theme="dark"]
.com-users-methods-list-method-addnew {
    color: #a9c8ed !important;
    border-color: #6688aa !important;
    background-color: #303030 !important;
}

html[data-bs-theme="dark"]
.com-users-methods-list-method-addnew:hover {
    color: #ffffff !important;
    background-color: #405570 !important;
    border-color: #88aacc !important;
}

/* =========================================================
   ARCTICMETAL - THEME TOGGLE
   ========================================================= */

.am-theme-menu-item {
    display: flex;
    align-items: center;
    justify-content: center;
}

.am-theme-toggle {
    background: transparent;
    border: 0;
    color: #ffffff;
    cursor: pointer;
    font-size: 1.5rem;
    line-height: 1;
    padding: 8px 12px;
    transition: color 0.2s ease;
}

.am-theme-toggle:hover,
.am-theme-toggle:focus-visible {
    color: #bbbbbb;
}

.am-theme-toggle:focus-visible {
    outline: 2px solid #ffffff;
    outline-offset: 2px;
    border-radius: 4px;
}

/* =========================================================
   ARCTICMETAL - MOBILE THEME TOGGLE
   ========================================================= */

/* Hidden on desktop */
.am-mobile-theme-bar {
    display: none;
}

@media (max-width: 991.98px) {

    .am-mobile-theme-bar {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        background-color: #101010;
        padding: 3px 15px;
        min-height: 38px;
    }

    .am-mobile-theme-toggle {
        color: #ffffff;
        font-size: 1.4rem;
        padding: 3px 10px;
    }
}

/* =========================================================
   ARCTICMETAL - DARK MODE ARTICLE LISTS
   News, Interviews, Concerts, Articles
   ========================================================= */

html[data-bs-theme="dark"] .com-content-category__table tbody tr {
    background-color: #242424 !important;
}

html[data-bs-theme="dark"] .com-content-category__table tbody tr:nth-child(even) {
    background-color: #303030 !important;
}

/* Remove bright borders */
html[data-bs-theme="dark"] .com-content-category__table,
html[data-bs-theme="dark"] .com-content-category__table th,
html[data-bs-theme="dark"] .com-content-category__table td {
    border-color: #383838 !important;
}

/* Let table cells inherit the row background */
html[data-bs-theme="dark"] .com-content-category__table tbody td {
    background-color: transparent !important;
}

/* =========================================================
   ARCTICMETAL - DARK MODE TABLE STRIPES
   ========================================================= */

html[data-bs-theme="dark"] .com-content-category__table tbody tr:nth-child(odd) > * {
    background-color: #242424 !important;
    box-shadow: none !important;
}

html[data-bs-theme="dark"] .com-content-category__table tbody tr:nth-child(even) > * {
    background-color: #303030 !important;
    box-shadow: none !important;
}

/* =========================================================
   ARCTICMETAL - DARK MODE LOGIN
   ========================================================= */

/* Login form background */
html[data-bs-theme="dark"] .com-users-login {
    background-color: #242424 !important;
    color: #e5e5e5 !important;
}

/* Username and password labels */
html[data-bs-theme="dark"] .com-users-login label {
    color: #dddddd !important;
}

/* Username and password fields */
html[data-bs-theme="dark"] .com-users-login .form-control {
    background-color: #303030 !important;
    color: #e5e5e5 !important;
    border-color: #555555 !important;
}

/* Passkey button */
html[data-bs-theme="dark"] .com-users-login .btn {
    border-color: #555555;
}

/* Login form links */
html[data-bs-theme="dark"] .com-users-login a {
    color: #a9c8ed;
}

/* =========================================================
   ARCTICMETAL - OFFLINE LOGIN DARK MODE
   ========================================================= */

/* Login background */
html[data-bs-theme="dark"] .offline-card .login {
    background-color: #242424 !important;
    color: #e5e5e5 !important;
}

/* Username and Password labels */
html[data-bs-theme="dark"] .offline-card .login label {
    color: #dddddd !important;
}

/* Input fields */
html[data-bs-theme="dark"] .offline-card .login input.form-control {
    background-color: #303030 !important;
    color: #e5e5e5 !important;
    border-color: #555555 !important;
}

/* Input focus */
html[data-bs-theme="dark"] .offline-card .login input.form-control:focus {
    background-color: #303030 !important;
    color: #ffffff !important;
    border-color: #88aacc !important;
}

/* Login and Passkey buttons */
html[data-bs-theme="dark"] .offline-card .login .btn {
    background-color: #303030 !important;
    color: #e5e5e5 !important;
    border-color: #555555 !important;
}

/* Button hover */
html[data-bs-theme="dark"] .offline-card .login .btn:hover {
    background-color: #404040 !important;
    color: #ffffff !important;
}

/* Passkey icon */
html[data-bs-theme="dark"] .offline-card .login .btn i,
html[data-bs-theme="dark"] .offline-card .login .btn svg {
    color: #e5e5e5 !important;
    fill: currentColor;
}

/* =========================================================
   ARCTICMETAL - OFFLINE LOGIN PASSKEY ICON
   ========================================================= */

html[data-bs-theme="dark"] .offline-card .login
.plg_system_webauthn_login_button svg circle,

html[data-bs-theme="dark"] .offline-card .login
.plg_system_webauthn_login_button svg path {
    fill: #e5e5e5 !important;
}

/* =========================================================
   ARCTICMETAL - OFFLINE LOGIN ALERTS
   ========================================================= */

html[data-bs-theme="dark"] .offline-card .login
joomla-alert[type="danger"] {
    background-color: #382525 !important;
    color: #f0d0d0 !important;
    border: 1px solid #804040 !important;
}

/* Error message text */
html[data-bs-theme="dark"] .offline-card .login
joomla-alert[type="danger"] .alert-message {
    color: #f0d0d0 !important;
}

/* Close button */
html[data-bs-theme="dark"] .offline-card .login
joomla-alert[type="danger"] .joomla-alert--close {
    color: #f0d0d0 !important;
}

/* =========================================================
   ARCTICMETAL - DARK MODE SUCCESS ALERTS
   ========================================================= */

/* Success message background */
html[data-bs-theme="dark"]
#system-message-container joomla-alert[type="success"] {
    background-color: #24382a !important;
    color: #d5f0dc !important;
    border: 1px solid #416b4a !important;
}

/* Success message text */
html[data-bs-theme="dark"]
#system-message-container joomla-alert[type="success"] .alert-message {
    color: #d5f0dc !important;
}

/* Close button */
html[data-bs-theme="dark"]
#system-message-container joomla-alert[type="success"] .joomla-alert--close {
    color: #d5f0dc !important;
}

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

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"] .users-mfa-captive-pre-message {
    color: #bbbbbb !important;
}

/* =========================================================
   ARCTICMETAL - SMART SEARCH AUTOCOMPLETE DARK MODE
   ========================================================= */

html[data-bs-theme="dark"] .awesomplete > ul {
    background-color: #303030 !important;
    color: #e5e5e5 !important;
    border: 1px solid #555555 !important;
    box-shadow: 3px 3px 8px #111111 !important;
}

html[data-bs-theme="dark"] .awesomplete > ul > li {
    background-color: #303030 !important;
    color: #e5e5e5 !important;
}

html[data-bs-theme="dark"] .awesomplete > ul > li:hover,
html[data-bs-theme="dark"] .awesomplete > ul > li[aria-selected="true"] {
    background-color: #405570 !important;
    color: #ffffff !important;
}

html[data-bs-theme="dark"] .awesomplete mark {
    background-color: #405570 !important;
    color: #ffffff !important;
}

/* =========================================================
   ARCTICMETAL - JREVIEWS SEARCH REVIEWS 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"] #com-content-form #jform_title,
html[data-bs-theme="dark"] #com-content-form #jform_alias {
    background-color: #303030 !important;
    color: #e5e5e5 !important;
    border: 1px solid #555555 !important;
}

html[data-bs-theme="dark"] #com-content-form #jform_title::placeholder,
html[data-bs-theme="dark"] #com-content-form #jform_alias::placeholder {
    color: #aaaaaa !important;
}

html[data-bs-theme="dark"] #com-content-form #jform_title:focus,
html[data-bs-theme="dark"] #com-content-form #jform_alias:focus {
    background-color: #303030 !important;
    color: #ffffff !important;
    border-color: #6688aa !important;
}

/* =========================================================
   ARCTICMETAL - JOOMLA ARTICLE IMAGES AND LINKS
   Dark Mode
   ========================================================= */

html[data-bs-theme="dark"]
form#adminForm joomla-tab-element#images input.form-control {
    background-color: #303030 !important;
    color: #e5e5e5 !important;
    border-color: #555555 !important;
}

html[data-bs-theme="dark"]
form#adminForm joomla-tab-element#images input.form-control::placeholder {
    color: #aaaaaa !important;
}

/* =========================================================
   ARCTICMETAL - JOOMLA ARTICLE OPTIONS
   Choices.js Dark Mode
   ========================================================= */

html[data-bs-theme="dark"]
form#adminForm joomla-tab-element#options .choices__inner {
    background: #303030 !important;
    color: #e5e5e5 !important;
    border: 1px solid #555555 !important;
}

html[data-bs-theme="dark"]
form#adminForm joomla-tab-element#options .choices__item {
    color: #e5e5e5 !important;
}

/* =========================================================
   ARCTICMETAL - JOOMLA ARTICLE OPTIONS
   Select Fields Dark Mode
   ========================================================= */

html[data-bs-theme="dark"]
form#adminForm joomla-tab-element#options select.form-select {
    background-color: #303030 !important;
    background-image: none !important;
    color: #e5e5e5 !important;
    border-color: #555555 !important;
}

/* Arcticmetal - Joomla Options dropdown items - Dark Mode */

html[data-bs-theme="dark"]
form#adminForm joomla-tab-element#options select.form-select option {
    background-color: #303030 !important;
    color: #e5e5e5 !important;
}

/* =========================================================
   ARCTICMETAL - JOOMLA ARTICLE OPTIONS
   Note Field Dark Mode
   ========================================================= */

html[data-bs-theme="dark"]
form#adminForm joomla-tab-element#options input.form-control {
    background-color: #303030 !important;
    color: #e5e5e5 !important;
    border-color: #555555 !important;
}

/* =========================================================
   ARCTICMETAL - TAGS DARK MODE
   Joomla frontend article editor
   ========================================================= */

html[data-bs-theme="dark"] #adminForm
joomla-tab-element#options
.choices[data-type="select-multiple"] .choices__inner {
    background: #303030 !important;
    background-image: none !important;
    color: #e5e5e5 !important;
    border: 1px solid #555555 !important;
}

/* Tags search text and placeholder */

html[data-bs-theme="dark"] #adminForm
joomla-tab-element#options
.choices[data-type="select-multiple"] .choices__input {
    background-color: transparent !important;
    color: #e5e5e5 !important;
}

html[data-bs-theme="dark"] #adminForm
joomla-tab-element#options
.choices[data-type="select-multiple"] .choices__input::placeholder {
    color: #aaaaaa !important;
}

/* =========================================================
   ARCTICMETAL - TAGS DROPDOWN DARK MODE
   ========================================================= */

html[data-bs-theme="dark"] #adminForm
joomla-tab-element#options
.choices[data-type="select-multiple"] .choices__list--dropdown {
    background-color: #303030 !important;
    color: #e5e5e5 !important;
    border: 1px solid #555555 !important;
}

/* Dropdown items */

html[data-bs-theme="dark"] #adminForm
joomla-tab-element#options
.choices[data-type="select-multiple"] .choices__list--dropdown .choices__item {
    background-color: #303030 !important;
    color: #e5e5e5 !important;
}

/* Highlighted item */

html[data-bs-theme="dark"] #adminForm
joomla-tab-element#options
.choices[data-type="select-multiple"] .choices__list--dropdown .choices__item.is-highlighted {
    background-color: #405570 !important;
    color: #ffffff !important;
}

/* =========================================================
   ARCTICMETAL - MOBILE SLOGAN
   Keeping Metal Alive Since 1999
   ========================================================= */

@media (max-width: 991.98px) {

    .am-mobile-theme-bar {
        justify-content: space-between !important;
    }

    .am-mobile-theme-bar::before {
        content: "Keeping Metal Alive Since 1999";
        color: #cccccc;
        font-size: 0.85rem;
        font-weight: 600;
        letter-spacing: 0.3px;
        white-space: nowrap;
    }

}

/* =========================================================
   ARCTICMETAL - JREVIEWS POST REVIEW INPUT FIELDS
   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"] .com-content-article__body img,

/* Bilder i JReviews-anmeldelser */
html[data-bs-theme="dark"] .jrReviewDetail img,

/* YouTube og Vimeo */
html[data-bs-theme="dark"] .com-content-article__body iframe[src*="youtube.com"],
html[data-bs-theme="dark"] .com-content-article__body iframe[src*="youtube-nocookie.com"],
html[data-bs-theme="dark"] .com-content-article__body iframe[src*="vimeo.com"] {

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

/* =========================================================
   ARCTICMETAL - DARK MODE - RAXO IMAGE SHADOWS
   ========================================================= */

html[data-bs-theme="dark"] .allmode-arcticfront .allmode-img img {
    padding: 0 !important;
    background-color: transparent !important;
    border: none !important;

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

/* =========================================================
   ARCTICMETAL - DARK MODE - JREVIEWS LISTING IMAGES
   ========================================================= */

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
   ========================================================= */

html[data-bs-theme="dark"]
.com-content-article__body iframe[src*="bandcamp.com"] {
    border-radius: 10px;
    box-shadow:
        0 10px 25px rgba(0, 0, 0, 0.65),
        0 2px 8px rgba(0, 0, 0, 0.45) !important;
}

/* =========================================================
   ARCTICMETAL - DARK MODE - LEGACY JCE STYLE BOXES
   Readability fixes for older inline styles
   ========================================================= */

html[data-bs-theme="dark"] .com-content-article__body :is(p, div)[style*="black-metal.png"],
html[data-bs-theme="dark"] .com-content-article__body :is(p, div)[style*="blockquote.png"],
html[data-bs-theme="dark"] .com-content-article__body :is(p, div)[style*="brutal-death-metal.png"],
html[data-bs-theme="dark"] .com-content-article__body :is(p, div)[style*="horns.png"],
html[data-bs-theme="dark"] .com-content-article__body :is(p, div)[style*="info.png"],
html[data-bs-theme="dark"] .com-content-article__body :is(p, div)[style*="light_bulb.png"],
html[data-bs-theme="dark"] .com-content-article__body :is(p, div)[style*="loudspeaker.png"],
html[data-bs-theme="dark"] .com-content-article__body :is(p, div)[style*="microphone.png"],
html[data-bs-theme="dark"] .com-content-article__body :is(p, div)[style*="openquote1-black.gif"],
html[data-bs-theme="dark"] .com-content-article__body :is(p, div)[style*="pin.png"],
html[data-bs-theme="dark"] .com-content-article__body :is(p, div)[style*="skull-hands.png"],
html[data-bs-theme="dark"] .com-content-article__body :is(p, div)[style*="thumbs-up.png"],
html[data-bs-theme="dark"] .com-content-article__body :is(p, div)[style*="vinyl.png"],
html[data-bs-theme="dark"] .com-content-article__body :is(p, div)[style*="warning.png"] {

    background-color: #303030 !important;
    color: #e5e5e5 !important;
    border-color: #555555 !important;
}

/* =========================================================
   ARCTICMETAL - JCE CONTENT BOXES - DARK MODE
   ========================================================= */

html[data-bs-theme="dark"] .com-content-article__body :is(
    .am-info,
    .am-lightbulb,
    .am-warning,
    .am-pin,
    .am-horns,
    .am-skullhorns,
    .am-microphone,
    .am-bdm,
    .am-blackmetal,
    .am-vinyl,
    .am-loudspeaker,
    .am-blockquote
) {
    background-color: #303030 !important;
    color: #e5e5e5 !important;
    border-color: #555555 !important;

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

/* =========================================================
   ARCTICMETAL - MOBILE DROPDOWN MENU TEXT
   ========================================================= */

@media (max-width: 767.98px) {

    .am-mobile-nav .metismenu-item.level-2 > a {
        font-size: 14.5px;
        font-weight: 600;
    }

}

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

html[data-bs-theme="dark"] #users-mfa-code,
html[data-bs-theme="dark"] #users-mfa-code:focus {
    background-color: #303030 !important;
    color: #e5e5e5 !important;
    border-color: #555555 !important;
}

html[data-bs-theme="dark"] #users-mfa-code::placeholder {
    color: #999999 !important;
    opacity: 1;
}

/* ==========================================
   ARCTICMETAL - SMART SEARCH DATE (DARK MODE)
   ========================================== */

html[data-bs-theme="dark"] .com-finder .result__date {
    color: #aaaaaa;
}

/* ==========================================
   ARCTICMETAL - SMART SEARCH DIVIDERS (DARK MODE)
   ========================================== */

html[data-bs-theme="dark"] .com-finder .result__item + .result__item {
    border-top-color: #444444;
}

/* ==========================================
   ARCTICMETAL - SMART SEARCH TITLE HOVER
   DARK MODE
   ========================================== */

html[data-bs-theme="dark"] .com-finder .result__title a {
    transition: color 0.2s ease;
}

/* ==========================================
   ARCTICMETAL - SMART SEARCH METADATA
   DARK MODE
   ========================================== */

html[data-bs-theme="dark"] .com-finder .result__taxonomy {
    font-size: 0.85rem;
    color: #aaaaaa;
}

/* ==========================================
   ARCTICMETAL - SMART SEARCH PAGINATION
   MOBILE ONLY
   ========================================== */

@media (max-width: 767.98px) {

    .com-finder .pagination {
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
        gap: 0;
    }

    .com-finder .pagination .page-item {
        margin: 0;
    }

    /* Hide page numbers 4-7 on mobile */
    .com-finder .pagination .page-item:nth-child(n+6):nth-child(-n+9) {
        display: none;
    }

}

/* ==========================================
   ARCTICMETAL - OFFLINE WARNING (DARK MODE)
   ========================================== */

html[data-bs-theme="dark"] .offline-card joomla-alert[type="warning"] {
    background-color: #302719;
    color: #f0d7a6;
    border: 1px solid #8a621f;
}

html[data-bs-theme="dark"] .offline-card joomla-alert[type="warning"] .alert-wrapper {
    background-color: #302719;
    color: #f0d7a6;
}

/* ARCTICMETAL - JREVIEWS HEADER (MOBILE) */

@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 */
#raxo-module-id211 .raxo-top .raxo-wrap {
    border-top: none;
}

/* ARCTICMETAL - RAXO NEWS CARD SHADOW */
#raxo-module-id211 .raxo-top .raxo-wrap {
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.35);
    border-radius: 10px;
}

/* ARCTICMETAL - RAXO SMALL NEWS CARD SHADOW */
#raxo-module-id211 .raxo-normal .raxo-item-nor .raxo-wrap {
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.35);
    border-radius: 10px;
}

/* ARCTICMETAL - JREVIEWS HEADER (MOBILE) */
@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 */
body.itemid-101 .com-content-category-blog.blog > a.btn.btn-primary {
    display: none;
}

/* =========================================================
   ARCTICMETAL – OFFLINE PAGE
   Hide login form during maintenance
   ========================================================= */

.offline-card #form-login {
    display: none !important;
}

/* Arcticmetal - Password reset and username reminder */
.com-users-reset input[type="email"],
.com-users-remind input[type="email"] {
    background-color: #222 !important;
    color: #fff !important;
    border: 1px solid #555 !important;
}

.com-users-reset input[type="email"]:focus,
.com-users-remind input[type="email"]:focus {
    background-color: #111 !important;
    color: #fff !important;
    border-color: #888 !important;
}