/*
 * PAL Robotics Theme - Teal technology colors
 */

:root {
    /* Primary colors */
    --color-primary: #3c7c8f;
    --color-primary-light: #4fa1b5;
    --color-section-bg: #dcf3ee;

    /* Gradients */
    --gradient-primary: linear-gradient(90deg, #3c7c8f, #4fa1b5);
    --gradient-sidebar: linear-gradient(180deg, #3c7c8f 0%, #4fa1b5 100%);
    --gradient-button: linear-gradient(135deg, #3c7c8f, #4fa1b5);
    --gradient-welcome: linear-gradient(135deg, #e0f2f1 0%, #b2dfdb 100%);

    /* Tooltip */
    --color-tooltip-bg: rgba(60, 124, 143, 0.95);
}

/* Filter visibility rules */
.filter-container:has(#filter-humanoids:checked) ~ .content .section[data-tags*="humanoids"] {
    display: block;
}

.filter-container:has(#filter-industrial:checked) ~ .content .section[data-tags*="industrial"] {
    display: block;
}

.filter-container:has(#filter-culture:checked) ~ .content .section[data-tags*="culture"] {
    display: block;
}

.filter-container:has(#filter-reviews:checked) ~ .content .section[data-tags*="reviews"] {
    display: block;
}

/* Filter chip active states */
#filter-all:checked ~ .quick-filter-bar label[for="filter-all"],
#filter-humanoids:checked ~ .quick-filter-bar label[for="filter-humanoids"],
#filter-industrial:checked ~ .quick-filter-bar label[for="filter-industrial"],
#filter-culture:checked ~ .quick-filter-bar label[for="filter-culture"],
#filter-reviews:checked ~ .quick-filter-bar label[for="filter-reviews"] {
    background: var(--gradient-primary);
    color: white;
    box-shadow: 0 2px 8px rgba(27, 39, 123, 0.3);
}

#filter-all:checked ~ .quick-filter-bar label[for="filter-all"] .chip-count,
#filter-humanoids:checked ~ .quick-filter-bar label[for="filter-humanoids"] .chip-count,
#filter-industrial:checked ~ .quick-filter-bar label[for="filter-industrial"] .chip-count,
#filter-culture:checked ~ .quick-filter-bar label[for="filter-culture"] .chip-count,
#filter-reviews:checked ~ .quick-filter-bar label[for="filter-reviews"] .chip-count {
    background: rgba(255, 255, 255, 0.25);
    color: white;
}

/* TOC sync rules */
body:has(#filter-humanoids:checked) .toc-sidebar .toc-link[href="#boston-dynamics"],
body:has(#filter-humanoids:checked) .toc-sidebar .toc-link[href="#amazon"],
body:has(#filter-humanoids:checked) .toc-sidebar .toc-link[href="#fictional"],
body:has(#filter-humanoids:checked) .toc-sidebar .toc-link[href="#welcome"] {
    opacity: 0.3;
    pointer-events: none;
    text-decoration: line-through;
}

body:has(#filter-industrial:checked) .toc-sidebar .toc-link[href="#optimus"],
body:has(#filter-industrial:checked) .toc-sidebar .toc-link[href="#neo"],
body:has(#filter-industrial:checked) .toc-sidebar .toc-link[href="#fictional"],
body:has(#filter-industrial:checked) .toc-sidebar .toc-link[href="#welcome"] {
    opacity: 0.3;
    pointer-events: none;
    text-decoration: line-through;
}

body:has(#filter-culture:checked) .toc-sidebar .toc-link[href="#optimus"],
body:has(#filter-culture:checked) .toc-sidebar .toc-link[href="#neo"],
body:has(#filter-culture:checked) .toc-sidebar .toc-link[href="#boston-dynamics"],
body:has(#filter-culture:checked) .toc-sidebar .toc-link[href="#amazon"],
body:has(#filter-culture:checked) .toc-sidebar .toc-link[href="#welcome"] {
    opacity: 0.3;
    pointer-events: none;
    text-decoration: line-through;
}

body:has(#filter-reviews:checked) .toc-sidebar .toc-link[href="#optimus"],
body:has(#filter-reviews:checked) .toc-sidebar .toc-link[href="#boston-dynamics"],
body:has(#filter-reviews:checked) .toc-sidebar .toc-link[href="#amazon"],
body:has(#filter-reviews:checked) .toc-sidebar .toc-link[href="#fictional"],
body:has(#filter-reviews:checked) .toc-sidebar .toc-link[href="#welcome"] {
    opacity: 0.3;
    pointer-events: none;
    text-decoration: line-through;
}