/* ===================================================
   Cookie Consent Banner Styles
   ================================================== */

#cookieConsent{
  display:none; 
  position:fixed; 
  bottom:0; 
  left:0; 
  right:0; 
  background:var(--deep); 
  color:#fff; 
  padding:16px; 
  z-index:100; 
  box-shadow:0 -4px 12px rgba(0,0,0,0.15);
}

#cookieConsent .container{
  display:flex; 
  align-items:center; 
  justify-content:space-between; 
  gap:16px; 
  flex-wrap:wrap;
}

#cookieConsent p{
  margin:0; 
  font-size:14px; 
  flex:1; 
  min-width:250px;
}

#cookieConsent a{
  color:#fff; 
  text-decoration:underline;
}

#cookieConsent button{
  background:#fff; 
  color:var(--deep); 
  border:0; 
  padding:10px 20px; 
  border-radius:8px; 
  font-weight:600; 
  cursor:pointer; 
  white-space:nowrap;
  transition: all 0.2s;
}

.cookie-buttons {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

.cookie-accept {
  background: #fff !important;
  color: var(--deep) !important;
}

.cookie-accept:hover {
  background: #f0f0f0 !important;
  transform: translateY(-1px);
}

.cookie-decline {
  background: transparent !important;
  color: #fff !important;
  border: 2px solid #fff !important;
}

.cookie-decline:hover {
  background: rgba(255, 255, 255, 0.1) !important;
  transform: translateY(-1px);
}