/*
	Theme Name: Rehub child theme
	Theme URI: https://wpsoul.com
	Description: A Hybrid magazine/shop/review/news Wordpress Theme
	Author: Sizam
	Author URI: https://wpsoul.com
	Version: 9.4
	Template: rehub-theme
*/

/* ==========================================================================
   FIREWITHFIRE.AI - TACTICAL STYLESHEET
   ========================================================================== */

/* ============================================================
   1. BASE & GRID
   ============================================================ */

/* 1.1 BODY BACKGROUND */
body {
    background-color: #161616 !important;
    color: #d1d1d1 !important;
}

/* 1.2 MAIN CONTENT ELEVATION */
.rh-outer-wrap {
    position: relative;
    z-index: 2;
}

/* 1.3 DEDICATED GRID LAYER */
/* BUG FIX: Removed the duplicate body::before rule that was immediately overriding
   z-index: 1 with z-index: 0. Consolidated to z-index: 0 here since that is the
   intended final value (grid sits behind .rh-outer-wrap at z-index: 2).
   Added will-change to prevent costly repaints during the glitch animation. */
body::before {
    content: "";
    position: fixed;
    top: -5%;
    left: -5%;
    width: 110%;
    height: 110%;
    z-index: 0;
    pointer-events: none;
    will-change: transform, opacity, filter;
    background-image:
        radial-gradient(circle at 50% 0%, rgba(38, 6, 86, 0.3) 0%, transparent 70%),
        linear-gradient(rgba(230, 91, 0, 0.15) 1px, transparent 1px),
        linear-gradient(90deg, rgba(157, 78, 221, 0.18) 1px, transparent 1px) !important;
    background-size: 100% 100%, 20px 20px, 20px 20px !important;
    animation: cyberGridGlitch 0.6s ease-in-out 6s 1 forwards;
}

/* 1.4 TACTICAL GRID GLITCH ANIMATION */
/* NOTE: !important is ignored inside @keyframes by all browsers */
@keyframes cyberGridGlitch {
    0%   { transform: translate(-10px, 4px) scale(1.05) skewX(1deg);  opacity: 0.9; filter: contrast(1.5) brightness(1.2) hue-rotate(90deg); }
    25%  { transform: translate(5px, -4px) scale(0.98) skewX(-2deg);  opacity: 0.3; filter: contrast(2) brightness(0.8) hue-rotate(-45deg); }
    50%  { transform: translate(0, 0) scale(1) skewX(0);               opacity: 1;   filter: contrast(1) brightness(1) hue-rotate(0deg); }
    75%  { transform: translate(8px, 0) scale(1.02) skewX(3deg);       opacity: 0.8; filter: contrast(3) brightness(1.5); }
    /* BUG FIX: blur(0px) -> blur(0) — units are invalid on zero values */
    100% { transform: translate(0, 0) scale(1) skewX(0);               opacity: 1;   filter: contrast(1) brightness(1) hue-rotate(0deg); }
}

/* ============================================================
   2. HEADER & NAVIGATION
   ============================================================ */

/* 2.1 MAIN HEADER CONTAINERS */
.main-nav, .rh-main-menu, #main_header {
    background-color: #1a1a1a !important;
    border-top: 1px solid rgba(255, 255, 255, 0.02) !important;
    border-bottom: 2px solid #161616 !important;
    box-shadow: none !important;
}

/* 2.2 MASTER HEADER SHELF EDGE (DARK 3D BEVEL) */
header#main_header {
    position: relative !important;
    border-bottom: 1px solid #000000 !important;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.08),
        0 10px 30px rgba(0, 0, 0, 0.6) !important;
    margin-bottom: 0 !important;
}

/* 2.3 MASTER HEADER NEXUS BOOT SPARK */
header#main_header::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    bottom: -1px !important;
    left: 0 !important;
    width: 100% !important;
    height: 2px !important;
    background: linear-gradient(90deg, transparent 0%, #260656 60%, #e65b00 100%) !important;
    box-shadow: none !important;
    transform-origin: left center !important;
    transform: scaleX(0);
    opacity: 0;
    z-index: 10 !important;
    pointer-events: none !important;
    animation: nexusIgnition 2.5s ease-in-out 0.5s forwards !important;
}

@keyframes nexusIgnition {
    0%   { transform: scaleX(0); opacity: 0; }
    5%   { opacity: 1; }
    75%  { transform: scaleX(1); opacity: 1; }
    85%  { transform: scaleX(1); opacity: 1; }
    100% { transform: scaleX(1); opacity: 0; }
}

/* 2.4 STRIP BOXED MENU BACKGROUND */
header#main_header .main-nav,
header#main_header .top_menu > ul {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

/* 2.5 LOGO IMAGE SIZING */
header#main_header .logo_image {
    height: 60px !important;
    width: auto !important;
    display: block !important;
}

header#main_header .logo_image img {
    height: 100% !important;
    width: auto !important;
    max-height: 100% !important;
}

/* 2.6 WHITE HEADER ICONS RESET */
body .rh-header-icon .rhicon,
body .rh-header-icon i,
body .btnsearch i,
body .rh-user-panel-link i,
body .re-compare-icon-toggle i,
body .rh-header-icon svg {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    fill: #ffffff !important;
    background: none !important;
}

/* 2.7 NOTICE BUBBLES */
body .rh-icon-cnt,
body .re-compare-notice,
body .rh-icon-notice {
    background: #ffffff !important;
    color: #1a1a1a !important;
    border: 1px solid #ffffff !important;
}

/* 2.8 AVATAR RING FIX */
body .user-ava-intop {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
}

body img.avatar {
    border: 2px solid #ffffff !important;
    border-radius: 50% !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* 2.9 NUCLEAR GRADIENT UNDERLINE (active nav items) */
body.dark_body nav.top_menu > ul:not(.off-canvas) > li.current-menu-item > a:after,
body.dark_body nav.top_menu > ul:not(.off-canvas) > li.current_page_item > a:after,
body.dark_body nav.top_menu > ul:not(.off-canvas) > li:hover > a:after,
.rh-main-menu ul li.current-menu-item > a:after {
    background: linear-gradient(60deg, #260656 20%, #e65b00 100%) !important;
    height: 4px !important;
    opacity: 1 !important;
    visibility: visible !important;
    bottom: -2px !important;
}

/* 2.10 LOGIN BUTTON — STRIP TEXT */
header#main_header .act-rehub-login-popup span {
    display: none !important;
}

/* 2.11 LOGIN BUTTON — STRIP BUTTON CHROME */
header#main_header .act-rehub-login-popup.wpsm-button.white {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 8px !important;
    display: inline-flex !important;
    align-items: center !important;
}

/* 2.12 LOGIN BUTTON — ICON SWAP */
header#main_header .rhi-sign-in:before {
    content: "\f007" !important;
}

/* 2.13 LOGIN BUTTON — BASE ICON STATE */
header#main_header .act-rehub-login-popup.wpsm-button.white i {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-size: 24px !important;
    margin: 0 !important;
    background: none !important;
    transition: color 0.3s ease, transform 0.3s ease !important;
}

/* 2.14 LOGIN BUTTON — HOVER STATE */
header#main_header .act-rehub-login-popup.wpsm-button.white:hover i {
    background: linear-gradient(60deg, #260656 20%, #e65b00 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
    transform: scale(1.1) !important;
}

/* 2.15 CONTENT OFFSET BELOW HEADER
   Moved from header margin-bottom — spacing via the content area avoids
   corrupting ReHub's stickyscroll_widget offsetTop JS calculations */
.rh-outer-wrap > .rh-container,
.rh-outer-wrap > .content,
body > .rh-container {
    padding-top: 50px !important;
}

/* ============================================================
   3. SEARCH BAR (HEADER)
   ============================================================ */

/* 3.1 CONTAINER */
body .logo-section .search form.search-form,
body .head_search .search-form {
    background-color: #0d0d0d !important;
    border: 1px solid #000000 !important;
    border-radius: 10px !important;
    box-shadow:
        inset 0 4px 10px rgba(0, 0, 0, 0.9),
        0 1px 0 rgba(255, 255, 255, 0.08) !important;
    overflow: hidden;
    display: flex;
    align-items: center;
}

/* 3.2 INPUT FIELD OVERRIDE */
body .head_search form.search-form input[type="text"].re-ajax-search {
    background-color: transparent !important;
    border: none !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

/* 3.3 INPUT PLACEHOLDER */
body .head_search form.search-form input[type="text"].re-ajax-search::placeholder {
    color: #666666 !important;
}

/* 3.4 NICE-SELECT DROPDOWN TEXT */
body .logo-section form.search-form .nice-select .current {
    color: #ffffff !important;
    padding-left: 15px !important;
    padding-right: 30px !important;
}

/* 3.5 KILL WHITE SEPARATORS
   OPT: Removed redundant border-width: 0 — border: none already implies zero width */
body .logo-section form.search-form input[type="text"],
body .logo-section form.search-form .nice-select,
body .logo-section form.search-form button.btnsearch {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

/* 3.6 SEARCH SHELF HOVER UNDERLINE */
header#main_header .head_search {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 10px !important;
    transition: all 0.3s ease !important;
}

header#main_header .head_search::after {
    content: "" !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    height: 4px !important;
    width: 0% !important;
    background: linear-gradient(60deg, #260656 20%, #e65b00 100%) !important;
    border-radius: 0 !important;
    transition: width 0.3s ease-out !important;
    pointer-events: none !important;
}

header#main_header .head_search:hover::after,
header#main_header .head_search:focus-within::after {
    width: 100% !important;
}

/* ============================================================
   4. POST WRAPPER & TACTICAL CARDS
   ============================================================ */

