/* ═══════════════════════════════════════════════════
   WALL TILE STYLES  — wall.css
   Depends on tiles.css and sidebar.css variables
═══════════════════════════════════════════════════ */

/* Wall panel accent colour override — blue */
#wallPanel .tile-info {
    border-color: rgba(30, 144, 255, 0.28);
    background: linear-gradient(135deg, rgba(30, 144, 255, .12) 0%, rgba(13, 33, 55, .85) 100%);
}

#wallPanel .tile-info h3 {
    color: var(--blue-light);
}

#wallPanel .filter-bar {
    border-color: rgba(30, 144, 255, .18);
    background: rgba(30, 144, 255, .07);
}

#wallPanel .section-title {
    color: rgba(180, 220, 255, .5);
}

#wallPanel .tile-card.active {
    border-color: var(--blue-light);
    box-shadow: 0 0 0 2px rgba(56, 182, 255, .35), 0 8px 28px rgba(30, 144, 255, .25);
}

/* Wall-specific tile image tint on hover */
#wallPanel .tile-card:hover .tile-image {
    filter: brightness(1.08) saturate(1.1);
}

/* Wall section badge label */
#wallPanel .section-title::before {
    content: '🧱';
    font-size: .8rem;
}

/* Wall pattern tile selector */
#wallPatternTileSelector {
    background: rgba(30, 144, 255, .06);
    border-color: rgba(30, 144, 255, .2);
}

#wallPatternTileSelector .section-title {
    color: var(--blue-light);
}

#wallPatternTileSelector .tile-card.active {
    border-color: var(--blue-light);
}