/* =========================
   TOYOTA COOKIE SYSTEM
========================= */

/* GLOBAL Z-INDEX STACK */
#myModal { z-index: 1000; }      /* activity modal */
#cookieBanner { z-index: 1030; } /* banner */
#cookieReopen { z-index: 1500; } /* floating button */
#cookieModal { z-index: 2000; }  /* cookie settings top-most */

/* =========================
   ACTIVITY MODAL
========================= */
/* Activity Modal (myModal) */


/* =========================
   COOKIE BANNER
========================= */
#cookieBanner {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  color: #1d2127;
  padding: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-shadow: 0 -4px 10px rgba(0,0,0,0.25);
}

#cookieBanner button {
  border: none;
  padding: 10px 18px;
  font-weight: bold;
  cursor: pointer;
  border-radius: 3px;
  margin-left: 5px;
}

#acceptAll { background: #c30606ad; color: #fff; }
#rejectAll { background: #000000a6; color: #fff; }
#cookieSettingsBtn { background: #c30606ad; color: #fff; }

@media (max-width: 768px) {
  #cookieBanner { flex-direction: column; text-align: center; gap: 10px; }
}

/* =========================
   COOKIE MODAL
========================= */
#cookieModal {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.6);
  display: none;
  align-items: center;
  justify-content: center;
}

#cookieModal.show { display: flex; }

#cookieModalContent {
  pointer-events: auto;
  background: #fff;
  color: #333;
  width: 90%;
  max-width: 550px;
  padding: 25px;
  border-radius: 8px;
  box-shadow: 0 0 20px rgba(0,0,0,0.35);
  animation: cookieFadeIn 0.25s ease-out;
}

@keyframes cookieFadeIn {
  from { opacity: 0; transform: translateY(-12px); }
  to { opacity: 1; transform: translateY(0); }
}

.cookie-toggle { display: flex; justify-content: space-between; padding: 12px 0; border-bottom: 1px solid #ddd; }
.cookie-toggle input { transform: scale(1.3); }

#cookieModal button { border: none; padding: 10px 18px; font-weight: bold; cursor: pointer; border-radius: 3px; margin-right: 10px; }
#modalSave { background: #CC0000; color: #fff; }
#modalAcceptAll { background: #444; color: #fff; }
#modalRejectAll { background: #000; color: #fff; }

/* =========================
   FLOATING COOKIE BUTTON
========================= */
#cookieReopen {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: #f1c40f;
  color: #fff;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  display: none;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  cursor: pointer;
  box-shadow: 0 4px 6px rgba(0,0,0,0.3);
  transition: transform 0.2s ease, background 0.2s ease;
}
#cookieReopen:hover { background: #b30000; transform: scale(1.08); }