.ssa-game-tool-search-shortcode {
    width: 100%;
}

.ssa-game-tool-search-shortcode * {
    box-sizing: border-box;
}

/* ------------------ CSS Variables for Consistency ------------------ */
    :root {
        --gold-color: #800299;
        --accent-color: #800299;
        --dark-bg: #1a1a1a;
        --light-text: #ddd;
        --button-padding: 6px 8px;
        --button-font-size: 12px;
        --transition-speed: 0.3s;
        --border-radius: 8px;
        --focus-outline: 2px dashed var(--accent-color);
    }

    /* ------------------ General Tabs Styles ------------------ */
    .custom-tabs {
        background-color: #111;
        color: var(--gold-color);
        padding: 20px;
        border-radius: var(--border-radius);
        font-family: Arial, sans-serif;
        width: 100%;
        box-sizing: border-box;
    }

    /* Tab List */
    .custom-tabs .tab-list {
        list-style: none;
        display: flex;
        border-bottom: 2px solid var(--gold-color);
        padding: 0;
        margin: 0 0 20px 0;
        cursor: pointer;
        overflow-x: auto;
    }

    /* Individual Tabs */
    .custom-tabs .tab {
        padding: 10px 20px;
        cursor: pointer;
        transition: background-color var(--transition-speed), transform 0.2s;
        white-space: normal;
        overflow-wrap: break-word;
        flex: 1;
        text-align: center;
        border-radius: 4px 4px 0 0;
        position: relative;
    }

    .custom-tabs .tab.active,
    .custom-tabs .tab:hover {
        background-color: var(--gold-color);
        color: #111;
        transform: scale(1.05);
    }

    .custom-tabs .tab.active::after {
        content: '';
        position: absolute;
        bottom: -2px;
        left: 50%;
        transform: translateX(-50%);
        width: 0;
        height: 0;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 6px solid var(--gold-color);
    }

    /* Tab Panels */
    .custom-tabs .tab-content {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .custom-tabs .tab-panel {
        display: none;
    }

    .custom-tabs .tab-panel.active {
        display: block;
    }

    /* Responsive Adjustments for Tabs */
    @media (max-width: 600px) {
        .custom-tabs .tab-list {
            flex-direction: column;
            align-items: stretch;
        }

        .custom-tabs .tab {
            width: 100%;
            font-size: 14px;
            padding: 8px 12px;
        }
    }

    /* ------------------ Game Search Section Styles ------------------ */
    /* Game Search Container */
    [data-ssa-gts-id="gamesSidebar"] {
        background-color: var(--dark-bg);
        color: var(--gold-color);
        padding: 20px;
        border-radius: var(--border-radius);
        width: 100%;
        box-sizing: border-box;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    }

    /* Section Title */
    [data-ssa-gts-id="gamesSidebar"] h2 {
        margin-bottom: 15px;
        font-size: 20px;
        text-align: center;
    }

    /* Category Buttons Container */
    [data-ssa-gts-id="gamesSidebar"] [data-ssa-gts-id="gameCategoryButtons_side"] {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        margin-bottom: 15px;
        justify-content: center;
        overflow-x: auto;
    }

    /* Individual Category Buttons */
    [data-ssa-gts-id="gamesSidebar"] .game-category-button {
        background-color: var(--gold-color);
        color: #111;
        border: none;
        padding: var(--button-padding);
        border-radius: 4px;
        cursor: pointer;
        font-size: var(--button-font-size);
        transition: background-color var(--transition-speed), transform 0.2s;
        position: relative;
        flex: 0 1 auto;
    }

    [data-ssa-gts-id="gamesSidebar"] .game-category-button:hover,
    [data-ssa-gts-id="gamesSidebar"] .game-category-button.active {
        background-color: var(--accent-color);
        transform: scale(1.05);
    }

    /* Active Category Indicator */
    [data-ssa-gts-id="gamesSidebar"] .game-category-button.active::after {
        content: '';
        position: absolute;
        bottom: -4px;
        left: 50%;
        transform: translateX(-50%);
        width: 0;
        height: 0;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 6px solid var(--accent-color);
    }

    /* :focus state for accessibility */
    [data-ssa-gts-id="gamesSidebar"] .game-category-button:focus {
        outline: var(--focus-outline);
        outline-offset: 2px;
    }

    /* Sort Options Container */
    [data-ssa-gts-id="gamesSidebar"] [data-ssa-gts-id="gameSortOptions"] {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        margin-bottom: 15px;
        justify-content: center;
    }

    /* Dropdown Selects */
    [data-ssa-gts-id="gamesSidebar"] .game-sort-select {
        background-color: var(--dark-bg);
        color: var(--gold-color);
        border: 1px solid var(--gold-color);
        padding: 6px 10px;
        border-radius: 4px;
        font-size: 14px;
        cursor: pointer;
        appearance: none;
        background-image: url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="%23f0c419"><path d="M6 9l-5-5h10L6 9z"/></svg>');
        background-repeat: no-repeat;
        background-position: right 10px center;
        background-size: 12px;
        flex: 1 1 150px;
        min-width: 120px;
        transition: border-color var(--transition-speed);
    }

    [data-ssa-gts-id="gamesSidebar"] .game-sort-select:focus {
        outline: none;
        border-color: var(--accent-color);
    }

    /* Search Bar Styling */
    [data-ssa-gts-id="gamesSidebar"] [data-ssa-gts-id="gameSearchBar"] {
        margin-bottom: 15px;
        position: relative;
    }

    [data-ssa-gts-id="gamesSidebar"] [data-ssa-gts-id="gameSearchBar"] input {
        width: 100%;
        padding: 8px 12px;
        border-radius: 4px;
        border: 1px solid var(--gold-color);
        background-color: var(--dark-bg);
        color: var(--gold-color);
        font-size: 14px;
        transition: border-color var(--transition-speed);
    }

    [data-ssa-gts-id="gamesSidebar"] [data-ssa-gts-id="gameSearchBar"] input::placeholder {
        color: #ccc;
    }

    [data-ssa-gts-id="gamesSidebar"] [data-ssa-gts-id="gameSearchBar"] input:focus {
        outline: none;
        border-color: var(--accent-color);
    }

    /* Auto-suggest Dropdown */
    [data-ssa-gts-id="gamesSidebar"] [data-ssa-gts-id="gameSearchSuggestions"] {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background-color: var(--dark-bg);
        border: 1px solid var(--gold-color);
        border-top: none;
        max-height: 150px;
        overflow-y: auto;
        z-index: 1000;
    }

    [data-ssa-gts-id="gamesSidebar"] .game-suggestion-item {
        padding: 8px 12px;
        cursor: pointer;
        color: var(--gold-color);
        transition: background-color var(--transition-speed);
        font-size: 12px; /* Smaller font size for suggestions */
    }

    [data-ssa-gts-id="gamesSidebar"] .game-suggestion-item:hover {
        background-color: #333;
    }

    /* Message for No Suggestions */
    [data-ssa-gts-id="gamesSidebar"] .no-game-suggestions {
        padding: 8px 12px;
        color: #ccc;
        font-size: 14px;
    }

    /* Games Container */
    [data-ssa-gts-id="gamesSidebar"] [data-ssa-gts-id="gamesContainer"] {
        display: flex;
        flex-direction: column;
        gap: 15px;
        max-height: 600px; /* Adjust as needed */
        overflow-y: auto;
    }

    /* Individual Game Item */
    [data-ssa-gts-id="gamesSidebar"] .game-item {
        background-color: var(--dark-bg);
        padding: 15px;
        border-radius: 6px;
        display: flex;
        align-items: flex-start;
        gap: 10px;
        transition: background-color var(--transition-speed), transform 0.3s;
    }

    [data-ssa-gts-id="gamesSidebar"] .game-item:hover {
        background-color: #333;
        transform: scale(1.02);
    }

    [data-ssa-gts-id="gamesSidebar"] .game-item i {
        font-size: 24px;
        color: var(--gold-color);
        min-width: 30px;
        margin-top: 4px;
    }

    [data-ssa-gts-id="gamesSidebar"] .game-content {
        flex: 1;
    }

    [data-ssa-gts-id="gamesSidebar"] .game-content h4 {
        margin: 0 0 5px 0;
        font-size: 16px;
        color: var(--gold-color);
    }

    [data-ssa-gts-id="gamesSidebar"] .game-content a {
        text-decoration: none;
        color: var(--gold-color);
        transition: color var(--transition-speed);
    }

    [data-ssa-gts-id="gamesSidebar"] .game-content a:hover {
        color: #fff;
    }

    [data-ssa-gts-id="gamesSidebar"] .game-content p {
        margin: 0;
        font-size: 14px;
        color: #ccc;
    }

    /* Pagination Button */
    [data-ssa-gts-id="gamesSidebar"] [data-ssa-gts-id="gameShowMoreButton"] {
        background-color: var(--gold-color);
        color: #111;
        border: none;
        padding: 10px 16px;
        border-radius: 4px;
        cursor: pointer;
        font-size: 14px;
        transition: background-color var(--transition-speed), transform 0.2s;
        margin: 15px auto;
        display: block;
        width: 200px;
    }

    [data-ssa-gts-id="gamesSidebar"] [data-ssa-gts-id="gameShowMoreButton"]:hover {
        background-color: var(--accent-color);
        transform: scale(1.05);
    }

    [data-ssa-gts-id="gamesSidebar"] [data-ssa-gts-id="gameShowMoreButton"]:disabled,
    [data-ssa-gts-id="toolsSidebar"] [data-ssa-gts-id="showMoreButton"]:disabled {
        cursor: not-allowed;
        opacity: 0.68;
        transform: none;
    }

    /* CTA Button */
    [data-ssa-gts-id="gamesSidebar"] [data-ssa-gts-id="gameCTAButton"] {
        background-color: var(--gold-color);
        color: #111;
        border: none;
        padding: 12px 16px;
        border-radius: 4px;
        cursor: pointer;
        font-size: 16px;
        transition: background-color var(--transition-speed), transform 0.2s;
        width: 100%;
        display: block;
        text-align: center;
        text-decoration: none;
        margin-top: 20px;
    }

/* Final cascade guard: keep the combined search on the SSA dark-neon system. */
.ssa-game-tool-search-shortcode .custom-tabs,
.ssa-game-tool-search-shortcode [data-ssa-gts-id="gamesSidebar"],
.ssa-game-tool-search-shortcode [data-ssa-gts-id="toolsSidebar"],
.ssa-game-tool-search-shortcode .tab-panel,
.ssa-game-tool-search-shortcode .game-item,
.ssa-game-tool-search-shortcode .tool-item,
.ssa-game-tool-search-shortcode .game-card,
.ssa-game-tool-search-shortcode .tool-card,
.ssa-game-tool-search-shortcode .ssa-gts-recommendations .ssa-aie-block,
.ssa-game-tool-search-shortcode .ssa-gts-recommendations .ssa-aie-products,
.ssa-game-tool-search-shortcode .ssa-gts-recommendations .ssa-aie-recommendations {
    background: radial-gradient(circle at top left, rgba(45, 212, 191, 0.12), transparent 34%), linear-gradient(180deg, rgba(8,18,34,.98), rgba(3,8,18,.98)) !important;
    border: 1px solid rgba(45,212,191,.34) !important;
    border-radius: 16px !important;
    color: #dbeafe !important;
    box-shadow: 0 14px 32px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.04) !important;
}