/* 4.1 NATIVE WRAPPER PURGE */
.rh-post-wrapper,
.post-inner,
.entry-content,
body .rh-post-wrapper article.post {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* 4.2 GREENSHIFT ROW SPACING */
.gspb_row {
    margin-bottom: 60px !important;
}

/* 4.3 GREENSHIFT TACTICAL COLUMNS */
.wp-block-greenshift-blocks-row-column {
    position: relative;
    border: 1px solid transparent !important;
    background:
        linear-gradient(#1a1a1a, #1a1a1a) padding-box,
        linear-gradient(60deg, #260656 0%, #e65b00 100%) border-box !important;
    border-radius: 18px !important;
    box-shadow:
        0 20px 50px rgba(0, 0, 0, 0.5),
        0 10px 30px rgba(38, 6, 86, 0.4),
        0 0 15px rgba(230, 91, 0, 0.1) !important;
    padding: 40px 40px 80px 40px !important;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

/* 4.3a NOINNERPADDING LAYOUT EXCEPTION
   In the "Title outside content" layout the Greenshift column wraps the article
   body text and should NOT get the gradient border chassis. */
body.dark_body.noinnerpadding .wp-block-greenshift-blocks-row-column {
    /* Gradient border technique with transparent fill so the grid shows through */
    background:
        rgba(0, 0, 0, 0.5) padding-box,
        linear-gradient(60deg, #260656 0%, #e65b00 100%) border-box !important;
    border: 2px solid transparent !important;
    border-radius: 18px !important;
    box-shadow: none !important;
    padding: 30px !important;
}

/* 4.4 HEADING ALIGNMENT */
.wp-block-greenshift-blocks-row-column > *:first-child {
    margin-top: 0 !important;
}

/* 4.5 FLEXBOX GUTTERS & MATH */
.gspb_row__content {
    gap: 30px !important;
}

.gspb_row__col--6 {
    width: calc(50% - 15px) !important;
}

@media (max-width: 766.98px) {
    .gspb_row__content { gap: 20px !important; }
    .gspb_row__col--6  { width: 100% !important; }
}

/* 4.6 TEXT & LINK STYLING */
.wp-block-greenshift-blocks-row-column p {
    color: #d1d1d1 !important;
    margin-bottom: 32px !important;
}

.wp-block-greenshift-blocks-row-column a:not(.wpsm-button):not(.def_btn):not(.btn_offer_block) {
    color: #e65b00 !important;
    text-decoration: none !important;
}

strong, b {
    color: #ffffff !important;
    letter-spacing: 0.5px;
    text-shadow: 0 0 1px rgba(255,255,255,0.2);
}

/* 4.7 GREENSHIFT HARDWARE ALIGNMENT SYNC */
.rh-post-wrapper .gspb_row__content {
    max-width: 100% !important;
    width: 100% !important;
}

/* ============================================================
   5. TYPOGRAPHY HIERARCHY
   ============================================================ */

/* 5.1 GLOBAL HEADING COLOR */
h1, h2, h3, h4, h5, h6 {
    color: #ffffff !important;
}

/* 5.2 TACTICAL H1 */
body.dark_body h1.wp-block-heading,
body.dark_body h1 {
    font-size: clamp(26px, 5vw, 38px) !important;
    line-height: 1.2 !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: -1px !important;
    margin-bottom: 30px !important;
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 15px 0 !important;
    position: relative !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    background: none !important;
    border: none !important;
}

body.dark_body h1::before {
    display: none !important;
    content: none !important;
}

/* 5.3 SYSTEM BOOT ANIMATION */
@keyframes systemBoot {
    0%   { opacity: 0; filter: blur(4px); }
    50%  { opacity: 0; }
    /* BUG FIX: blur(0px) -> blur(0) */
    100% { opacity: 1; filter: blur(0); }
}

/* 5.4 H2 STATUS BRACKETS */
h2.wp-block-heading,
h2 {
    position: relative;
    display: block;
    font-family: 'Raleway Dots', monospace !important;
    font-size: clamp(12px, 3.5vw, 24px) !important;
    font-weight: 700 !important;
    background: linear-gradient(60deg, #9d4edd 0%, #e65b00 90%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent !important;
    text-transform: uppercase;
    letter-spacing: clamp(0px, 0.8vw, 2px) !important;
    padding: 0 5px;
    margin-top: clamp(20px, 4vw, 45px);
    margin-bottom: 20px !important;
    text-shadow: 0 0 8px rgba(230, 91, 0, 0.3);
    -webkit-font-smoothing: antialiased;
    animation: systemBoot 0.8s ease-out forwards;
    white-space: normal !important;
    word-wrap: break-word;
    overflow-wrap: break-word;
    max-width: 100%;
    box-sizing: border-box;
}

h2.wp-block-heading::before,
h2::before {
    content: "[";
    margin-right: clamp(3px, 1vw, 8px);
    color: rgba(230, 91, 0, 0.7);
    font-family: monospace;
    font-weight: bold;
    -webkit-text-fill-color: rgba(230, 91, 0, 0.7);
}

h2.wp-block-heading::after,
h2::after {
    content: "]";
    margin-left: clamp(3px, 1vw, 8px);
    color: rgba(230, 91, 0, 0.7);
    font-family: monospace;
    font-weight: bold;
    -webkit-text-fill-color: rgba(230, 91, 0, 0.7);
}

/* 5.4a H2 MOBILE CALIBRATION */
@media (max-width: 480px) {
    h2.wp-block-heading,
    h2 {
        font-size: clamp(11px, 3vw, 14px) !important;
        letter-spacing: 0px !important;
        padding: 0 2px;
        margin-top: 18px;
    }

    h2.wp-block-heading::before,
    h2::before,
    h2.wp-block-heading::after,
    h2::after {
        margin-right: 3px;
        margin-left: 3px;
    }
}

/* 5.5 H3 HEADINGS */
h3.wp-block-heading,
h3 {
    font-size: clamp(16px, 3vw, 18px) !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    color: #ffffff !important;
    letter-spacing: 1px;
    margin-top: 30px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding-bottom: 5px;
}

/* ============================================================
   6. TACTICAL LISTS
   ============================================================ */

/* 6.1 BASE LIST */
.rh-post-wrapper ul,
.entry-content ul,
.wp-block-greenshift-blocks-row-column ul {
    list-style: none !important;
    padding-left: 10px !important;
}

/* 6.2 LIST ITEMS */
.rh-post-wrapper ul li,
.entry-content ul li,
.wp-block-greenshift-blocks-row-column ul li {
    position: relative;
    padding-left: 20px !important;
    margin-bottom: 12px !important;
    line-height: 32px !important;
    color: #d1d1d1 !important;
}

.rh-post-wrapper ul li::before,
.wp-block-greenshift-blocks-row-column ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 14px !important;
    width: 4px !important;
    height: 4px !important;
    background-color: #e65b00 !important;
    box-shadow: 0 0 8px #e65b00;
    border-radius: 0px !important;
    transition: box-shadow 0.2s ease;
}

/* 6.3 LIST HOVER STATES */
.rh-post-wrapper ul li:hover,
.wp-block-greenshift-blocks-row-column ul li:hover {
    color: #ffffff !important;
}

.rh-post-wrapper ul li:hover::before,
.wp-block-greenshift-blocks-row-column ul li:hover::before {
    background-color: #e65b00 !important;
    box-shadow: 0 0 12px rgba(230, 91, 0, 0.8) !important;
}

/* ============================================================
   7. COMMAND CONSOLE NAV
   ============================================================ */

/* 7.1 BASE STATE */
header#main_header nav.top_menu > ul > li > a {
    background-color: #0d0d0d !important;
    border: 1px solid #000000 !important;
    border-radius: 10px !important;
    box-shadow:
        inset 0 4px 10px rgba(0, 0, 0, 0.9),
        0 1px 0 rgba(255, 255, 255, 0.08) !important;
    color: #b0b0b0 !important;
    font-weight: 500 !important;
    text-transform: none !important;
    margin: 4px 4px 0 4px !important;
    position: relative !important;
    overflow: hidden !important;
    transition: color 0.3s ease !important;
    padding: 6px 12px !important;
    font-size: 13px !important;
}

/* 7.2 MID-RANGE RESPONSIVE SQUEEZE (1025px–1400px) */
@media (max-width: 1400px) and (min-width: 1025px) {
    header#main_header nav.top_menu > ul { white-space: nowrap !important; }

    header#main_header nav.top_menu > ul > li > a {
        padding: 6px 8px !important;
        font-size: 12px !important;
    }

    header#main_header .logo-section .search {
        max-width: 120px !important;
        flex: 0 0 120px !important;
    }
}

/* 7.3 MOBILE KILL SWITCH (below 1025px) */
@media (max-width: 1024px) {
    header#main_header nav.top_menu {
        display: none !important;
    }
}

/* 7.4 HOVER STATE */
header#main_header nav.top_menu > ul > li > a:hover {
    color: #ffffff !important;
}

/* 7.5 GRADIENT UNDERLINE ANIMATION */
header#main_header nav.top_menu > ul > li > a::after {
    content: "" !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    height: 4px !important;
    width: 0% !important;
    background: linear-gradient(60deg, #260656 20%, #e65b00 100%) !important;
    border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
    transition: width 0.3s ease-out !important;
}

header#main_header nav.top_menu > ul > li > a:hover::after,
header#main_header nav.top_menu > ul > li.current-menu-item > a::after {
    width: 100% !important;
}

/* ============================================================
   8. TACTICAL GRADIENTS (UTILITIES)
   ============================================================ */

