/* --- Cookies Banner --- */
.cookies-banner {
  position: fixed;
  bottom: 20px;
  right: 20px; /* bottom right corner */
  width: 340px;              /* 🔹 wider box */
  background: #fff;          /* white content */
  color: #000;
  border-radius: 12px;       /* slightly rounder */
  box-shadow: 0 8px 25px rgba(0,0,0,0.35); /* stronger shadow */
  display: none; /* hidden by default */
  flex-direction: column;
  overflow: hidden; /* clip header */
  z-index: 9997;
  animation: slideUp 0.6s ease forwards;
  font-family: Arial, sans-serif;
}

/* Green top header with cookie icon */
.cookie-icon-container {
  background: linear-gradient(135deg, #008e38, #66ff99); /* dark green → light green */
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 16px; /* 🔹 taller header */
}

.cookie-icon {
  font-size: 2.2rem; /* 🔹 larger cookie icon */
}

/* Text section */
.cookie-text {
  padding: 18px 20px; /* 🔹 more padding */
}

.cookies-banner p {
  margin: 0 0 14px;
  font-size: 1rem;   /* 🔹 slightly larger text */
  line-height: 1.5;
}

/* Buttons */
.cookies-buttons {
  display: flex;
  justify-content: flex-end;
}

.cookie-btn {
  padding: 10px 20px; /* 🔹 bigger button */
  border: none;
  border-radius: 24px; /* smoother pill */
  font-size: 1rem;     /* 🔹 larger font */
  cursor: pointer;
  transition: background 0.3s ease;
}

.cookie-btn.accept {
  background: #2775e1;
  color: #fff;
}

.cookie-btn.accept:hover {
  background: #005bcc;
}

/* Slide-up animation */
@keyframes slideUp {
  from { transform: translateY(100%); opacity: 0; }
  to { transform: translateY(0); opacity: 1; }
}

/* --- Responsive Cookies Banner --- */
/* --- Responsive Cookies Banner for Mobile --- */
@media (max-width: 480px) {
  .cookies-banner {
    bottom: 0;
    right: 0;
    width: 100%;              /* full width */
    border-radius: 0;         /* remove rounded corners */
    box-shadow: 0 -4px 15px rgba(0,0,0,0.25); /* subtle top shadow */
    font-size: 0.9rem;        /* slightly smaller text */
  }

  .cookie-icon-container {
    padding: 12px;
  }

  .cookie-text {
    padding: 14px 16px;
  }

  .cookies-banner p {
    font-size: 0.95rem;
    line-height: 1.4;
  }

  .cookies-buttons {
    flex-direction: column;    /* stack buttons */
    gap: 10px;
    padding: 0 16px 16px;
  }

  .cookie-btn {
    width: 100%;              /* full-width buttons */
    padding: 12px;
    font-size: 1rem;
  }
}