.ssa-game-tool-search-shortcode :is(h1,h2,h3,h4,strong,b) {
    color: #ffffff !important;
}

.ssa-game-tool-search-shortcode :is(p,li,span,label,div) {
    color: #dbeafe !important;
}

.ssa-game-tool-search-shortcode :is(a,a:visited) {
    color: #67e8f9 !important;
}

.ssa-game-tool-search-shortcode :is(button,.tab,.game-category-button,.tool-category-button,.category-button,.pagination-button,.go-to-button) {
    background: rgba(2,6,23,.88) !important;
    border: 1px solid rgba(56,189,248,.42) !important;
    border-radius: 12px !important;
    color: #eaf8ff !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04) !important;
}

.ssa-game-tool-search-shortcode :is(button,.tab,.game-category-button,.tool-category-button,.category-button,.pagination-button,.go-to-button):hover,
.ssa-game-tool-search-shortcode .custom-tabs .tab.active {
    background: linear-gradient(135deg, rgba(6,78,87,.96), rgba(8,47,73,.96)) !important;
    border-color: rgba(45,212,191,.72) !important;
    color: #ffffff !important;
    transform: none !important;
}

.ssa-game-tool-search-shortcode :is(input,select,textarea) {
    background: rgba(2,6,23,.88) !important;
    border: 1px solid rgba(56,189,248,.42) !important;
    border-radius: 12px !important;
    color: #f4fdff !important;
}