/* 8.1 GRADIENT BACKGROUNDS */
.fwf-gradient-bg,
.wpsm-button.fwf-gradient-bg {
    background: linear-gradient(60deg, #260656 20%, #e65b00 80%) !important;
    color: #ffffff !important;
    border: none !important;
    box-shadow: 0 4px 15px rgba(230, 91, 0, 0.2) !important;
    transition: box-shadow 0.3s ease, filter 0.3s ease;
}

.fwf-gradient-bg:hover {
    box-shadow: 0 4px 20px rgba(230, 91, 0, 0.5) !important;
    filter: brightness(1.1);
}

/* 8.2 GRADIENT BORDERS */
.fwf-gradient-border {
    border: 2px solid transparent;
    border-image: linear-gradient(60deg, #260656 20%, #e65b00 80%) 1;
}

/* ============================================================
   9. ARCHIVE & BLOG LOOP
   ============================================================ */

/* 9.1 LOOP CARD WRAPPERS */
.news-community, .def-block, .inf_control, article.post, .loop-item-wrap, .rh-cartbox, .news-block {
    position: relative;
    color: #d1d1d1 !important;
    padding: 30px !important;
    margin-bottom: 40px !important;
    border: 1px solid transparent !important;
    background:
        linear-gradient(#1a1a1a, #1a1a1a) padding-box,
        linear-gradient(60deg, #260656 0%, #e65b00 100%) border-box !important;
    border-radius: 18px !important;
    box-shadow:
        0 20px 50px rgba(0, 0, 0, 0.5),
        0 10px 30px rgba(38, 6, 86, 0.4),
        0 0 15px rgba(230, 91, 0, 0.1) !important;
}

/* 9.2 LOOP TEXT READABILITY */
.news-community p, .loop-item-wrap p, .news-block p, .entry-content p,
article.post p {
    color: #d1d1d1 !important;
}

/* 9.3 LOOP METADATA */
.post-meta, .post-meta a, .post-meta span, .meta, .meta a, .date_meta, .admin_meta {
    color: #a1a1aa !important;
}

.post-meta a:hover, .meta a:hover {
    color: #e65b00 !important;
}

/* 9.4 THUMBNAIL WRAPPER FIX */
.news-community .rh_grid_image_wrapper {
    border-radius: 8px;
    overflow: hidden;
}

/* ============================================================
   10. SIDEBAR & SECONDARY BUTTONS
   ============================================================ */

/* 10.1 SIDEBAR SEARCH INPUT */
.sidebar .search-form input[type="text"],
.widget_search input[type="text"],
.widget_search form input[type="search"] {
    background-color: #161616 !important;
    border: 1px solid #272727 !important;
    color: #ffffff !important;
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.5) !important;
    padding: 10px !important;
    border-radius: 0 !important;
}

/* 10.2 SIDEBAR SEARCH FOCUS */
.sidebar .search-form input[type="text"]:focus,
.widget_search input[type="text"]:focus,
.widget_search form input[type="search"]:focus {
    border-color: #e65b00 !important;
    box-shadow: 0 0 8px rgba(230, 91, 0, 0.4) !important;
    outline: none !important;
}

/* 10.3 SECONDARY BUTTON BASE */
.fwf-btn-secondary,
.sidebar .search-form input[type="submit"],
.sidebar .search-form button,
.widget_search form input[type="submit"],
.widget_search form button,
a.more-link, .read-more, a.read_more, .btn_more, .def_btn {
    background: #1a1a1a !important;
    color: #ffffff !important;
    border: 2px solid transparent !important;
    border-image: linear-gradient(60deg, #260656 20%, #e65b00 80%) 1 !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    padding: 8px 20px !important;
    transition: background 0.3s ease, box-shadow 0.3s ease !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none !important;
    box-shadow: none !important;
}

/* 10.4 SECONDARY BUTTON HOVER */
.fwf-btn-secondary:hover,
.sidebar .search-form input[type="submit"]:hover,
.sidebar .search-form button:hover,
.widget_search form input[type="submit"]:hover,
.widget_search form button:hover,
a.more-link:hover, .read-more:hover, a.read_more:hover, .btn_more:hover, .def_btn:hover {
    background: #272727 !important;
    box-shadow: 0 0 15px rgba(230, 91, 0, 0.3) !important;
    color: #ffffff !important;
}

/* ============================================================
   11. SIDEBAR WIDGET TACTICAL CARDS
   ============================================================ */

/* 11.1 ELEVATED MATTE BASE */
/* NOTE: position is intentionally NOT set here — ReHub's stickyscroll_widget JS
   writes position: fixed inline on .widget during scroll, and !important would
   override it, breaking the sticky behaviour. */
body.dark_body .sidebar .widget {
    padding: 30px !important;
    margin-bottom: 40px !important;
    border: 1px solid transparent !important;
    background:
        linear-gradient(#1a1a1a, #1a1a1a) padding-box,
        linear-gradient(60deg, #260656 0%, #e65b00 100%) border-box !important;
    border-radius: 18px !important;
    box-shadow:
        0 20px 50px rgba(0, 0, 0, 0.5),
        0 10px 30px rgba(38, 6, 86, 0.4),
        0 0 15px rgba(230, 91, 0, 0.1) !important;
}

/* 11.2 TITLE — ALIGNMENT, SCALING, WRAPPING & UNDERLINE PURGE
   OPT: Merged 3 consecutive rules targeting the same selectors into one */
body.dark_body .sidebar .widget h2.wp-block-heading,
body.dark_body .sidebar .widget h2,
body.dark_body .sidebar .widget .title {
    margin-top: 0 !important;
    margin-bottom: 25px !important;
    font-size: 15px !important;
    letter-spacing: 1px !important;
    line-height: 1.4 !important;
    display: flex !important;
    align-items: center;
    flex-wrap: wrap;
    border-bottom: none !important;
    padding-bottom: 0 !important;
}

/* 11.3 TITLE BRACKETS */
body.dark_body .sidebar .widget h2.wp-block-heading::before,
body.dark_body .sidebar .widget h2::before,
body.dark_body .sidebar .widget .title::before,
body.dark_body .sidebar .widget h2.wp-block-heading::after,
body.dark_body .sidebar .widget h2::after,
body.dark_body .sidebar .widget .title::after {
    font-size: 18px !important;
    border: none !important;
    background: transparent !important;
    width: auto !important;
    height: auto !important;
    position: static !important;
}

/* 11.4 SIDEBAR LIST ADJUSTMENTS */
body.dark_body .sidebar .widget ul {
    padding-left: 0 !important;
}

body.dark_body .sidebar .widget ul li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
    padding: 12px 0 !important;
    line-height: 1.4 !important;
}

body.dark_body .sidebar .widget ul li:last-child {
    border-bottom: none !important;
    padding-bottom: 0 !important;
}

/* 11.5 SIDEBAR LINK COLORS */
body.dark_body .sidebar .widget a {
    color: #a1a1aa !important;
    transition: color 0.3s ease;
    text-decoration: none !important;
}

body.dark_body .sidebar .widget a:hover {
    color: #e65b00 !important;
}

/* ============================================================
   12. TACTICAL HOTMETER
   ============================================================ */

/* 12.1 HOTMETER BASE BUTTONS */
body.dark_body .hotmeter .hotcountbtn {
    background: #1a1a1a !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: #a1a1aa !important;
    border-radius: 4px !important;
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.5) !important;
    transition: background 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    position: relative !important;
}

body.dark_body .hotmeter .hotcountbtn:hover {
    background: #272727 !important;
    color: #ffffff !important;
    border-color: #e65b00 !important;
    box-shadow: 0 0 8px rgba(230, 91, 0, 0.4) !important;
}

/* 12.2 PLUS/MINUS ICONS */
body.dark_body .hotmeter .hotcountbtn::before,
body.dark_body .hotmeter .hotcountbtn.hotplus::after {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    background: #a1a1aa !important;
    transition: background 0.3s ease !important;
    display: block !important;
}

body.dark_body .hotmeter .hotcountbtn::before {
    height: 2px !important;
    width: 12px !important;
    margin-top: -1px !important;
    margin-left: -6px !important;
}

body.dark_body .hotmeter .hotcountbtn.hotplus::after {
    width: 2px !important;
    height: 12px !important;
    margin-top: -6px !important;
    margin-left: -1px !important;
}

body.dark_body .hotmeter .hotcountbtn.hotminus::after {
    display: none !important;
    content: none !important;
}

body.dark_body .hotmeter .hotcountbtn:hover::before,
body.dark_body .hotmeter .hotcountbtn.hotplus:hover::after {
    background: #ffffff !important;
}

/* 12.3 NUMERICAL SCORE TEXT
   BUG FIX: Removed invalid `content: none` property from a non-pseudo element */
body.dark_body .hotmeter .temperatur {
    color: #e65b00 !important;
    font-weight: 700 !important;
    text-shadow: 0 0 5px rgba(230, 91, 0, 0.3);
    font-size: 1.15em;
    letter-spacing: 0.5px;
    margin-right: 5px;
    position: relative;
    display: inline-block !important;
}

/* 12.4 COLD SCORE OVERRIDE
   BUG FIX: Removed invalid `content: none` property from a non-pseudo element */
body.dark_body .hotmeter .temperatur.cold_temp {
    color: #9d4edd !important;
    text-shadow: 0 0 5px rgba(157, 78, 221, 0.3);
}

/* 12.5 DEGREE & SYMBOL MASKING */
body.dark_body .hotmeter .temperatur,
body.dark_body .hotmeter .temperatur.cold_temp,
body.dark_body .hotmeter .temperatur.cold_temp *,
body.dark_body .hotmeter .temperatur * {
    display: inline-block !important;
}

body.dark_body .hotmeter .temperatur:after,
body.dark_body .hotmeter .temperatur.cold_temp:after {
    content: none !important;
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    visibility: hidden !important;
}

body.dark_body .hotmeter .temperatur.cold_temp:before,
body.dark_body .hotmeter .temperatur:before {
    content: none !important;
    display: none !important;
    visibility: hidden !important;
}

/* 12.6 PROGRESS TRACK */
body.dark_body .hotmeter .fonscale {
    background: #0d0d0d !important;
    border: 1px solid #000000 !important;
    border-radius: 10px !important;
    box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.8) !important;
    height: 10px !important;
    box-sizing: border-box !important;
    position: relative !important;
    display: block !important;
    width: 100% !important;
    overflow: hidden !important;
    align-self: center !important;
}

/* 12.7 PROGRESS FILL (HOT) */
body.dark_body .hotmeter .scaleperc {
    background: linear-gradient(90deg, #e65b00, #ff8c00) !important;
    border-radius: 10px !important;
    box-shadow: 0 0 8px rgba(230, 91, 0, 0.6) !important;
    height: 100% !important;
}

/* 12.8 PROGRESS FILL (COLD) */
body.dark_body .hotmeter .scaleperc.cold_bar {
    background: linear-gradient(90deg, #260656, #9d4edd) !important;
    box-shadow: 0 0 8px rgba(157, 78, 221, 0.6) !important;
}

/* 12.9 REHUB ICON PURGE */
body.dark_body .hotmeter .temperatur .gradus_icon {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
}

/* ============================================================
   13. BRUTALIST THUMBNAIL OVERRIDE
   ============================================================ */

/* 13.1 THUMBNAIL CONTAINER EXPANSION */
.news-community .newsimage.rh_gr_img {
    flex: 0 0 280px !important;
    max-width: 280px !important;
}

/* 13.2 THUMBNAIL IMAGE STYLING */
.news-community .newsimage.rh_gr_img img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border: 1px solid #333;
    filter: brightness(0.9) contrast(1.1);
}

/* 13.3 CONTENT BLOCK RE-ALIGNMENT */
.news-community .newsdetail.rh_gr_right_sec,
.news-community .newsdetail.rh_gr_right_desc,
.news-community .newsdetail.rh_gr_right_btn {
    padding-left: 20px;
}

/* ============================================================
   14. WOOCOMMERCE — SINGLE PRODUCT LAYOUT
   ============================================================ */

/* 14.1 MAIN WRAPPER TRANSPARENCY */
body.single-product .woodarkdir,
body.single-product #content.darkbg,
body.single-product .top-woo-area,
body.single-product .post,
body.single-product .rh-outer-wrap {
    background-color: transparent !important;
    background-image: none !important;
}

/* 14.2 HERO BACKGROUND MASK PURGE */
body.single-product .rh-image-top-bg,
body.single-product .rh-post-layout-image-mask,
body.single-product .overbg.rh-post-layout-image-mask {
    display: none !important;
    background: none !important;
}

/* 14.3 SIDEBAR & REVIEW BLOCK SOLIDIFICATION */
body.single-product .rh-300-sidebar .summary,
body.single-product .rh-tabletext-block {
    background-color: #1a1a1a !important;
    z-index: 3;
}

/* 14.4 SOLID SHIELD — KILL HARDCODED SHIELD */
.single-product .rh-outer-wrap::before {
    display: none !important;
}

/* 14.5 SOLID SHIELD — NEUTRALIZE PARENT CLIPPING */
body.single-product .rh-container,
body.single-product .rh-content-wrap,
body.single-product .main-side,
body.single-product #contents-section-woo-area,
body.single-product .type-product,
body.single-product .mt25 {
    overflow: visible !important;
    contain: none !important;
}

/* 14.6 SOLID SHIELD — ANCHOR POINT */
body.single-product .woocommerce-tabs {
    position: relative !important;
    overflow: visible !important;
    z-index: 2 !important;
}

/* 14.7 SOLID SHIELD — DEPLOY UPWARD SHIELD */
body.single-product .woocommerce-tabs::before {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 3000px;
    background-color: #272727 !important;
    z-index: -1 !important;
    pointer-events: none;
}

/* 14.8 SOLID SHIELD — ELEVATE TOP CONTENT */
body.single-product .woo-image-part,
body.single-product .summary,
body.single-product .woocommerce-breadcrumb,
body.single-product .woocommerce-notices-wrapper {
    position: relative;
    z-index: 5 !important;
}

/* 14.9 ELEVATED UI ELEMENTS */
.single-product .rh-container,
.single-product .main-side,
.single-product #content,
.single-product .rh-content-wrap {
    position: relative;
    z-index: 5 !important;
    background: transparent !important;
}

/* 14.10 PREVENT HORIZONTAL SCROLLBAR ON MOBILE */
body.single-product {
    overflow-x: hidden !important;
}

/* ============================================================
   15. WOOCOMMERCE — HUD & CTA IGNITION
   ============================================================ */

/* 15.1 EXPERT SCORE BOX */
body.single-product .compact-reviewbox {
    background-color: #1a1a1a !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    border-radius: 8px !important;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4) !important;
    display: flex;
    align-items: center;
}

body.single-product .score-compact {
    background: #e65b00 !important;
    color: #ffffff !important;
    font-family: "Oswald", sans-serif !important;
    font-weight: 700;
    padding: 12px 25px !important;
    margin: 0 !important;
    clip-path: polygon(0 0, 100% 0, 82% 100%, 0 100%);
    min-width: 60px;
}

/* 15.2 PRIMARY CTA BUTTON */
body.single-product .single_add_to_cart_button,
body.single-product .float-panel-woo-button a.re_track_btn {
    background: linear-gradient(60deg, #260656 0%, #e65b00 100%) !important;
    border: none !important;
    outline: none !important;
    color: #ffffff !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    letter-spacing: 1.5px !important;
    box-shadow: 0 4px 15px rgba(230, 91, 0, 0.3) !important;
    transition: box-shadow 0.3s ease, transform 0.3s ease, filter 0.3s ease !important;
}

body.single-product .single_add_to_cart_button:hover,
body.single-product .float-panel-woo-button a.re_track_btn:hover {
    filter: brightness(1.15);
    box-shadow: 0 6px 22px rgba(230, 91, 0, 0.5) !important;
    transform: translateY(-1px);
}

/* 15.3 REVIEW RATE BARS */
body.single-product .rate-bar-bar {
    border-radius: 0 !important;
    background: linear-gradient(90deg, #e65b00 0%, #ff8c00 100%) !important;
    height: 12px !important;
    box-shadow: 0 0 10px rgba(230, 91, 0, 0.4);
}

body.single-product .rate-bar {
    background-color: #0d0d0d !important;
    border: 1px solid #333 !important;
}

/* 15.4 WOOCOMMERCE TABS — FULL-BLEED ROW */
body.single-product .woocommerce-tabs ul.tabs {
    background-color: #1a1a1a !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    padding-left: 50vw !important;
    padding-right: 50vw !important;
    border-bottom: 2px solid #333 !important;
    position: relative;
    z-index: 5;
    display: flex;
    align-items: flex-end;
}

body.single-product .woocommerce-tabs ul.tabs li {
    background: #1a1a1a !important;
    border: 1px solid #333 !important;
    border-bottom: none !important;
    margin-right: 5px !important;
    border-radius: 8px 8px 0 0 !important;
    margin-bottom: -2px !important;
    z-index: 6;
}

body.single-product .woocommerce-tabs ul.tabs li a {
    color: #a1a1aa !important;
}

body.single-product .woocommerce-tabs ul.tabs li.active a {
    color: #ffffff !important;
}

/* ============================================================
   16. WOOCOMMERCE — TEXT READABILITY
   ============================================================ */

/* 16.1 TYPOGRAPHY VISIBILITY ON SHIELD
   BUG FIX: Removed .woocommerce-breadcrumb from here — it was being set to #ffffff
   and then overridden to #cccccc in 16.5 below. Breadcrumb color is now defined
   only once in 16.5 at the correct specificity. product_title stays here. */
.single-product .product_title {
    color: #ffffff !important;
}

/* 16.2 SUMMARY SHORT DESCRIPTION */
body.single-product .summary .woocommerce-product-details__short-description,
body.single-product .summary .woocommerce-product-details__short-description p {
    color: #f5f5f5 !important;
    line-height: 1.8 !important;
}

/* 16.3 EXPERT SCORE BOX LABELS */
body.single-product .rev-comp-title {
    color: #ffffff !important;
    text-shadow: 0 0 5px rgba(255, 255, 255, 0.1);
}

/* 16.4 BOTTOM REVIEW BOX */
body.single-product .rate_bar_wrap .review-text,
body.single-product .rate_bar_wrap .overall-text,
body.single-product .rate-bar-title span {
    color: #ffffff !important;
}

body.single-product .rate_bar_wrap .review-text div {
    color: #f0f0f0 !important;
}

/* 16.5 PRODUCT META & BREADCRUMBS */
body.single-product .product_meta .posted_in,
body.single-product .woocommerce-breadcrumb,
body.single-product .woocommerce-breadcrumb a,
body.single-product .woocommerce-breadcrumb span {
    color: #cccccc !important;
}

/* 16.6 TAB CONTENT READABILITY */
body.single-product .woocommerce-Tabs-panel p,
body.single-product .woocommerce-Tabs-panel {
    color: #e1e1e1 !important;
}

/* ============================================================
   17. CONTENT PANEL DESIGN
   ============================================================ */

/* 17.1 CHASSIS */
/* NOTE: .fwf-content-slab is a custom class — no !important needed */
.fwf-content-slab {
    position: relative;
    margin: 40px 0;
    padding: 50px;
    background:
        linear-gradient(#1a1a1a, #1a1a1a) padding-box,
        linear-gradient(135deg, #260656 0%, #e65b00 100%) border-box;
    border: 2px solid transparent;
    border-radius: 12px;
    box-shadow:
        0 30px 60px rgba(0, 0, 0, 0.8),
        0 0 20px rgba(38, 6, 86, 0.4),
        inset 0 0 15px rgba(0, 0, 0, 0.5);
}

/* 17.2 TYPOGRAPHY */
.fwf-content-slab p {
    color: #d1d1d1;
    font-family: 'Inter', sans-serif;
    font-size: 17px;
    line-height: 1.85;
    margin-bottom: 25px;
}

.fwf-content-slab p:last-child {
    margin-bottom: 0;
}

.rh-line {
    height: 0px;
    display: none;
}

/* 17.3 MOBILE OPTIMIZATION */
@media (max-width: 767px) {
    .fwf-content-slab {
        padding: 25px;
        margin: 25px 0;
        border-radius: 8px;
    }

    .fwf-content-slab p {
        font-size: 15px;
    }
}

/* ============================================================
   18. REVIEW MODULE SLAB
   ============================================================ */

/* 18.1 CHASSIS */
body.single-product .rate_bar_wrap {
    position: relative !important;
    margin-top: 40px !important;
    margin-bottom: 0 !important;
    padding: 40px !important;
    background:
        linear-gradient(#1a1a1a, #1a1a1a) padding-box,
        linear-gradient(135deg, #260656 0%, #e65b00 100%) border-box !important;
    border: 2px solid transparent !important;
    border-radius: 12px 12px 0 0 !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.7) !important;
}

/* 18.2 PROS/CONS CONNECTOR */
body.single-product .rate_bar_wrap + .flowhidden {
    position: relative !important;
    padding: 0 40px 40px 40px !important;
    margin-top: -2px !important;
    background:
        linear-gradient(#1a1a1a, #1a1a1a) padding-box,
        linear-gradient(135deg, #260656 0%, #e65b00 100%) border-box !important;
    border: 2px solid transparent !important;
    border-top: none !important;
    border-radius: 0 0 12px 12px !important;
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.8) !important;
}

/* 18.3 INTERNAL HARDWARE ALIGNMENT */
/* Global .rate_bar_wrap background */
.rate_bar_wrap {
    background-color: #1a1a1a !important;
    color: #d1d1d1 !important;
}

.rate_bar_wrap .overall-score {
    background: #0d0d0d !important;
    border: 1px solid #333 !important;
    box-shadow: inset 0 2px 10px rgba(0,0,0,0.8) !important;
    border-radius: 4px !important;
}

.rate_bar_wrap .review-top {
    background: #0d0d0d !important;
    border-bottom: 1px solid #333 !important;
    padding: 15px 20px !important;
}

/* Bar title labels & percentage */
.rate_bar_wrap .rate-bar-title,
.rate_bar_wrap .rate-bar-title span,
.wpsm_score_box .rate-bar-title,
.wpsm_score_box .rate-bar-title span {
    color: #d1d1d1 !important;
}

.rate_bar_wrap .rate-bar-percent,
.wpsm_score_box .rate-bar-percent {
    color: #a1a1aa !important;
}

/* ---- WPSM SCORE BOX SHORTCODE (precise class targeting from DOM) ---- */

/* 18.7 OUTER WRAPPER — kill whitebg and blackcolor utility classes */
.wpsm_score_box {
    background-color: #1a1a1a !important;
    color: #d1d1d1 !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

/* 18.8 AVERAGE SCORE HEADER — lightgreybg utility class override */
.wpsm_score_box .wpsm_score_title {
    background-color: #0d0d0d !important;
    border-bottom: 1px solid #333 !important;
    padding: 15px 20px !important;
}

.wpsm_score_box .wpsm_score_title .overall-text {
    color: #ffffff !important;
    font-family: 'Inter', sans-serif !important;
}

.wpsm_score_box .wpsm_score_title .overall-score {
    color: #e65b00 !important;
    font-family: 'Oswald', sans-serif !important;
    font-weight: 700 !important;
    text-shadow: 0 0 10px rgba(230, 91, 0, 0.4) !important;
}

/* 18.9 INNER SCOREBOX — bars container */
.wpsm_score_box .wpsm_inside_scorebox {
    background-color: #1a1a1a !important;
}

/* 18.10 BOTTOM STRIP */
.wpsm_score_box .btn_score_btm {
    background-color: #1a1a1a !important;
    border-top-color: #333 !important;
}

/* 18.11 TABLE OF CONTENTS WIDGET */
.autocontents,
#kcmenu,
.border-lightgrey-double.whitebg,
.rehub-main-color-border.whitebg {
    background-color: #1a1a1a !important;
    border-color: #333 !important;
}

/* TOC list items and links */
.autocontents li a,
#kcmenu li a {
    color: #a1a1aa !important;
    transition: color 0.3s ease !important;
}

.autocontents li a:hover,
#kcmenu li a:hover {
    color: #e65b00 !important;
}

/* TOC top-level vs sub items */
.autocontents li.top > a,
#kcmenu li.top > a {
    color: #ffffff !important;
    font-weight: 700 !important;
}

.autocontents li.sub > a,
#kcmenu li.sub > a {
    color: #a1a1aa !important;
}

/* 18.4 GRADIENT SIGNAL (SCORE BAR FILL)
   BUG FIX: Removed the triple background declaration conflict.
   `background` shorthand already sets background-image, so the separate
   background-color and background-image declarations after it were redundant
   and could create specificity confusion. Using background-image directly
   is correct since we need the gradient without resetting other sub-properties. */
.rate_bar_wrap .rate-bar .rate-bar-bar,
.rate-bar-bar.r_score_1,  .rate-bar-bar.r_score_2,  .rate-bar-bar.r_score_3,
.rate-bar-bar.r_score_4,  .rate-bar-bar.r_score_5,  .rate-bar-bar.r_score_6,
.rate-bar-bar.r_score_7,  .rate-bar-bar.r_score_8,  .rate-bar-bar.r_score_9,
.rate-bar-bar.r_score_10 {
    background-image: linear-gradient(90deg, #260656 0%, #e65b00 100%) !important;
    background-color: transparent !important;
    box-shadow: 0 0 10px rgba(230, 91, 0, 0.4) !important;
    border-radius: 2px !important;
    height: 100% !important;
}

/* 18.5 RECESSED TRACK */
.rate-bar {
    background: #0d0d0d !important;
    border: 1px solid #333 !important;
    box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.9) !important;
    height: 16px !important;
    margin: 15px 0 !important;
    overflow: hidden !important;
    border-radius: 4px !important;
}

/* 18.6 KILL THEME GLOSSY OVERLAY */
.rate-bar-bar::before,
.rate-bar-bar::after {
    display: none !important;
    content: none !important;
}

/* ============================================================
   19. TACTICAL HUD MODULAR BUTTONS (WOOCOMMERCE TABS)
   ============================================================ */

/* 19.1 DOCKING RAIL */
.woocommerce-tabs ul.tabs {
    background: #161616 !important;
    border: 1px solid #333 !important;
    border-radius: 12px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 15px !important;
    margin-bottom: 35px !important;
    padding: 12px !important;
    box-shadow: inset 0 2px 15px rgba(0,0,0,0.9) !important;
}

.woocommerce-tabs ul.tabs::before,
.woocommerce-tabs ul.tabs::after {
    display: none !important;
    content: none !important;
}

/* 19.2 MODULAR BUTTON CHASSIS */
.woocommerce div.product .woocommerce-tabs ul.tabs li {
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.6) !important;
    border: 1px solid transparent !important;
    background-image: linear-gradient(#1a1a1a, #1a1a1a), linear-gradient(135deg, #260656 0%, #e65b00 100%) !important;
    background-origin: padding-box, border-box !important;
    background-clip: padding-box, border-box !important;
    border-radius: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    transition: opacity 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease !important;
    opacity: 0.5 !important;
}

/* 19.3 ACTIVE SIGNAL */
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    opacity: 1 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 12px 20px rgba(0, 0, 0, 0.8) !important;
}

/* 19.4 DATA LINKS */
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    display: block !important;
    padding: 10px 25px !important;
    color: #888 !important;
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    font-weight: 700 !important;
    border: none !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    color: #ffffff !important;
    text-shadow: 0 0 10px rgba(230, 91, 0, 0.4) !important;
}

/* ============================================================
   20. WOOCOMMERCE REVIEWS
   ============================================================ */

/* 20.1 REVIEW HEADING HARDWARE SYNC */
#reviews h2.woocommerce-Reviews-title {
    font-family: 'Raleway Dots', monospace !important;
    font-size: clamp(13px, 4vw, 24px) !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: clamp(0.5px, 1vw, 2px) !important;
    background: linear-gradient(60deg, #9d4edd 0%, #e65b00 90%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    animation: systemBoot 0.8s ease-out forwards !important;
    text-shadow: 0 0 8px rgba(230, 91, 0, 0.3) !important;
    padding-left: 0 !important;
    margin-bottom: 25px !important;
}

#reviews h2.woocommerce-Reviews-title::before {
    content: "[" !important;
    display: inline-block !important;
    margin-right: 8px !important;
    color: rgba(230, 91, 0, 0.7) !important;
    -webkit-text-fill-color: rgba(230, 91, 0, 0.7) !important;
    font-family: monospace !important;
    font-weight: bold !important;
}

#reviews h2.woocommerce-Reviews-title::after {
    content: "]" !important;
    display: inline-block !important;
    margin-left: 8px !important;
    color: rgba(230, 91, 0, 0.7) !important;
    -webkit-text-fill-color: rgba(230, 91, 0, 0.7) !important;
    font-family: monospace !important;
    font-weight: bold !important;
}

#reviews h2.woocommerce-Reviews-title .rh-woo-section-sub {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-weight: 700 !important;
    text-shadow: 0 0 10px rgba(255, 255, 255, 0.3) !important;
}

/* 20.2 AVERAGE RATING & STAR SIGNAL */
#reviews .woo-avg-rating {
    background: #0d0d0d !important;
    border: 1px solid #333 !important;
    padding: 25px !important;
    border-radius: 12px !important;
    box-shadow: inset 0 2px 10px rgba(0,0,0,0.9) !important;
}

#reviews .woo-avg-rating .orangecolor {
    color: #e65b00 !important;
    font-family: 'Oswald', sans-serif !important;
    font-size: 48px !important;
    text-shadow: 0 0 15px rgba(230, 91, 0, 0.5) !important;
}

