/* Cookie Consent (global) - BEM */
.cookie-consent {
    position: fixed;
    left: 1rem;
    right: 1rem;
    bottom: 1rem;
    z-index: 99999;
    background: var(--white);
    border: 1px solid var(--light-border);
    border-radius: var(--border-radius);
    box-shadow: 0 6px 24px rgba(0,0,0,0.15);
    transform: translateY(12px);
    opacity: 1;
    transition: transform .25s ease, opacity .25s ease;
}
.cookie-consent--hidden { opacity: 0; transform: translateY(24px); }
.cookie-consent__content { display: flex; gap: .75rem; align-items: center; padding: 1rem; }
.cookie-consent__emoji { font-size: 1.5rem; }
.cookie-consent__text { flex: 1; color: var(--text-color); }
.cookie-consent__actions { display: flex; gap: .5rem; align-items: center; }
.cookie-consent__btn { 
    border: 1px solid var(--light-border); 
    background: var(--light-gray); 
    padding: .5rem .75rem; 
    border-radius: var(--border-radius); 
    cursor: pointer; 
    min-height: 44px;
    touch-action: manipulation;
    transition: all 0.2s ease;
    position: relative;
    z-index: 100001;
}
.cookie-consent__btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}
.cookie-consent__btn:active {
    transform: translateY(0);
}
.cookie-consent__btn--accept { 
    background: var(--success-color); 
    color: #fff; 
    border-color: var(--success-color); 
}
.cookie-consent__btn--decline {
    background: var(--light-gray);
    color: var(--text-color);
}
.cookie-consent__link { color: var(--primary-color); text-decoration: none; }

.cookie-toast { position: fixed; left: 50%; bottom: 1.5rem; transform: translate(-50%, 12px); background: var(--primary-color); color: #fff; padding: .5rem .75rem; border-radius: var(--border-radius); opacity: 0; transition: transform .3s ease, opacity .3s ease; z-index: 100000; }
.cookie-toast--show { opacity: 1; transform: translate(-50%, 0); }

/* Responsive mobile */
@media (max-width: 768px) {
    .cookie-consent {
        left: 0.5rem;
        right: 0.5rem;
        bottom: 0.5rem;
    }
    
    .cookie-consent__content {
        flex-direction: column;
        gap: 1rem;
        padding: 1rem;
    }
    
    .cookie-consent__actions {
        width: 100%;
        justify-content: center;
        flex-wrap: wrap;
    }
    
    .cookie-consent__btn {
        flex: 1;
        min-width: 120px;
        text-align: center;
    }
}