.ssa-game-tool-search-shortcode input::placeholder {
    color: #bfdbfe !important;
}

/* Absolute final pass for tool search: keep action buttons readable after legacy guards. */
.ssa-game-tool-search-shortcode :is([data-ssa-gts-id="gameShowMoreButton"], [data-ssa-gts-id="showMoreButton"], [data-ssa-gts-id="gameCTAButton"], [data-ssa-gts-id="ctaButton"], .go-to-button, .pagination-button, .game-category-button, .tool-category-button, .category-button) {
    min-height: 44px !important;
    width: auto !important;
    max-width: 100% !important;
    padding: 10px 16px !important;
    background: linear-gradient(135deg, #2dd4bf, #38bdf8) !important;
    border: 1px solid rgba(125, 249, 255, 0.72) !important;
    color: #031018 !important;
    -webkit-text-fill-color: #031018 !important;
    font-weight: 800 !important;
    text-shadow: none !important;
}

.ssa-game-tool-search-shortcode :is(.custom-tabs .tab, .custom-tabs .tab.active) {
    min-height: 44px !important;
    color: #f4fdff !important;
    -webkit-text-fill-color: #f4fdff !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
}

.ssa-game-tool-search-shortcode :is(.game-item, .tool-item, .game-card, .tool-card, .game-suggestion-item, .suggestion-item, .no-games-message, .no-tools-message) {
    padding: 14px !important;
    background:
        radial-gradient(circle at 8% 0%, rgba(45, 212, 191, 0.08), transparent 30%),
        linear-gradient(180deg, rgba(8,18,34,.96), rgba(3,8,18,.96)) !important;
    border-color: rgba(56,189,248,.34) !important;
    color: #dbeafe !important;
}

@media (max-width: 640px) {
    .ssa-game-tool-search-shortcode :is([data-ssa-gts-id="gameShowMoreButton"], [data-ssa-gts-id="showMoreButton"], [data-ssa-gts-id="gameCTAButton"], [data-ssa-gts-id="ctaButton"], .go-to-button, .pagination-button) {
        width: 100% !important;
    }
}

/* Dropdown filter UX: replace crowded category/tag button clusters. */
.ssa-game-tool-search-shortcode :is([data-ssa-gts-id="gameCategoryButtons_side"], [data-ssa-gts-id="CategoryButtons_side"]) {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    align-items: end !important;
    justify-content: stretch !important;
    margin-bottom: 15px !important;
    overflow: visible !important;
}

.ssa-game-tool-search-shortcode .ssa-gts-filter-control {
    display: grid !important;
    gap: 5px !important;
    min-width: 0 !important;
}

.ssa-game-tool-search-shortcode .ssa-gts-filter-control span {
    color: #dbeafe !important;
    font-size: 0.78rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.02em !important;
    text-transform: uppercase !important;
}

.ssa-game-tool-search-shortcode :is(.game-category-select, .game-tag-select, .tool-category-select, .tool-tag-select, .filter-select) {
    width: 100% !important;
    min-height: 44px !important;
    padding: 10px 38px 10px 12px !important;
    background:
        linear-gradient(45deg, transparent 50%, #8eeaff 50%),
        linear-gradient(135deg, #8eeaff 50%, transparent 50%),
        linear-gradient(180deg, rgba(2, 6, 23, 0.94), rgba(8, 18, 34, 0.96)) !important;
    background-position: calc(100% - 18px) 19px, calc(100% - 13px) 19px, 0 0 !important;
    background-repeat: no-repeat !important;
    background-size: 5px 5px, 5px 5px, 100% 100% !important;
    border: 1px solid rgba(56, 189, 248, 0.52) !important;
    border-radius: 12px !important;
    color: #f4fdff !important;
    -webkit-text-fill-color: #f4fdff !important;
    cursor: pointer !important;
}

.ssa-game-tool-search-shortcode :is(.game-category-select, .game-tag-select, .tool-category-select, .tool-tag-select, .filter-select):focus-visible {
    outline: 2px solid rgba(45, 212, 191, 0.78) !important;
    outline-offset: 2px !important;
}

@media (max-width: 640px) {
    .ssa-game-tool-search-shortcode :is([data-ssa-gts-id="gameCategoryButtons_side"], [data-ssa-gts-id="CategoryButtons_side"], [data-ssa-gts-id="additionalFilters"]) {
        grid-template-columns: 1fr !important;
    }
}

/* Final polish for game/tool search tabs, empty states, buttons, and result cards. */
.ssa-game-tool-search-shortcode {
    max-width: 100% !important;
    overflow-x: hidden !important;
}

.ssa-game-tool-search-shortcode :is(.custom-tabs, [data-ssa-gts-id="gamesSidebar"], [data-ssa-gts-id="toolsSidebar"]) {
    padding: clamp(14px, 2vw, 22px) !important;
}

.ssa-game-tool-search-shortcode :is(.tab-list, [data-ssa-gts-id="gameCategoryButtons_side"], [data-ssa-gts-id="CategoryButtons_side"], .pagination, .go-to-buttons) {
    gap: 10px !important;
}

.ssa-game-tool-search-shortcode :is([data-ssa-gts-id="gameShowMoreButton"], [data-ssa-gts-id="showMoreButton"], [data-ssa-gts-id="gameCTAButton"], [data-ssa-gts-id="ctaButton"], .go-to-button, .pagination-button, .game-category-button, .tool-category-button, .category-button) {
    min-height: 44px !important;
    width: auto !important;
    max-width: 100% !important;
    padding: 10px 16px !important;
    background: linear-gradient(135deg, #2dd4bf, #38bdf8) !important;
    border: 1px solid rgba(125, 249, 255, 0.72) !important;
    color: #031018 !important;
    -webkit-text-fill-color: #031018 !important;
    font-weight: 800 !important;
    text-shadow: none !important;
}

.ssa-game-tool-search-shortcode :is(.custom-tabs .tab, .custom-tabs .tab.active) {
    min-height: 44px !important;
    color: #f4fdff !important;
    -webkit-text-fill-color: #f4fdff !important;
}

.ssa-game-tool-search-shortcode :is(.game-item, .tool-item, .game-card, .tool-card, .game-suggestion-item, .suggestion-item, .no-games-message, .no-tools-message) {
    padding: 14px !important;
    background:
        radial-gradient(circle at 8% 0%, rgba(45, 212, 191, 0.08), transparent 30%),
        linear-gradient(180deg, rgba(8,18,34,.96), rgba(3,8,18,.96)) !important;
    border-color: rgba(56,189,248,.34) !important;
    color: #dbeafe !important;
}

.ssa-game-tool-search-shortcode :is(.game-card img, .game-item img, .tool-card img, .tool-item img) {
    max-width: 100% !important;
    height: auto !important;
}

@media (max-width: 640px) {
    .ssa-game-tool-search-shortcode :is([data-ssa-gts-id="gamesSidebar"], [data-ssa-gts-id="toolsSidebar"], .custom-tabs) {
        padding: 12px !important;
        border-radius: 12px !important;
    }

    .ssa-game-tool-search-shortcode :is([data-ssa-gts-id="gameShowMoreButton"], [data-ssa-gts-id="showMoreButton"], [data-ssa-gts-id="gameCTAButton"], [data-ssa-gts-id="ctaButton"], .go-to-button, .pagination-button) {
        width: 100% !important;
    }
}

/* SSA dark-neon final skin */
.ssa-game-tool-search-shortcode {
    --ssa-gts-bg: #020617;
    --ssa-gts-panel: rgba(8, 18, 34, 0.98);
    --ssa-gts-panel-deep: rgba(3, 8, 18, 0.98);
    --ssa-gts-line: rgba(45, 212, 191, 0.34);
    --ssa-gts-line-blue: rgba(56, 189, 248, 0.42);
    --ssa-gts-text: #f4fdff;
    --ssa-gts-muted: #dbeafe;
    --ssa-gts-cyan: #67e8f9;
    --ssa-gts-teal: #2dd4bf;
    color-scheme: dark;
}

.ssa-game-tool-search-shortcode .custom-tabs,
.ssa-game-tool-search-shortcode [data-ssa-gts-id="gamesSidebar"],
.ssa-game-tool-search-shortcode [data-ssa-gts-id="toolsSidebar"],
.ssa-game-tool-search-shortcode .tab-panel,
.ssa-game-tool-search-shortcode .game-item,
.ssa-game-tool-search-shortcode .tool-item,
.ssa-game-tool-search-shortcode .game-card,
.ssa-game-tool-search-shortcode .tool-card,
.ssa-game-tool-search-shortcode .ssa-gts-recommendations .ssa-aie-block,
.ssa-game-tool-search-shortcode .ssa-gts-recommendations .ssa-aie-products,
.ssa-game-tool-search-shortcode .ssa-gts-recommendations .ssa-aie-recommendations {
    background: radial-gradient(circle at top left, rgba(45, 212, 191, 0.12), transparent 34%), linear-gradient(180deg, var(--ssa-gts-panel), var(--ssa-gts-panel-deep)) !important;
    border: 1px solid var(--ssa-gts-line) !important;
    border-radius: 16px !important;
    color: var(--ssa-gts-muted) !important;
    box-shadow: 0 14px 32px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.04) !important;
}

.ssa-game-tool-search-shortcode :is(h1, h2, h3, h4, strong, b, .tab.active) {
    color: #ffffff !important;
}

.ssa-game-tool-search-shortcode :is(p, li, span, label, div) {
    color: var(--ssa-gts-muted) !important;
}

.ssa-game-tool-search-shortcode :is(a, a:visited) {
    color: var(--ssa-gts-cyan) !important;
}

.ssa-game-tool-search-shortcode .custom-tabs .tab-list {
    gap: 8px !important;
    border-bottom: 1px solid var(--ssa-gts-line) !important;
}

.ssa-game-tool-search-shortcode .custom-tabs .tab,
.ssa-game-tool-search-shortcode button,
.ssa-game-tool-search-shortcode .game-category-button,
.ssa-game-tool-search-shortcode .tool-category-button,
.ssa-game-tool-search-shortcode .go-to-button {
    border: 1px solid var(--ssa-gts-line-blue) !important;
    border-radius: 12px !important;
    background: rgba(2,6,23,.88) !important;
    color: #eaf8ff !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04) !important;
}

.ssa-game-tool-search-shortcode .custom-tabs .tab.active,
.ssa-game-tool-search-shortcode .custom-tabs .tab:hover,
.ssa-game-tool-search-shortcode button:hover,
.ssa-game-tool-search-shortcode .game-category-button:hover,
.ssa-game-tool-search-shortcode .tool-category-button:hover,
.ssa-game-tool-search-shortcode .go-to-button:hover {
    background: linear-gradient(135deg, rgba(6,78,87,.96), rgba(8,47,73,.96)) !important;
    border-color: rgba(45,212,191,.72) !important;
    color: #ffffff !important;
}

.ssa-game-tool-search-shortcode input,
.ssa-game-tool-search-shortcode select {
    border: 1px solid var(--ssa-gts-line-blue) !important;
    border-radius: 12px !important;
    background: rgba(2,6,23,.88) !important;
    color: var(--ssa-gts-text) !important;
}

.ssa-game-tool-search-shortcode input::placeholder {
    color: #bfdbfe !important;
}

.ssa-game-tool-search-shortcode .ssa-gts-recommendations {
    margin-top: 18px !important;
}

.ssa-game-tool-search-shortcode .ssa-gts-recommendations .ssa-aie-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)) !important;
    gap: 16px !important;
}