#reviews .woo-avg-rating .greycolor {
    color: #888 !important;
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase;
    letter-spacing: 1px;
}

#reviews .rh_woo_star span.rhwoostar.active {
    color: #e65b00 !important;
    text-shadow: 0 0 10px rgba(230, 91, 0, 0.4) !important;
}

#reviews .rh_woo_star span.rhwoostar:not(.active) {
    color: #333 !important;
    text-shadow: none !important;
    opacity: 1 !important;
}

/* 20.3 RATING METER & STAR SIGNAL SYNC */
#reviews .rating-percentage-bar {
    background: #0d0d0d !important;
    border: 1px solid #333 !important;
    height: 12px !important;
    border-radius: 4px !important;
    box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.8) !important;
    overflow: hidden !important;
}

#reviews .rating-percentage-bar span.rating-percentage {
    background: linear-gradient(90deg, #260656 0%, #e65b00 100%) !important;
    box-shadow: 0 0 10px rgba(230, 91, 0, 0.5) !important;
    border-radius: 2px !important;
    height: 100% !important;
    display: block !important;
}

#reviews .rating-bar .star-rating-wrap span.rhwoostar.active {
    color: #e65b00 !important;
    text-shadow: 0 0 5px rgba(230, 91, 0, 0.3) !important;
}

#reviews .rating-bar .star-rating-wrap span.rhwoostar:not(.active) {
    color: #333 !important;
    text-shadow: none !important;
}

#reviews .rating-bar .rating-count {
    color: #888 !important;
    font-family: 'Oswald', sans-serif !important;
    font-weight: 700 !important;
}

/* 20.4 HUD INTERFACE BUTTONS (WRITE & SUBMIT) */
#reviews .rehub_main_btn,
#respond #submit {
    background: #1a1a1a !important;
    color: #888 !important;
    border: 1px solid transparent !important;
    background-image: linear-gradient(#1a1a1a, #1a1a1a), linear-gradient(135deg, #260656 0%, #e65b00 100%) !important;
    background-origin: padding-box, border-box !important;
    background-clip: padding-box, border-box !important;
    border-radius: 8px !important;
    padding: 12px 30px !important;
    font-family: 'Oswald', sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
    cursor: pointer;
    transition: color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.6) !important;
    display: inline-block !important;
}

