/*
Theme Name: toolsbts
Author: Gemini & Web Developer
Version: 3.0
*/

/* 1. Theme Specific Styling */
[data-bs-theme="light"] .tool-card { background-color: #f1f3f5 !important; }
[data-bs-theme="dark"] .tool-card { background-color: #2b3035 !important; border-color: #373b3e !important; }

.tool-card { 
    transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275); 
    height: 100%; 
    border: 2px solid #3cE !important; 
    cursor: pointer; 
    position: relative; 
}

.tool-card:hover { 
    transform: scale(1.05); 
    border-color: #0d6efd !important; 
    box-shadow: 0 10px 20px rgba(0,0,0,0.1) !important; 
    background-color: var(--bs-body-bg) !important; 
}

/* 2. Favorites & Recents */
.fav-btn { position: absolute; top: 12px; right: 12px; z-index: 5; font-size: 1.1rem; cursor: pointer; color: #adb5bd; }
.fav-btn.active { color: #ffc107; }

.recent-card { 
    padding: 4px 12px; 
    font-size: 0.75rem; 
    position: relative; 
    border: 1px solid var(--bs-border-color); 
    cursor: pointer; 
    display: flex; 
    align-items: center; 
    border-radius: 50px; 
    background: var(--bs-body-bg); 
}

.recent-remove { 
    margin-left: 8px; 
    width: 16px; 
    height: 16px; 
    background: #dc3545; 
    color: white; 
    border-radius: 50%; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    font-size: 10px; 
    cursor: pointer; 
}

/* 3. Ads Architecture */
.ad-label { font-size: 10px; color: #adb5bd; text-transform: uppercase; letter-spacing: 1px; text-align: center; margin-bottom: 4px; display: block; }
.ad-slot-leaderboard { min-height: 90px; width: 100%; background: var(--bs-tertiary-bg); border: 1px dashed var(--bs-border-color); margin: 10px 0; display: flex; align-items: center; justify-content: center; }
.ad-slot-sidebar { min-height: 250px; background: var(--bs-tertiary-bg); border: 1px dashed var(--bs-border-color); display: flex; align-items: center; justify-content: center; }
.sticky-anchor-ad { position: fixed; bottom: 0; left: 0; width: 100%; height: 60px; background: white; border-top: 1px solid #ddd; z-index: 2000; display: flex; align-items: center; justify-content: center; box-shadow: 0 -2px 10px rgba(0,0,0,0.1); }

/* 4. Navigation & Ticker */
.ticker-wrapper { background: #0d6efd; color: white; overflow: hidden; white-space: nowrap; padding: 4px 0; font-size: 0.8rem; }
.ticker-text { display: inline-block; padding-left: 100%; animation: ticker 40s linear infinite; }
@keyframes ticker { 0% { transform: translate(0, 0); } 100% { transform: translate(-100%, 0); } }

.nav-scroller { overflow-x: auto; white-space: nowrap; scrollbar-width: none; }
.nav-scroller::-webkit-scrollbar { display: none; }
.hidden { display: none !important; }
body:not(.modal-open) .modal-backdrop {
    display: none !important;
    z-index: -1 !important;
}