.ssa-game-tool-search-shortcode .ssa-gts-recommendations .ssa-aie-card,
.ssa-game-tool-search-shortcode .ssa-gts-recommendations .ssa-aie-product-card {
    background: rgba(2,6,23,.88) !important;
    border: 1px solid var(--ssa-gts-line-blue) !important;
    border-radius: 14px !important;
    padding: 16px !important;
}

    [data-ssa-gts-id="gamesSidebar"] [data-ssa-gts-id="gameCTAButton"]:hover {
        background-color: var(--accent-color);
        transform: translateY(-2px);
    }

    /* Loading Spinner */
    .loading-spinner {
        border: 4px solid #f3f3f3; /* Light grey */
        border-top: 4px solid var(--gold-color); /* Goldenrod */
        border-radius: 50%;
        width: 24px;
        height: 24px;
        animation: spin 1s linear infinite;
        margin: 0 auto;
        display: none; /* Hidden by default */
    }

    @keyframes spin {
        0% { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
    }

    /* Scrollbar Styling for Suggestions */
    [data-ssa-gts-id="gamesSidebar"] [data-ssa-gts-id="gameSearchSuggestions"]::-webkit-scrollbar {
        width: 6px;
    }

    [data-ssa-gts-id="gamesSidebar"] [data-ssa-gts-id="gameSearchSuggestions"]::-webkit-scrollbar-track {
        background: #111;
    }

    [data-ssa-gts-id="gamesSidebar"] [data-ssa-gts-id="gameSearchSuggestions"]::-webkit-scrollbar-thumb {
        background-color: var(--gold-color);
        border-radius: 3px;
    }

    /* No Games Message */
    [data-ssa-gts-id="gamesSidebar"] .no-games-message {
        color: #ccc;
        font-size: 14px;
        text-align: center;
    }

    [data-ssa-gts-id="gamesSidebar"] .end-results-message,
    [data-ssa-gts-id="toolsSidebar"] .end-results-message {
        margin: 4px 0 0;
        padding: 12px 14px;
        border: 1px solid rgba(45, 211, 218, 0.55);
        border-radius: 8px;
        background: rgba(3, 10, 18, 0.92);
        color: #dffbff;
        font-size: 14px;
        font-weight: 700;
        text-align: center;
        box-shadow: inset 0 0 18px rgba(45, 211, 218, 0.08);
    }

    /* ------------------ Tool Search Section Styles ------------------ */
    /* Section Title */
    [data-ssa-gts-id="toolsSidebar"] h2 {
        margin-bottom: 15px;
        font-size: 20px;
        text-align: center;
    }

    /* Tool Search Container */
    [data-ssa-gts-id="toolsSidebar"] {
        background-color: var(--dark-bg);
        color: var(--gold-color);
        padding: 20px;
        border-radius: var(--border-radius);
        width: 100%;
        box-sizing: border-box;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    }

    /* Category Buttons Container */
    [data-ssa-gts-id="toolsSidebar"] [data-ssa-gts-id="CategoryButtons_side"] {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        margin-bottom: 15px;
        overflow-x: auto;
        justify-content: center;
    }

    /* Individual Category Buttons */
    [data-ssa-gts-id="toolsSidebar"] .category-button {
        background-color: var(--gold-color);
        color: #111;
        border: none;
        padding: var(--button-padding);
        border-radius: 4px;
        cursor: pointer;
        font-size: var(--button-font-size);
        transition: background-color var(--transition-speed), transform 0.2s;
        position: relative;
        flex: 0 1 auto;
    }

    [data-ssa-gts-id="toolsSidebar"] .category-button:hover,
    [data-ssa-gts-id="toolsSidebar"] .category-button.active {
        background-color: var(--accent-color);
        transform: scale(1.05);
    }

    /* Active Category Indicator */
    [data-ssa-gts-id="toolsSidebar"] .category-button.active::after {
        content: '';
        position: absolute;
        bottom: -4px;
        left: 50%;
        transform: translateX(-50%);
        width: 0;
        height: 0;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 6px solid var(--accent-color);
    }

    /* :focus state for accessibility */
    [data-ssa-gts-id="toolsSidebar"] .category-button:focus {
        outline: var(--focus-outline);
        outline-offset: 2px;
    }

    /* Additional Filters Container */
    [data-ssa-gts-id="toolsSidebar"] [data-ssa-gts-id="additionalFilters"] {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        margin-bottom: 15px;
        justify-content: center;
    }

    /* Dropdown Selects */
    [data-ssa-gts-id="toolsSidebar"] .filter-select {
        background-color: var(--dark-bg);
        color: var(--gold-color);
        border: 1px solid var(--gold-color);
        padding: 6px 10px;
        border-radius: 4px;
        font-size: 14px;
        cursor: pointer;
        appearance: none;
        background-image: url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="%23f0c419"><path d="M6 9l-5-5h10L6 9z"/></svg>');
        background-repeat: no-repeat;
        background-position: right 10px center;
        background-size: 12px;
        flex: 1 1 45%;
        min-width: 120px;
        transition: border-color var(--transition-speed);
    }

    [data-ssa-gts-id="toolsSidebar"] .filter-select:focus {
        outline: none;
        border-color: var(--accent-color);
    }

    /* Search Bar Styling */
    [data-ssa-gts-id="toolsSidebar"] [data-ssa-gts-id="searchBar"] {
        margin-bottom: 15px;
        position: relative;
    }

    [data-ssa-gts-id="toolsSidebar"] [data-ssa-gts-id="searchBar"] input {
        width: 100%;
        padding: 8px 12px;
        border-radius: 4px;
        border: 1px solid var(--gold-color);
        background-color: var(--dark-bg);
        color: var(--gold-color);
        font-size: 14px;
        transition: border-color var(--transition-speed);
    }

    [data-ssa-gts-id="toolsSidebar"] [data-ssa-gts-id="searchBar"] input::placeholder {
        color: #ddd;
    }

    [data-ssa-gts-id="toolsSidebar"] [data-ssa-gts-id="searchBar"] input:focus {
        outline: none;
        border-color: var(--accent-color);
    }

    /* Auto-suggest Dropdown */
    [data-ssa-gts-id="toolsSidebar"] [data-ssa-gts-id="searchSuggestions"] {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background-color: var(--dark-bg);
        border: 1px solid var(--gold-color);
        border-top: none;
        max-height: 150px;
        overflow-y: auto;
        z-index: 1000;
    }

    [data-ssa-gts-id="toolsSidebar"] .suggestion-item {
        padding: 8px 12px;
        cursor: pointer;
        color: var(--gold-color);
        transition: background-color var(--transition-speed);
        font-size: 12px; /* Smaller font size for suggestions */
    }

    [data-ssa-gts-id="toolsSidebar"] .suggestion-item:hover {
        background-color: #333;
    }

    /* Message for No Suggestions */
    [data-ssa-gts-id="toolsSidebar"] .no-suggestions {
        padding: 8px 12px;
        color: #ddd;
        font-size: 14px;
    }

    /* Tools Container */
    [data-ssa-gts-id="toolsSidebar"] [data-ssa-gts-id="toolsContainer"] {
        display: flex;
        flex-direction: column;
        gap: 15px;
        max-height: 600px; /* Adjust as needed */
        overflow-y: auto;
    }

    /* Individual Tool Item */
    [data-ssa-gts-id="toolsSidebar"] .tool-item {
        background-color: var(--dark-bg);
        padding: 15px;
        border-radius: 6px;
        display: flex;
        align-items: flex-start;
        gap: 10px;
        transition: background-color var(--transition-speed), transform 0.3s;
    }

    [data-ssa-gts-id="toolsSidebar"] .tool-item:hover {
        background-color: #333;
        transform: scale(1.02);
    }

    [data-ssa-gts-id="toolsSidebar"] .tool-item i {
        font-size: 24px;
        color: var(--gold-color);
        min-width: 30px;
        margin-top: 4px;
    }

    [data-ssa-gts-id="toolsSidebar"] .tool-content {
        flex: 1;
    }

    [data-ssa-gts-id="toolsSidebar"] .tool-content h4 {
        margin: 0 0 5px 0;
        font-size: 16px;
        color: var(--gold-color);
    }

    [data-ssa-gts-id="toolsSidebar"] .tool-content a {
        text-decoration: none;
        color: var(--gold-color);
        transition: color var(--transition-speed);
    }

    [data-ssa-gts-id="toolsSidebar"] .tool-content a:hover {
        color: #fff;
    }

    [data-ssa-gts-id="toolsSidebar"] .tool-content p {
        margin: 0;
        font-size: 14px;
        color: #ddd;
    }

    /* Show More Button */
    [data-ssa-gts-id="toolsSidebar"] [data-ssa-gts-id="showMoreButton"] {
        background-color: var(--gold-color);
        color: #000;
        border: none;
        padding: 10px 16px;
        border-radius: 4px;
        cursor: pointer;
        font-size: 14px;
        transition: background-color var(--transition-speed), transform 0.2s;
        margin: 15px 0;
        width: 100%;
    }

    [data-ssa-gts-id="toolsSidebar"] [data-ssa-gts-id="showMoreButton"]:hover {
        background-color: var(--accent-color);
        transform: scale(1.05);
    }

    /* CTA Button */
    [data-ssa-gts-id="toolsSidebar"] [data-ssa-gts-id="ctaButton"] {
        background-color: var(--gold-color);
        color: #000;
        border: none;
        padding: 12px 16px;
        border-radius: 4px;
        cursor: pointer;
        font-size: 16px;
        transition: background-color var(--transition-speed), transform 0.2s;
        width: 100%;
        display: block;
        text-align: center;
        text-decoration: none;
        margin-top: 10px;
    }

    [data-ssa-gts-id="toolsSidebar"] [data-ssa-gts-id="ctaButton"]:hover {
        background-color: var(--accent-color);
        transform: translateY(-2px);
    }

    /* Loading Spinner */
    .loading-spinner {
        border: 4px solid #f3f3f3; /* Light grey */
        border-top: 4px solid var(--gold-color); /* Goldenrod */
        border-radius: 50%;
        width: 24px;
        height: 24px;
        animation: spin 1s linear infinite;
        margin: 0 auto;
        display: none; /* Hidden by default */
    }

    @keyframes spin {
        0% { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
    }

    /* Scrollbar Styling for Suggestions */
    [data-ssa-gts-id="toolsSidebar"] [data-ssa-gts-id="searchSuggestions"]::-webkit-scrollbar {
        width: 6px;
    }

    [data-ssa-gts-id="toolsSidebar"] [data-ssa-gts-id="searchSuggestions"]::-webkit-scrollbar-track {
        background: var(--dark-bg);
    }

    [data-ssa-gts-id="toolsSidebar"] [data-ssa-gts-id="searchSuggestions"]::-webkit-scrollbar-thumb {
        background-color: var(--gold-color);
        border-radius: 3px;
    }

    /* No Tools Message */
    [data-ssa-gts-id="toolsSidebar"] .no-tools-message {
        color: #ddd;
        font-size: 14px;
        text-align: center;
    }

    /* Accessibility: Visually Hidden */
    .visually-hidden {
        position: absolute;
        left: -10000px;
        top: auto;
        width: 1px;
        height: 1px;
        overflow: hidden;
    }

    /* Accessibility: Focus Indicators */
    .game-category-button:focus, .category-button:focus, .filter-select:focus, .game-sort-select:focus,
    [data-ssa-gts-id="gameShowMoreButton"]:focus, [data-ssa-gts-id="gameCTAButton"]:focus, [data-ssa-gts-id="showMoreButton"]:focus, [data-ssa-gts-id="ctaButton"]:focus,
    .clear-filters-button:focus {
        outline: var(--focus-outline);
        outline-offset: 2px;
    }

    /* Responsive Styles */
    @media (max-width: 768px) {
        /* Adjust category buttons to fit more on smaller screens */
        [data-ssa-gts-id="gamesSidebar"] [data-ssa-gts-id="gameCategoryButtons_side"],
        [data-ssa-gts-id="toolsSidebar"] [data-ssa-gts-id="CategoryButtons_side"] {
            gap: 6px;
        }

        .game-category-button, .category-button {
            font-size: var(--button-font-size);
            padding: var(--button-padding);
            flex: 1 1 auto;
        }

        .filter-select, .game-sort-select {
            flex: 1 1 100%;
        }

        .search-bar input {
            font-size: 16px;
        }

        .game-suggestion-item, .suggestion-item {
            font-size: 12px;
        }

        [data-ssa-gts-id="gamesSidebar"] .game-suggestion-item,
        [data-ssa-gts-id="toolsSidebar"] .suggestion-item {
            padding: 6px 10px;
        }

        /* Adjust font sizes within items */
        [data-ssa-gts-id="gamesSidebar"] .game-content h4,
        [data-ssa-gts-id="toolsSidebar"] .tool-content h4 {
            font-size: 16px;
        }

        [data-ssa-gts-id="gamesSidebar"] .game-content p,
        [data-ssa-gts-id="toolsSidebar"] .tool-content p {
            font-size: 14px;
        }

        /* Adjust buttons */
        [data-ssa-gts-id="gamesSidebar"] [data-ssa-gts-id="gameShowMoreButton"],
        [data-ssa-gts-id="toolsSidebar"] [data-ssa-gts-id="showMoreButton"] {
            font-size: 14px;
            padding: 8px 12px;
        }

        [data-ssa-gts-id="gamesSidebar"] [data-ssa-gts-id="gameCTAButton"],
        [data-ssa-gts-id="toolsSidebar"] [data-ssa-gts-id="ctaButton"] {
            font-size: 14px;
            padding: 10px 14px;
        }
    }

    @media (max-width: 480px) {
        /* Further adjust category buttons for very small screens */
        [data-ssa-gts-id="gamesSidebar"] [data-ssa-gts-id="gameCategoryButtons_side"],
        [data-ssa-gts-id="toolsSidebar"] [data-ssa-gts-id="CategoryButtons_side"] {
            gap: 4px;
        }

        .game-category-button, .category-button {
            font-size: 12px;
            padding: 4px 6px;
        }

        .filter-select, .game-sort-select {
            font-size: 12px;
            padding: 4px 8px;
        }

        .search-bar input {
            font-size: 14px;
        }

        .game-suggestion-item, .suggestion-item {
            font-size: 12px;
            padding: 6px 8px;
        }

        /* Adjust font sizes within items */
        [data-ssa-gts-id="gamesSidebar"] .game-content h4,
        [data-ssa-gts-id="toolsSidebar"] .tool-content h4 {
            font-size: 14px;
        }

        [data-ssa-gts-id="gamesSidebar"] .game-content p,
        [data-ssa-gts-id="toolsSidebar"] .tool-content p {
            font-size: 12px;
        }

        /* Adjust buttons */
        [data-ssa-gts-id="gamesSidebar"] [data-ssa-gts-id="gameShowMoreButton"],
        [data-ssa-gts-id="toolsSidebar"] [data-ssa-gts-id="showMoreButton"] {
            font-size: 12px;
            padding: 6px 10px;
            width: 150px;
        }

        [data-ssa-gts-id="gamesSidebar"] [data-ssa-gts-id="gameCTAButton"],
        [data-ssa-gts-id="toolsSidebar"] [data-ssa-gts-id="ctaButton"] {
            font-size: 14px;
            padding: 10px 12px;
        }
    }

/* True final cascade guard: placed after legacy responsive rules. */
.ssa-game-tool-search-shortcode .custom-tabs,
.ssa-game-tool-search-shortcode [data-ssa-gts-id="gamesSidebar"],
.ssa-game-tool-search-shortcode [data-ssa-gts-id="toolsSidebar"],
.ssa-game-tool-search-shortcode .tab-panel,
.ssa-game-tool-search-shortcode .game-item,
.ssa-game-tool-search-shortcode .tool-item,
.ssa-game-tool-search-shortcode .game-card,
.ssa-game-tool-search-shortcode .tool-card,
.ssa-game-tool-search-shortcode .game-suggestion-item,
.ssa-game-tool-search-shortcode .suggestion-item,
.ssa-game-tool-search-shortcode .ssa-gts-recommendations .ssa-aie-block,
.ssa-game-tool-search-shortcode .ssa-gts-recommendations .ssa-aie-products,
.ssa-game-tool-search-shortcode .ssa-gts-recommendations .ssa-aie-recommendations {
    background: radial-gradient(circle at top left, rgba(45, 212, 191, 0.12), transparent 34%), linear-gradient(180deg, rgba(8,18,34,.98), rgba(3,8,18,.98)) !important;
    border: 1px solid rgba(45,212,191,.34) !important;
    border-radius: 16px !important;
    color: #dbeafe !important;
    box-shadow: 0 14px 32px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.04) !important;
}

.ssa-game-tool-search-shortcode :is(h1,h2,h3,h4,strong,b) {
    color: #ffffff !important;
}

.ssa-game-tool-search-shortcode :is(p,li,span,label,div) {
    color: #dbeafe !important;
}

.ssa-game-tool-search-shortcode :is(a,a:visited) {
    color: #67e8f9 !important;
}

.ssa-game-tool-search-shortcode :is(button,.tab,.game-category-button,.tool-category-button,.category-button,.pagination-button,.go-to-button) {
    background: rgba(2,6,23,.88) !important;
    border: 1px solid rgba(56,189,248,.42) !important;
    border-radius: 12px !important;
    color: #eaf8ff !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04) !important;
}

.ssa-game-tool-search-shortcode :is(button,.tab,.game-category-button,.tool-category-button,.category-button,.pagination-button,.go-to-button):hover,
.ssa-game-tool-search-shortcode .custom-tabs .tab.active {
    background: linear-gradient(135deg, rgba(6,78,87,.96), rgba(8,47,73,.96)) !important;
    border-color: rgba(45,212,191,.72) !important;
    color: #ffffff !important;
    transform: none !important;
}

.ssa-game-tool-search-shortcode :is(input,select,textarea) {
    background: rgba(2,6,23,.88) !important;
    border: 1px solid rgba(56,189,248,.42) !important;
    border-radius: 12px !important;
    color: #f4fdff !important;
}

.ssa-game-tool-search-shortcode input::placeholder {
    color: #bfdbfe !important;
}
/* Absolute EOF guard for tool search: this must stay after every legacy block. */
.ssa-game-tool-search-shortcode :is([data-ssa-gts-id="gameShowMoreButton"], [data-ssa-gts-id="showMoreButton"], [data-ssa-gts-id="gameCTAButton"], [data-ssa-gts-id="ctaButton"], .go-to-button, .pagination-button, .game-category-button, .tool-category-button, .category-button) {
    min-height: 44px !important;
    width: auto !important;
    max-width: 100% !important;
    padding: 10px 16px !important;
    background: linear-gradient(135deg, #2dd4bf, #38bdf8) !important;
    border: 1px solid rgba(125, 249, 255, 0.72) !important;
    color: #031018 !important;
    -webkit-text-fill-color: #031018 !important;
    font-weight: 800 !important;
    text-shadow: none !important;
}

.ssa-game-tool-search-shortcode :is(.custom-tabs .tab, .custom-tabs .tab.active) {
    min-height: 44px !important;
    color: #f4fdff !important;
    -webkit-text-fill-color: #f4fdff !important;
}

.ssa-game-tool-search-shortcode :is(.game-item, .tool-item, .game-card, .tool-card, .game-suggestion-item, .suggestion-item, .no-games-message, .no-tools-message) {
    padding: 14px !important;
    background:
        radial-gradient(circle at 8% 0%, rgba(45, 212, 191, 0.08), transparent 30%),
        linear-gradient(180deg, rgba(8,18,34,.96), rgba(3,8,18,.96)) !important;
    border-color: rgba(56,189,248,.34) !important;
    color: #dbeafe !important;
}

@media (max-width: 640px) {
    .ssa-game-tool-search-shortcode :is([data-ssa-gts-id="gameShowMoreButton"], [data-ssa-gts-id="showMoreButton"], [data-ssa-gts-id="gameCTAButton"], [data-ssa-gts-id="ctaButton"], .go-to-button, .pagination-button) {
        width: 100% !important;
    }
}