/* 20.5 BUTTON POWER-ON STATE (HOVER) */
#reviews .rehub_main_btn:hover,
#respond #submit:hover {
    color: #ffffff !important;
    box-shadow:
        0 8px 20px rgba(0, 0, 0, 0.8),
        0 0 10px rgba(230, 91, 0, 0.2) !important;
    transform: translateY(-1px) !important;
}

/* 20.6 INDIVIDUAL REVIEW CARD CHASSIS */
#reviews .commentlist li.review {
    position: relative !important;
    padding: 35px !important;
    margin-bottom: 40px !important;
    background:
        linear-gradient(#1a1a1a, #1a1a1a) padding-box,
        linear-gradient(135deg, #260656 0%, #e65b00 100%) border-box !important;
    border: 2px solid transparent !important;
    border-radius: 12px !important;
    box-shadow:
        0 30px 60px rgba(0, 0, 0, 0.8),
        0 0 15px rgba(38, 6, 86, 0.3) !important;
}

/* 20.7 BORDER PURGE (INTERNAL FRAME & SEPARATORS) */
#reviews .comment_container {
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

#reviews .user-review-vote {
    border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
    margin-top: 25px !important;
    padding-top: 15px !important;
}

#reviews .wc-comment-author img {
    border: 2px solid #333 !important;
    padding: 2px !important;
    background: #0d0d0d !important;
}

#reviews .woo_comment_text_pros,
#reviews .woo_comment_text_cons,
#reviews .lightgreenbg,
#reviews .lightredbg {
    background: transparent !important;
    background-color: transparent !important;
    color: #d1d1d1 !important;
    padding: 5px 0 !important;
    box-shadow: none !important;
}

/* 20.8 TACTICAL FILTER HUD SYNC */
#reviews #rehub-comments-tabs {
    background: transparent !important;
    border: none !important;
    display: flex !important;
    gap: 12px !important;
    margin-bottom: 30px !important;
}

#reviews #rehub-comments-tabs span {
    background-color: #1a1a1a !important;
    color: #888 !important;
    opacity: 0.5 !important;
    border: 1px solid transparent !important;
    background-image: linear-gradient(#1a1a1a, #1a1a1a), linear-gradient(135deg, #260656 0%, #e65b00 100%) !important;
    background-origin: padding-box, border-box !important;
    background-clip: padding-box, border-box !important;
    border-radius: 6px !important;
    padding: 8px 18px !important;
    cursor: pointer;
    transition: opacity 0.3s ease, color 0.3s ease, box-shadow 0.3s ease !important;
    font-family: 'Oswald', sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    font-size: 13px !important;
}

#reviews #rehub-comments-tabs span.active {
    opacity: 1 !important;
    color: #ffffff !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.6) !important;
}

#reviews #rehub-comments-tabs span:hover {
    opacity: 0.8 !important;
    color: #ffffff !important;
}

/* 20.9 TACTICAL FORM FIELD HARDWARE */
#respond input[type="text"],
#respond input[type="email"],
#respond textarea {
    background-color: #0d0d0d !important;
    border: 1px solid #000000 !important;
    border-radius: 10px !important;
    box-shadow:
        inset 0 4px 10px rgba(0, 0, 0, 0.9),
        0 1px 0 rgba(255, 255, 255, 0.08) !important;
    color: #ffffff !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 15px !important;
    padding: 15px !important;
    outline: none !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

#respond input[type="text"]:focus,
#respond input[type="email"]:focus,
#respond textarea:focus {
    border-color: #e65b00 !important;
    box-shadow:
        inset 0 4px 10px rgba(0, 0, 0, 0.9),
        0 0 8px rgba(230, 91, 0, 0.4) !important;
}

#respond input::placeholder,
#respond textarea::placeholder {
    color: #444 !important;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
}

/* 20.9a RESPOND LABEL — BASE STATE
   BUG FIX: There were two conflicting #respond label rules (here and in section 23).
   The section 23 rule (color: #a1a1aa) was always winning due to cascade order,
   making the #ffffff here permanently dead. Resolved by using a single rule here
   at the correct specificity and removing the duplicate from section 23. */
#respond label {
    font-family: 'Oswald', sans-serif !important;
    color: #a1a1aa !important;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 8px;
    display: block;
}

/* 20.10 FLOATING HUD PANEL (SCROLLING) */
#float-panel-woo-area.rh-float-panel {
    background-color: #1a1a1a !important;
    border-bottom: 2px solid #161616 !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.8) !important;
    z-index: 9999 !important;
}

.float-panel-woo-title {
    color: #ffffff !important;
    font-family: 'Oswald', sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.float-panel-woo-tabs li a {
    color: #888 !important;
    font-family: 'Oswald', sans-serif !important;
    transition: color 0.3s ease !important;
}

.float-panel-woo-tabs li.active a,
.float-panel-woo-tabs li a:hover {
    color: #e65b00 !important;
}

.float-panel-woo-button a.re_track_btn {
    background: #1a1a1a !important;
    color: #ffffff !important;
    border: 1px solid transparent !important;
    background-image: linear-gradient(#1a1a1a, #1a1a1a), linear-gradient(135deg, #260656 0%, #e65b00 100%) !important;
    background-origin: padding-box, border-box !important;
    background-clip: padding-box, border-box !important;
    border-radius: 6px !important;
    padding: 8px 20px !important;
    font-family: 'Oswald', sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.5) !important;
}

.float-panel-woo-price {
    color: #ffffff !important;
    font-family: 'Oswald', sans-serif !important;
}

/* 20.11 FLOATING COMPARE HUD */
#re-compare-icon-fixed {
    background:
        linear-gradient(#1a1a1a, #1a1a1a) padding-box,
        linear-gradient(135deg, #260656 0%, #e65b00 100%) border-box !important;
    border: 2px solid transparent !important;
    border-right: none !important;
    border-radius: 10px 0 0 10px !important;
    width: 45px !important;
    height: 45px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: -5px 5px 20px rgba(0, 0, 0, 0.8) !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

#re-compare-icon-fixed i.rhi-shuffle {
    color: #ffffff !important;
    font-size: 18px !important;
    text-shadow: 0 0 8px rgba(255, 255, 255, 0.3) !important;
}

#re-compare-icon-fixed .re-compare-notice {
    background-color: #e65b00 !important;
    color: #ffffff !important;
    font-family: 'Oswald', sans-serif !important;
    font-weight: 800 !important;
    font-size: 11px !important;
    border: 1px solid #000 !important;
    top: -8px !important;
    right: 2px !important;
    min-width: 18px !important;
    height: 18px !important;
    line-height: 16px !important;
}

#re-compare-icon-fixed:hover {
    transform: translateX(-8px) !important;
    box-shadow: -8px 8px 25px rgba(0, 0, 0, 0.9), 0 0 10px rgba(230, 91, 0, 0.2) !important;
}

/* ============================================================
   21. FWF UNIVERSAL FORM HARDWARE
   ============================================================ */

/* NOTE: .fwf-* are custom classes — no !important needed */

/* 21.1 INPUT BASE */
.fwf-input {
    background-color: #0d0d0d;
    border: 1px solid #000000;
    border-radius: 10px;
    box-shadow:
        inset 0 4px 10px rgba(0, 0, 0, 0.9),
        0 1px 0 rgba(255, 255, 255, 0.08);
    color: #ffffff;
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    padding: 15px;
    outline: none;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
    width: 100%;
    box-sizing: border-box;
}

/* 21.2 INPUT FOCUS SIGNAL */
.fwf-input:focus {
    border-color: #e65b00;
    box-shadow:
        inset 0 4px 10px rgba(0, 0, 0, 0.9),
        0 0 8px rgba(230, 91, 0, 0.4);
}

/* 21.3 INPUT PLACEHOLDER */
.fwf-input::placeholder {
    color: #444;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    opacity: 1;
}

/* 21.4 PRIMARY CTA BUTTON */
.fwf-cta-button {
    background: linear-gradient(60deg, #260656 0%, #e65b00 100%);
    color: #ffffff;
    font-family: 'Oswald', sans-serif;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    padding: 12px 30px;
    border: none;
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(230, 91, 0, 0.3);
    cursor: pointer;
    transition: filter 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
    align-self: flex-start;
    width: auto;
    margin-top: 10px;
}

/* 21.5 CTA BUTTON HOVER */
.fwf-cta-button:hover {
    filter: brightness(1.15);
    box-shadow: 0 6px 22px rgba(230, 91, 0, 0.5);
    transform: translateY(-1px);
}

/* ============================================================
   22. FWF SECONDARY INTERFACE BUTTON
   ============================================================ */

/* NOTE: .fwf-interface-btn is a custom class — no !important needed */

/* 22.1 BUTTON BASE */
.fwf-interface-btn {
    background: #1a1a1a;
    color: #ffffff;
    font-family: 'Oswald', sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 8px 20px;
    border: 2px solid transparent;
    border-image: linear-gradient(60deg, #260656 20%, #e65b00 80%) 1;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    box-shadow: none;
    transition: background 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
    width: auto;
    align-self: flex-start;
}

/* 22.2 BUTTON HOVER */
.fwf-interface-btn:hover {
    background: #272727;
    color: #ffffff;
    box-shadow: 0 0 15px rgba(230, 91, 0, 0.3);
    transform: translateY(-1px);
}

/* ============================================================
   23. BLOG COMMENT MODULE
   ============================================================ */

/* 23.1 CHASSIS */
#respond,
.comment-respond,
.post-readopt .comment-respond {
    background:
        linear-gradient(#1a1a1a, #1a1a1a) padding-box,
        linear-gradient(135deg, #260656 0%, #e65b00 100%) border-box !important;
    border: 2px solid transparent !important;
    border-radius: 12px !important;
    padding: 40px !important;
    box-shadow:
        0 30px 60px rgba(0, 0, 0, 0.8),
        0 0 20px rgba(38, 6, 86, 0.4) !important;
    margin-top: 50px !important;
}

/* 23.2 COMMENT TITLE */
#respond h3#reply-title {
    color: #ffffff !important;
    font-family: 'Raleway Dots', monospace !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    margin-bottom: 25px !important;
}

/* NOTE: #respond label is defined in 20.9a above — not repeated here */

/* ============================================================
   24. RELATED ARTICLES & GLOBAL CTA BUTTONS
   ============================================================ */

/* 24.1 RELATED ARTICLES THUMBNAIL TEXT */
.related_articles h3 a,
.related_articles .title_cat_related a {
    color: #ffffff !important;
    text-shadow: 0 0 5px rgba(0,0,0,0.8) !important;
    transition: color 0.3s ease !important;
}

.related_articles h3 a:hover,
.related_articles .title_cat_related a:hover {
    color: #e65b00 !important;
}

/* 24.2 GLOBAL CTA BUTTON (MATTE WITH GRADIENT BORDER) */
.addsomebtn, .fwf-cta-button {
    background:
        linear-gradient(#1a1a1a, #1a1a1a) padding-box,
        linear-gradient(60deg, #260656 0%, #e65b00 100%) border-box !important;
    color: #ffffff !important;
    font-family: 'Oswald', sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    padding: 12px 30px !important;
    border: 1px solid transparent !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3) !important;
    cursor: pointer !important;
    transition: background 0.3s ease, box-shadow 0.3s ease !important;
    align-self: flex-start !important;
    width: auto !important;
    margin-top: 10px !important;
}

/* 24.3 HEADER BUTTON ALIGNMENT */
header#main_header .addsomebtn,
header#main_header .fwf-cta-button {
    height: 34px !important;
    line-height: 34px !important;
    padding: 0 16px !important;
    margin: 0 5px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    vertical-align: middle !important;
    font-size: 14px !important;
}

/* ============================================================
   25. NATIVE COMMENT FORM OVERRIDES
   ============================================================ */

/* 25.1 RECESSED INPUTS */
body.single-post.dark_body #respond .comment-form .usr_re input,
body.single-post.dark_body #respond .comment-form .email_re input,
body.single-post.dark_body #respond .comment-form .site_re input,
body.single-post.dark_body #respond .comment-form textarea {
    background-color: #0d0d0d !important;
    border: 1px solid #000000 !important;
    border-radius: 10px !important;
    box-shadow: inset 0 4px 10px rgba(0, 0, 0, 0.9), 0 1px 0 rgba(255, 255, 255, 0.08) !important;
    color: #ffffff !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 15px !important;
    padding: 15px !important;
    padding-left: 50px !important;
    outline: none !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 25.2 PSEUDO-ELEMENT ICON FIX */
body.single-post.dark_body #respond .comment-form .usr_re::before,
body.single-post.dark_body #respond .comment-form .email_re::before,
body.single-post.dark_body #respond .comment-form .site_re::before {
    background-color: transparent !important;
    border-right: 1px solid #222 !important;
    color: #a1a1aa !important;
    text-shadow: none !important;
}

/* 25.3 FOCUS STATES */
body.single-post.dark_body #respond .comment-form .usr_re input:focus,
body.single-post.dark_body #respond .comment-form .email_re input:focus,
body.single-post.dark_body #respond .comment-form .site_re input:focus,
body.single-post.dark_body #respond .comment-form textarea:focus {
    border-color: #e65b00 !important;
    box-shadow: inset 0 4px 10px rgba(0, 0, 0, 0.9), 0 0 8px rgba(230, 91, 0, 0.4) !important;
}

/* 25.4 COOKIE CONSENT CHECKBOX INLINE ALIGNMENT */
#respond .comment-form-cookies-consent {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 15px 0 !important;
}

