/* 
 * Down Under Discoveries - Cookie Consent Stylesheet
 */

.cookie-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: white;
  box-shadow: 0 -5px 15px rgba(0, 0, 0, 0.1);
  z-index: 9999;
  border-top: 4px solid var(--primary);
  font-family: var(--body-font);
  transform: translateY(100%);
  opacity: 0;
  transition: transform 0.5s ease, opacity 0.5s ease;
}

.cookie-banner.show {
  transform: translateY(0);
  opacity: 1;
}

.cookie-content {
  max-width: 1200px;
  margin: 0 auto;
  padding: var(--spacing-md);
}

.cookie-content h2 {
  margin-bottom: var(--spacing-sm);
}

.cookie-content p {
  margin-bottom: var(--spacing-md);
  max-width: 800px;
}

.cookie-buttons {
  display: flex;
  gap: var(--spacing-sm);
  flex-wrap: wrap;
}

#accept-necessary,
#accept-all,
#cookie-settings-button,
#save-preferences {
  padding: 10px 20px;
  border-radius: 4px;
  font-weight: 700;
  font-family: var(--body-font);
  cursor: pointer;
  transition: all 0.3s ease;
}

#accept-necessary {
  background-color: transparent;
  border: 2px solid var(--medium-gray);
  color: var(--medium-gray);
}

#accept-necessary:hover {
  background-color: var(--medium-gray);
  color: white;
}

#accept-all {
  background-color: var(--primary);
  border: 2px solid var(--primary);
  color: white;
}

#accept-all:hover {
  background-color: transparent;
  color: var(--primary);
}

#cookie-settings-button,
#save-preferences {
  background-color: var(--secondary);
  border: 2px solid var(--secondary);
  color: white;
}

#cookie-settings-button:hover,
#save-preferences:hover {
  background-color: transparent;
  color: var(--secondary);
}

.cookie-settings {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 var(--spacing-md) var(--spacing-md);
  border-top: 1px solid var(--light-gray);
}

.cookie-setting {
  margin: var(--spacing-md) 0;
  display: flex;
  flex-direction: column;
}

.cookie-setting input {
  width: auto;
  margin-right: var(--spacing-xs);
}

.cookie-setting label {
  display: inline;
  font-weight: 700;
  margin-bottom: 5px;
}

.cookie-setting p {
  margin-top: 5px;
  margin-bottom: 0;
  font-size: 0.9rem;
  color: var(--medium-gray);
}

.hidden {
  display: none;
}

@media (max-width: 768px) {
  .cookie-buttons {
    flex-direction: column;
  }
  
  #accept-necessary,
  #accept-all,
  #cookie-settings-button,
  #save-preferences {
    width: 100%;
  }
}