#respond .comment-form-cookies-consent input[type="checkbox"] {
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
    flex-shrink: 0 !important;
    accent-color: #e65b00 !important;
    cursor: pointer !important;
}

#respond .comment-form-cookies-consent label {
    color: #a1a1aa !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 13px !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    line-height: 1.4 !important;
    margin: 0 !important;
    cursor: pointer !important;
}

/* ============================================================
   26. WOOCOMMERCE ARCHIVE
   ============================================================ */

/* 26.1 RESTORE TOP CHASSIS */
body.archive.woocommerce.dark_body .main-side > article.post {
    background:
        linear-gradient(#1a1a1a, #1a1a1a) padding-box,
        linear-gradient(135deg, #260656 0%, #e65b00 100%) border-box !important;
    border: 2px solid transparent !important;
    border-radius: 12px !important;
    padding: 20px 30px !important;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.6) !important;
    display: block !important;
}

/* 26.2 INDIVIDUAL PRODUCT CARD CHASSIS */
body.dark_body .woocommerce ul.products li.product.col_item {
    background:
        linear-gradient(#1a1a1a, #1a1a1a) padding-box,
        linear-gradient(135deg, #260656 0%, #e65b00 100%) border-box !important;
    border: 2px solid transparent !important;
    border-radius: 12px !important;
    padding: 15px !important;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.6) !important;
    transition: box-shadow 0.3s ease, transform 0.3s ease !important;
}

/* 26.3 PRODUCT CARD HOVER STATE */
body.dark_body .woocommerce ul.products li.product.col_item:hover {
    box-shadow:
        0 15px 30px rgba(0, 0, 0, 0.8),
        0 0 15px rgba(230, 91, 0, 0.4) !important;
    transform: translateY(-2px) !important;
}

/* 26.4 EJECT PRODUCTS FROM TOP CHASSIS */
body.archive.woocommerce.dark_body .main-side > article.post > .products {
    float: left !important;
    width: 100% !important;
    margin-top: 50px !important;
    margin-left: 0 !important;
}

/* 26.5 SORTING DROPDOWN HARDWARE */
body.dark_body .woocommerce .woocommerce-ordering .nice-select {
    background-color: #0d0d0d !important;
    border: 1px solid #222 !important;
    border-radius: 8px !important;
    color: #a1a1aa !important;
    box-shadow: inset 0 4px 10px rgba(0, 0, 0, 0.9) !important;
    height: 42px !important;
    line-height: 40px !important;
}

body.dark_body .woocommerce .woocommerce-ordering .nice-select::after {
    border-bottom: 2px solid #e65b00 !important;
    border-right: 2px solid #e65b00 !important;
}

body.dark_body .woocommerce .woocommerce-ordering .nice-select .list {
    background-color: #0d0d0d !important;
    border: 1px solid #222 !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.9) !important;
    width: 100% !important;
}

body.dark_body .woocommerce .woocommerce-ordering .nice-select .option {
    color: #a1a1aa !important;
    transition: background-color 0.2s ease, color 0.2s ease !important;
}

body.dark_body .woocommerce .woocommerce-ordering .nice-select .option:hover,
body.dark_body .woocommerce .woocommerce-ordering .nice-select .option.selected,
body.dark_body .woocommerce .woocommerce-ordering .nice-select .option.focus {
    background-color: #1a1a1a !important;
    color: #e65b00 !important;
}

/* ============================================================
   27. PRODUCT CARD GRADIENT BORDERS (CORRECTED SELECTORS)
   ============================================================ */

/* 27.1 CARD CHASSIS */
body.dark_body .woocommerce .products .col_item {
    background:
        linear-gradient(#1a1a1a, #1a1a1a) padding-box,
        linear-gradient(135deg, #260656 0%, #e65b00 100%) border-box !important;
    border: 2px solid transparent !important;
    border-radius: 12px !important;
    padding: 15px !important;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.6) !important;
    transition: box-shadow 0.3s ease, transform 0.3s ease !important;
}

/* 27.2 CARD HOVER STATE */
body.dark_body .woocommerce .products .col_item:hover {
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.8), 0 0 15px rgba(230, 91, 0, 0.4) !important;
    transform: translateY(-2px) !important;
}

/* ============================================================
   28. NOPTIN EMAIL FORM
   ============================================================ */

/* 28.1 HEADER & DESCRIPTION ALIGNMENT */
body.dark_body .wp-block-noptin-email-optin .noptin-block-form-header,
body.dark_body .wp-block-noptin-email-optin h3.noptin_form_title {
    text-align: left !important;
    width: 100% !important;
    display: block !important;
    margin-left: 0 !important;
}

body.dark_body .wp-block-noptin-email-optin .noptin_form_description {
    text-align: left !important;
    margin-left: 0 !important;
}

/* 28.2 INPUT HARDWARE SYNC */
body.dark_body .wp-block-noptin-email-optin input.noptin_form_input_email {
    background-color: #0d0d0d !important;
    border: 1px solid #000000 !important;
    border-radius: 10px !important;
    box-shadow:
        inset 0 4px 10px rgba(0, 0, 0, 0.9),
        0 1px 0 rgba(255, 255, 255, 0.08) !important;
    color: #ffffff !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 15px !important;
    padding: 15px !important;
    outline: none !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
    height: auto !important;
}

body.dark_body .wp-block-noptin-email-optin input.noptin_form_input_email:focus {
    border-color: #e65b00 !important;
    box-shadow:
        inset 0 4px 10px rgba(0, 0, 0, 0.9),
        0 0 8px rgba(230, 91, 0, 0.4) !important;
}

body.dark_body .wp-block-noptin-email-optin input.noptin_form_input_email::placeholder {
    color: #666666 !important;
    text-transform: uppercase !important;
    font-size: 12px !important;
    letter-spacing: 1px !important;
    opacity: 1 !important;
}

/* 28.3 SUBMIT BUTTON SYNC */
body.dark_body .wp-block-noptin-email-optin .noptin_form_submit {
    background: #1a1a1a !important;
    color: #ffffff !important;
    border: 2px solid transparent !important;
    background-image: linear-gradient(#1a1a1a, #1a1a1a), linear-gradient(135deg, #260656 0%, #e65b00 100%) !important;
    background-origin: padding-box, border-box !important;
    background-clip: padding-box, border-box !important;
    font-family: 'Oswald', sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    padding: 0 !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4) !important;
    cursor: pointer !important;
    transition: background-image 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease !important;
    margin-top: 0 !important;
}

body.dark_body .wp-block-noptin-email-optin .noptin_form_submit:hover {
    background-image: linear-gradient(#272727, #272727), linear-gradient(135deg, #260656 0%, #e65b00 100%) !important;
    color: #ffffff !important;
    box-shadow:
        0 8px 20px rgba(0, 0, 0, 0.8),
        0 0 10px rgba(230, 91, 0, 0.3) !important;
    transform: translateY(-1px) !important;
}

/* 28.4 INLINE FORM LAYOUT (75/25 SPLIT) */
body.dark_body .wp-block-noptin-email-optin .noptin-block-form-footer {
    display: grid !important;
    grid-template-columns: 3fr 1fr !important;
    gap: 18px !important;
    align-items: stretch !important;
    width: 100% !important;
}

body.dark_body .wp-block-noptin-email-optin input.noptin_form_input_email,
body.dark_body .wp-block-noptin-email-optin .noptin_form_submit {
    width: 100% !important;
    margin: 0 !important;
    height: 100% !important;
}

/* 28.5 FLEX VARIANT GAP ADJUSTMENT */
body.dark_body .wp-block-noptin-email-optin.is-style-noptin-flex .noptin-block-form-footer {
    gap: 15px !important;
}

/* 28.6 MOBILE CALIBRATION */
@media (max-width: 767px) {
    body.dark_body .wp-block-noptin-email-optin .noptin-block-form-footer {
        grid-template-columns: 1fr !important;
        gap: 15px !important;
    }

    /* When stacked, the button is no longer stretching alongside an input so
       it needs explicit padding and height to avoid collapsing into a pill */
    body.dark_body .wp-block-noptin-email-optin .noptin_form_submit {
        height: auto !important;
        padding: 16px 30px !important;
        width: 100% !important;
        border-radius: 10px !important;
    }
}

/* ============================================================
   29. CONTACT CONSOLE LIST INSTRUCTIONS
   ============================================================ */

/* 29.1 LIST RESET */
.wp-block-greenshift-blocks-row-column ul {
    list-style: none !important;
    padding-left: 0 !important;
    margin-top: 0 !important;
}

/* 29.2 LIST ITEM STYLING */
.wp-block-greenshift-blocks-row-column ul li {
    position: relative !important;
    padding-left: 20px !important;
    margin-bottom: 16px !important;
    line-height: 28px !important;
    color: #d1d1d1 !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 15px !important;
}

/* 29.3 PRECISION ORANGE MICRO-BULLET */
.wp-block-greenshift-blocks-row-column ul li::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 12px !important;
    width: 4px !important;
    height: 4px !important;
    background-color: #e65b00 !important;
    box-shadow: 0 0 8px #e65b00 !important;
}

/* ============================================================
   30. GLOBAL FORM INPUT HARDWARE
   ============================================================ */

/* 30.1 CATCH-ALL INPUT BASE
   Targets contact form plugins (WPForms, CF7, Gravity Forms etc.) and any
   other text inputs not covered by more specific rules. Excludes the header
   search bar (.head_search) and sidebar search (.widget_search) which have
   their own dedicated rules. */
body.dark_body input[type="text"]:not(.re-ajax-search):not(.search-field),
body.dark_body input[type="email"]:not(.re-ajax-search),
body.dark_body input[type="tel"],
body.dark_body input[type="url"],
body.dark_body input[type="number"],
body.dark_body textarea {
    background-color: #0d0d0d !important;
    border: 1px solid #000000 !important;
    border-radius: 10px !important;
    box-shadow:
        inset 0 4px 10px rgba(0, 0, 0, 0.9),
        0 1px 0 rgba(255, 255, 255, 0.08) !important;
    color: #ffffff !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 15px !important;
    padding: 15px !important;
    outline: none !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 30.2 FOCUS SIGNAL */
body.dark_body input[type="text"]:not(.re-ajax-search):not(.search-field):focus,
body.dark_body input[type="email"]:not(.re-ajax-search):focus,
body.dark_body input[type="tel"]:focus,
body.dark_body input[type="url"]:focus,
body.dark_body input[type="number"]:focus,
body.dark_body textarea:focus {
    border-color: #e65b00 !important;
    box-shadow:
        inset 0 4px 10px rgba(0, 0, 0, 0.9),
        0 0 8px rgba(230, 91, 0, 0.4) !important;
}

/* 30.3 PLACEHOLDER */
body.dark_body input[type="text"]:not(.re-ajax-search):not(.search-field)::placeholder,
body.dark_body input[type="email"]:not(.re-ajax-search)::placeholder,
body.dark_body input[type="tel"]::placeholder,
body.dark_body input[type="url"]::placeholder,
body.dark_body input[type="number"]::placeholder,
body.dark_body textarea::placeholder {
    color: #444 !important;
    text-transform: uppercase !important;
    font-size: 12px !important;
    letter-spacing: 1px !important;
    opacity: 1 !important;
}

/* ============================================================
   31. BLOG POST USER REVIEW COMMENT CARDS
   ============================================================ */

/* 31.1 OUTER CARD CHASSIS — kills .commbox white background */
.commentlist .commbox {
    background:
        linear-gradient(#1a1a1a, #1a1a1a) padding-box,
        linear-gradient(60deg, #260656 0%, #e65b00 100%) border-box !important;
    border: 2px solid transparent !important;
    border-radius: 12px !important;
    margin-bottom: 40px !important;
    overflow: hidden !important;
    box-shadow:
        0 20px 50px rgba(0, 0, 0, 0.5),
        0 10px 30px rgba(38, 6, 86, 0.4),
        0 0 15px rgba(230, 91, 0, 0.1) !important;
}

/* 31.2 COMMENT AUTHOR HEADER BAR — kills border-grey-bottom utility */
.commentlist .commbox .comment-author {
    background-color: #0d0d0d !important;
    border-bottom: 1px solid #333 !important;
    padding: 15px 20px !important;
}

/* Author name link */
.commentlist .commbox .comment-author .fn a {
    color: #ffffff !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

/* Timestamp */
.commentlist .commbox .comment-author .time a {
    color: #a1a1aa !important;
    font-size: 13px !important;
    text-decoration: none !important;
}

/* Reply / Edit links */
.commentlist .commbox .comment-reply-link,
.commentlist .commbox .comment-edit-link {
    color: #a1a1aa !important;
    font-size: 13px !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}

.commentlist .commbox .comment-reply-link:hover,
.commentlist .commbox .comment-edit-link:hover {
    color: #e65b00 !important;
}

/* Avatar ring */
.commentlist .commbox .comment-author img.avatar {
    border: 2px solid #333 !important;
    border-radius: 50% !important;
}

/* 31.2a COMMENTS COUNT TITLE */
/* ReHub's inline post CSS hides this on desktop with display:none but the
   element still occupies space in some layouts. Force collapse when hidden,
   and ensure it's white and properly styled when visible. */
#comments .title_comments {
    color: #ffffff !important;
    font-family: 'Oswald', sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    margin-bottom: 15px !important;
    /* Collapse any accidental space when display:none isn't applied cleanly */
    line-height: 1 !important;
}

/* ReHub's inline <style> block sets .post-readopt .title_comments { display: none }
   with no media query, hiding it on ALL screen sizes in this layout.
   We force it visible, but only outside the post-readopt context (i.e. when
   it appears standalone in the comments section which is outside post-readopt). */
#comments .post-comments .title_comments {
    display: block !important;
}

/* 31.2b FILTER TABS ROW — precise selectors from DOM */
/* Wrapper: #rehub-comments-tabs.rh_grey_tabs_span
   Tabs: span[data-tabID]
   Button: a.add_user_review_link.def_btn */

/* 1. THE ROW CHASSIS — matches search bar recessed rubber treatment exactly */
#comments #rehub-comments-tabs {
    display: flex !important;
    align-items: stretch !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    background-color: #0d0d0d !important;
    border: 1px solid #000000 !important;
    border-radius: 10px !important;
    padding: 10px 14px !important;
    margin-bottom: 30px !important;
    box-shadow:
        inset 0 4px 10px rgba(0, 0, 0, 0.9),
        0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

/* On smaller screens where tabs wrap, make all items fill equal width */
@media (max-width: 767px) {
    #comments #rehub-comments-tabs {
        align-items: stretch !important;
    }

    #comments #rehub-comments-tabs span {
        flex: 1 1 calc(50% - 5px) !important;
        justify-content: center !important;
        text-align: center !important;
        box-sizing: border-box !important;
    }

    #comments #rehub-comments-tabs a.add_user_review_link,
    #comments #rehub-comments-tabs a.add_user_review_link.def_btn {
        flex: 1 1 100% !important;
        justify-content: center !important;
        text-align: center !important;
        margin-left: 0 !important;
        box-sizing: border-box !important;
    }
}

/* 2. FILTER TAB BUTTONS (inactive) */
#comments #rehub-comments-tabs span {
    background-color: #1a1a1a !important;
    color: #888 !important;
    opacity: 0.55 !important;
    border: 1px solid transparent !important;
    background-image: linear-gradient(#1a1a1a, #1a1a1a), linear-gradient(135deg, #260656 0%, #e65b00 100%) !important;
    background-origin: padding-box, border-box !important;
    background-clip: padding-box, border-box !important;
    border-radius: 6px !important;
    padding: 7px 16px !important;
    cursor: pointer !important;
    transition: opacity 0.3s ease, color 0.3s ease, box-shadow 0.3s ease !important;
    font-family: 'Oswald', sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    font-size: 12px !important;
    /* Match display method to the button so heights compute identically */
    display: inline-flex !important;
    align-items: center !important;
    line-height: 1 !important;
    box-sizing: border-box !important;
}

/* 3. ACTIVE TAB */
#comments #rehub-comments-tabs span.active {
    opacity: 1 !important;
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.6) !important;
}

/* 4. HOVER */
#comments #rehub-comments-tabs span:hover {
    opacity: 0.85 !important;
    color: #ffffff !important;
}

/* 5. ADD YOUR REVIEW BUTTON — pushed to far right, same height as tabs */
#comments #rehub-comments-tabs a.add_user_review_link.def_btn,
#comments #rehub-comments-tabs a.add_user_review_link {
    margin-left: auto !important;
    /* Gradient border chassis matching the tabs */
    background: #1a1a1a !important;
    color: #ffffff !important;
    border: 1px solid transparent !important;
    background-image: linear-gradient(#1a1a1a, #1a1a1a), linear-gradient(135deg, #260656 0%, #e65b00 100%) !important;
    background-origin: padding-box, border-box !important;
    background-clip: padding-box, border-box !important;
    border-image: none !important;
    border-radius: 6px !important;
    /* Exact same padding as the tab spans so heights match */
    padding: 7px 16px !important;
    font-family: 'Oswald', sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    font-size: 12px !important;
    text-decoration: none !important;
    /* Flex alignment fix — treat as flex item, not inline-block */
    display: flex !important;
    align-items: center !important;
    line-height: 1 !important;
    box-shadow: none !important;
    transition: color 0.3s ease, box-shadow 0.3s ease !important;
    /* Kill any inherited margin from def_btn */
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

#comments #rehub-comments-tabs a.add_user_review_link:hover {
    color: #ffffff !important;
    box-shadow: 0 0 10px rgba(230, 91, 0, 0.2) !important;
}

/* 31.3 CONTENT AREA */
/* Ensure standard (non-review) comment text in commbox is readable */
.commentlist .commbox .comment-text,
.commentlist .commbox .comment-content p {
    color: #d1d1d1 !important;
}

.commentlist .commbox .comment-content-withreview {
    background-color: transparent !important;
    padding: 25px 20px !important;
}

/* 31.4 REVIEW PANEL WRAPPER */
.commentlist .commbox .user_reviews_view {
    background-color: transparent !important;
    color: #d1d1d1 !important;
}

/* Score box — right-side panel */
.commentlist .commbox .user_reviews_view_box {
    background-color: #0d0d0d !important;
    border: 1px solid #333 !important;
    border-radius: 8px !important;
    padding: 15px !important;
}

/* 31.5 STAR RATINGS — outer track */
/* 31.5 STAR RATINGS
   userstar-rating renders star characters with a % width span overlay.
   The outer element shows empty stars (dark), the inner span clips over
   them to show filled stars (orange). Must use color not background. */
.commentlist .commbox .userstar-rating {
    color: #444 !important;           /* empty star color */
    background: transparent !important;
    font-size: 18px !important;
    position: relative !important;
    display: inline-block !important;
}

/* Filled star overlay — solid orange, reliable across all browsers.
   background-clip:text breaks on position:absolute elements in some browsers. */
.commentlist .commbox .userstar-rating span {
    color: #e65b00 !important;
    -webkit-text-fill-color: #e65b00 !important;
    background: none !important;
    overflow: hidden !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    white-space: nowrap !important;
}

/* Hide the numeric value inside the span */
.commentlist .commbox .userstar-rating span strong.rating {
    display: none !important;
}

/* 31.6 CRITERIA LABELS */
.commentlist .commbox .user_reviews_view_criteria_name {
    color: #d1d1d1 !important;
    font-size: 13px !important;
}

/* 31.7 COMMENT BODY TEXT */
.commentlist .commbox .comm_text_from_review p {
    color: #d1d1d1 !important;
    line-height: 1.8 !important;
}

/* 31.8 PROS / CONS */
.commentlist .commbox .user_reviews_view_pc_title {
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: 12px !important;
    letter-spacing: 1px !important;
    display: block !important;
    margin-bottom: 8px !important;
}

.commentlist .commbox .user_reviews_view_pros .user_reviews_view_pc_title {
    color: #00d084 !important;
}

.commentlist .commbox .user_reviews_view_cons .user_reviews_view_pc_title {
    color: #f04057 !important;
}

.commentlist .commbox .pros_comment_item,
.commentlist .commbox .cons_comment_item {
    color: #d1d1d1 !important;
    display: block !important;
    padding: 2px 0 !important;
    font-size: 14px !important;
}

/* Pros/cons — two columns side by side */
.commentlist .commbox .user_reviews_view_proscons {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 0 20px !important;
    margin-top: 15px !important;
}

/* But the text content div sits above the pros/cons grid, full width */
.commentlist .commbox .comm_text_from_review {
    grid-column: 1 / -1 !important;
}

.commentlist .commbox .user_reviews_view_pros,
.commentlist .commbox .user_reviews_view_cons {
    display: block !important;
}

/* 31.9 HELPFUL / UNHELPFUL BAR — kills border-top utility */
.commentlist .commbox .user-review-vote {
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
    margin-top: 20px !important;
    padding-top: 15px !important;
    background-color: transparent !important;
}

.commentlist .commbox .us-rev-vote-up,
.commentlist .commbox .us-rev-vote-down {
    color: #ffffff !important;
    border: 1px solid transparent !important;
    background-image: linear-gradient(#1a1a1a, #1a1a1a), linear-gradient(135deg, #260656 0%, #e65b00 100%) !important;
    background-origin: padding-box, border-box !important;
    background-clip: padding-box, border-box !important;
    border-radius: 6px !important;
    padding: 6px 14px !important;
    font-size: 12px !important;
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    transition: color 0.3s ease, box-shadow 0.3s ease !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
}

/* Thumb icons — white by default */
.commentlist .commbox .us-rev-vote-up .rhicon,
.commentlist .commbox .us-rev-vote-down .rhicon {
    color: #ffffff !important;
    transition: color 0.3s ease !important;
}

/* Thumbs up hover — orange */
.commentlist .commbox .us-rev-vote-up:hover {
    color: #e65b00 !important;
    box-shadow: 0 0 10px rgba(230, 91, 0, 0.2) !important;
}

.commentlist .commbox .us-rev-vote-up:hover .rhicon {
    color: #e65b00 !important;
}

/* Thumbs down hover — purple */
.commentlist .commbox .us-rev-vote-down:hover {
    color: #9d4edd !important;
    box-shadow: 0 0 10px rgba(157, 78, 221, 0.2) !important;
}

.commentlist .commbox .us-rev-vote-down:hover .rhicon {
    color: #9d4edd !important;
}

/* 31.10 STANDARD COMMENT TEXT (non-review comments) */
/* The bottom commbox showing plain comment text needs explicit color
   since it doesn't have .comment-content-withreview */
.commentlist .commbox p,
.commentlist .commbox .comment-text {
    color: #d1d1d1 !important;
}

/* 31.11 ALREADY VOTED MESSAGE */
.commentlist .commbox .already_commhelp {
    color: #666 !important;
    font-size: 12px !important;
}

/* ============================================================
   32. RH LIST BUILDER (TOP TABLE LIST ITEM)
   ============================================================ */

/* 32.1 OUTER CHASSIS */
.rh_list_builder {
    background:
        linear-gradient(#1a1a1a, #1a1a1a) padding-box,
        linear-gradient(60deg, #260656 0%, #e65b00 100%) border-box !important;
    border: 2px solid transparent !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    box-shadow:
        0 20px 50px rgba(0, 0, 0, 0.5),
        0 10px 30px rgba(38, 6, 86, 0.4),
        0 0 15px rgba(230, 91, 0, 0.1) !important;
}

/* 32.2 MAIN CONTENT AREA — kill whitebg */
.rh_list_builder .top_table_list_item {
    background-color: #1a1a1a !important;
    border: none !important;
    border-bottom: 1px solid #333 !important;
}

/* 32.3 POST NAME HEADING */
.rh_list_builder .list_heading {
    color: #ffffff !important;
}

.rh_list_builder .list_heading a.rehub-main-color {
    color: #e65b00 !important;
}

.rh_list_builder .list_heading a.rehub-main-color:hover {
    color: #ff8c00 !important;
}

/* 32.4 CONTENT TEXT */
.rh_list_builder .top_table_list_item .lineheight20 {
    color: #d1d1d1 !important;
}

/* 32.5 DISCLAIMER STRIP — kill lightbluebg */
.rh_list_builder .rev_disclaimer {
    background-color: #0d0d0d !important;
    color: #a1a1aa !important;
    border-top: 1px solid #333 !important;
}

/* ============================================================
   33. POST LAYOUT — TITLE OUTSIDE CONTENT (rh_post_layout_outside)
   ============================================================ */

/* 33.1 TITLE STRIP — dark transparent bg with rounded top corners.
   The white border comes from ReHub's .rh_post_layout_outside .title_single_area
   rule (border-bottom: 1px solid #8c8c8c) — kill it here. */
#rh_woo_layout_inimage {
    background: rgba(0, 0, 0, 0.5) !important;
    border-bottom: none !important;
    margin-bottom: 0 !important;
    border-radius: 18px 18px 0 0 !important;
}

/* Kill the ReHub border-bottom on the title area inside this layout */
.rh_post_layout_outside .title_single_area,
body.dark_body.noinnerpadding .rh_post_layout_outside .title_single_area {
    border-bottom: none !important;
    margin-bottom: 0 !important;
}

/* 33.1b REVIEW BOX BOTTOM LINKS — "Read reviews and comments | Add your review" */
.rate_bar_wrap a.add_user_review_link,
.rate_bar_wrap .add_user_review_link {
    color: #e65b00 !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}

.rate_bar_wrap a.add_user_review_link:hover,
.rate_bar_wrap .add_user_review_link:hover {
    color: #ff8c00 !important;
}

/* 33.1c PROS/CONS BULLETS IN REVIEW BOX */
/* Kill the orange square bullet from tactical list rules on pros/cons */
.wpsm_pros ul li::before,
.wpsm_cons ul li::before {
    background-color: transparent !important;
    width: 0 !important;
    height: 0 !important;
    display: none !important;
}

/* Pros — green checkmark via ::after so it doesn't conflict with ::before reset */
.wpsm_pros ul li {
    padding-left: 22px !important;
    position: relative !important;
}

.wpsm_pros ul li::after {
    content: "✓" !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    color: #00d084 !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    line-height: inherit !important;
}

/* Cons — red minus via ::after */
.wpsm_cons ul li {
    padding-left: 22px !important;
    position: relative !important;
}

.wpsm_cons ul li::after {
    content: "—" !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    color: #f04057 !important;
    font-size: 15px !important;
    line-height: inherit !important;
}

.wpsm_cons ul li::before {
    content: "—" !important;
    color: #f04057 !important;
}

.wpsm_pros .title_pros {
    color: #00d084 !important;
}

.wpsm_cons .title_cons {
    color: #f04057 !important;
}

.wpsm_pros ul li,
.wpsm_cons ul li {
    color: #d1d1d1 !important;
}

/* 33.1a REVIEW BOX TEXT — force white/readable colors for this layout.
   ReHub's dark_body inline CSS sets these to #eee or inherits dark, but the
   review box sits on a dark background here so needs explicit white. */
body.dark_body.noinnerpadding .rate_bar_wrap .review-text span.review-header {
    color: #ffffff !important;
    font-family: 'Oswald', sans-serif !important;
    font-size: 22px !important;
    font-weight: 700 !important;
}

body.dark_body.noinnerpadding .rate_bar_wrap .review-text p {
    color: #d1d1d1 !important;
    font-family: 'Inter', sans-serif !important;
}

body.dark_body.noinnerpadding .rate_bar_wrap .overall-text {
    color: #a1a1aa !important;
}

body.dark_body.noinnerpadding .rate_bar_wrap .overall-score .overall {
    color: #e65b00 !important;
    font-family: 'Oswald', sans-serif !important;
    font-weight: 700 !important;
}

body.dark_body.noinnerpadding .rate_bar_wrap .score_tit,
body.dark_body.noinnerpadding .rate_bar_wrap .score_val {
    color: #d1d1d1 !important;
}

body.dark_body.noinnerpadding .rate_bar_wrap .rate-bar-title span,
body.dark_body.noinnerpadding .rate_bar_wrap .rate-bar-percent {
    color: #d1d1d1 !important;
}

/* 33.2 CONTENT WRAPPER — kill the white background ReHub's dark_body.noinnerpadding rule forces */
body.dark_body.noinnerpadding .rh-post-wrapper {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* 33.3 ARTICLE — transparent, no border, the review box has its own styling */
body.dark_body.noinnerpadding .rh-post-wrapper article.post-inner {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* 33.4 BODY TEXT CONTENT AREA — Greenshift column block wrapping the paragraphs.
   Section 4.3 applies the gradient border chassis to ALL .wp-block-greenshift-blocks-row-column
   globally. Override it here for this layout to use a plain transparent dark background instead.
   The column (not the row) is the visual container — target it directly. */
body.dark_body.noinnerpadding .rh-post-wrapper article.post-inner .wp-block-greenshift-blocks-row-column,
body.dark_body.noinnerpadding #gspb_col-id-gsbp-97fa3a7 {
    background: rgba(0, 0, 0, 0.5) !important;
    border: none !important;
    border-radius: 0 0 18px 18px !important;
    box-shadow: none !important;
    padding: 30px !important;
}

/* 33.5 REVIEW BOX CHASSIS — restore border for this layout.
   Scoped to .rh-post-wrapper to exclude the sidebar .wpsm_score_box
   which has its own inline style resetting rate_bar_wrap. */
/* In this layout the pros/cons is INSIDE rate_bar_wrap (not a sibling after it)
   so the whole rate_bar_wrap needs full rounded corners on all sides */
body.dark_body.noinnerpadding .rh-post-wrapper .rate_bar_wrap {
    padding: 40px !important;
    margin-top: 0 !important;
    margin-bottom: 30px !important;
    background:
        linear-gradient(#1a1a1a, #1a1a1a) padding-box,
        linear-gradient(135deg, #260656 0%, #e65b00 100%) border-box !important;
    border: 2px solid transparent !important;
    border-radius: 18px !important;
    box-shadow:
        0 20px 50px rgba(0, 0, 0, 0.7),
        0 10px 30px rgba(38, 6, 86, 0.4),
        0 0 15px rgba(230, 91, 0, 0.1) !important;
    overflow: hidden !important;
}

/* ============================================================
   38. HARDWARE TEXT DEPTH
   ============================================================ */

/* 38.1 GLOBAL HEADING SHADOW & STROKE */
.wp-block-heading,
.wp-block-heading strong,
h1, h2, h3, h4, h5, h6 {
    text-shadow:
        2px 2px 0px rgba(0, 0, 0, 0.8),
        0px 0px 10px rgba(230, 91, 0, 0.3) !important;
    letter-spacing: 1px !important;
    -webkit-text-stroke: 0.1px rgba(255, 255, 255, 0.1);
}

h1#system-provisioning,
h2#system-status-initializing {
    text-transform: uppercase;
}

/* 38.2 ICON DENSITY REDUCTION */
header#main_header .rhicon {
    font-weight: 100 !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

/* ============================================================
   39. TACTICAL HUD — HEADER ACTION PUCKS
   ============================================================ */

/* 39.1 PUCK GEOMETRY */
header#main_header .header-actions-logo .act-rehub-login-popup.wpsm-button.white,
header#main_header .header-actions-logo a.rh-wishlistmenu-link,
header#main_header .header-actions-logo div.rh-comparemenu-link,
header#main_header .header-actions-logo .menu-cart-btn > a.rh_woocartmenu-link {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    border-radius: 50% !important;
    background-color: #0d0d0d !important;
    border: 1px solid #000000 !important;
    box-shadow: inset 0 2px 5px rgba(0,0,0,0.9), 0 1px 0 rgba(255,255,255,0.08) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    margin: 0 5px !important;
    position: relative !important;
    box-sizing: border-box !important;
    overflow: visible !important;
}

/* 39.2 DATA LABEL POSITIONING */
header#main_header .header-actions-logo .re-compare-notice,
header#main_header .header-actions-logo .rh-icon-notice,
header#main_header .header-actions-logo .rh_woocartmenu-amount {
    position: absolute !important;
    top: 48px !important;
    left: 0 !important;
    right: 0 !important;
    margin: 0 auto !important;
    width: fit-content !important;
    background: #0d0d0d !important;
    border: 1px solid #222 !important;
    padding: 1px 5px !important;
    border-radius: 4px !important;
    color: #e65b00 !important;
    font-family: 'Oswald', sans-serif !important;
    font-size: 10px !important;
    line-height: 1 !important;
    pointer-events: none !important;
    z-index: 999 !important;
    text-align: center !important;
}

/* 39.3 CIRCULAR GRADIENT RETICLE */
header#main_header .header-actions-logo .act-rehub-login-popup.wpsm-button.white::after,
header#main_header .header-actions-logo a.rh-wishlistmenu-link::after,
header#main_header .header-actions-logo div.rh-comparemenu-link::after,
header#main_header .header-actions-logo .menu-cart-btn > a.rh_woocartmenu-link::after {
    content: "" !important;
    position: absolute !important;
    top: -4px !important;
    left: -4px !important;
    right: -4px !important;
    bottom: -4px !important;
    border-radius: 50% !important;
    padding: 2px !important;
    background: conic-gradient(from 0deg, #260656 20%, #e65b00 100%) !important;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important;
    -webkit-mask-composite: xor !important;
    mask-composite: exclude !important;
    opacity: 0 !important;
    transition: opacity 0.3s ease !important;
    pointer-events: none !important;
    z-index: 5 !important;
}

/* 39.4 RING OF FIRE — HOVER (opacity + animation merged into one rule) */
header#main_header .header-actions-logo .act-rehub-login-popup.wpsm-button.white:hover::after,
header#main_header .header-actions-logo a.rh-wishlistmenu-link:hover::after,
header#main_header .header-actions-logo div.rh-comparemenu-link:hover::after,
header#main_header .header-actions-logo .menu-cart-btn > a.rh_woocartmenu-link:hover::after {
    opacity: 1 !important;
    animation: rotateRing 1s linear infinite !important;
}

@keyframes rotateRing {
    from { transform: rotate(0deg); }
    to   { transform: rotate(360deg); }
}

/* 39.5 ICON COLOR SYNCHRONIZATION */
header#main_header .rh-wishlistmenu-link:hover .rhicon,
header#main_header .rh_woocartmenu-link:hover .rh_woocartmenu-icon,
header#main_header .rh-comparemenu-link:hover .rhicon,
header#main_header .act-rehub-login-popup:hover i {
    background: linear-gradient(60deg, #260656 20%, #e65b00 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    transition: all 0.3s ease !important;
    display: inline-block !important;
}

/* 39.6 CART BADGE OVERRIDE */
header#main_header .rh-icon-notice.rehub-main-color-bg,
header#main_header .re-compare-notice.rehub-main-color-bg {
    display: none !important;
}

/* 39.7 LOGIN ICON CENTERING */
header#main_header .header-actions-logo .act-rehub-login-popup.wpsm-button.white {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
}

header#main_header .header-actions-logo .act-rehub-login-popup.wpsm-button.white i {
    display: block !important;
    margin: 0 auto !important;
    padding: 0 !important;
    transform: none !important;
    position: static !important;
    line-height: 1 !important;
}

/* 39.8 DATA LABEL TETHERING */
header#main_header .header-actions-logo .rh-icon-notice,
header#main_header .header-actions-logo .rh_woocartmenu-amount {
    position: absolute !important;
    top: 100% !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    margin-top: 5px !important;
    background: #0d0d0d !important;
    border: 1px solid #222 !important;
    padding: 2px 6px !important;
    border-radius: 4px !important;
    color: #e65b00 !important;
    font-family: 'Oswald', sans-serif !important;
    font-size: 10px !important;
    pointer-events: none !important;
    z-index: 100 !important;
}

header#main_header .header-actions-logo .re-compare-notice {
    position: absolute !important;
    top: 122% !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    margin-top: 5px !important;
    background: #0d0d0d !important;
    border: 1px solid #222 !important;
    padding: 2px 6px !important;
    border-radius: 4px !important;
    color: #e65b00 !important;
    font-family: 'Oswald', sans-serif !important;
    font-size: 10px !important;
    pointer-events: none !important;
    z-index: 100 !important;
}

/* 39.9 MOBILE CALIBRATION */
@media (max-width: 767px) {
    header#main_header .header-actions-logo .re-compare-notice {
        top: 110% !important;
    }

    header#main_header .header-actions-logo .rh-icon-notice:not(.cart-notice-class) {
        top: 110% !important;
    }
}

/* ============================================================
   40. GLOBAL FOOTER STICK ENGINE
   ============================================================ */

/* FIX: Replaced flex column layout with min-height on the content area.
   The original display:flex + flex-direction:column on .rh-outer-wrap was
   breaking ReHub's sticky sidebar JS — flex containers change the scroll
   context and offsetTop calculations that the stickyscroll_widget relies on.
   A min-height on the content wrapper achieves the same sticky footer effect
   without disrupting the scroll container. */
.rh-outer-wrap {
    min-height: 100vh !important;
}

.rh-outer-wrap > .rh-container,
.rh-outer-wrap > .content {
    min-height: calc(100vh - 200px) !important;
}

/* ============================================================
   41. GUTENBERG REGULAR WIDTH CHASSIS PURGE
   ============================================================ */

body .fullgutenberg_reg article.post {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
}