/* =========================================================
   TEAL & CREAM — cookies.css
   Cookie tray styles only
   ========================================================= */

.cookie-tray{
  position:fixed;bottom:0;left:0;right:0;
  background-color:#0d3d2e;
  border-top:2px solid #2db38e;
  padding:1.25rem 1.5rem 1.5rem;
  z-index:200;
  display:none;
  box-shadow:0 -4px 24px rgba(13,61,46,.35);
}
.cookie-tray.tray--visible{display:block;}

.cookie-tray__heading{
  font-family:"Plus Jakarta Sans",system-ui,sans-serif;
  font-size:1.05rem;font-weight:700;color:#fff;
  margin-bottom:.45rem;
}

.cookie-tray__desc{
  font-family:"Plus Jakarta Sans",system-ui,sans-serif;
  font-size:.83rem;color:rgba(255,255,255,.78);
  line-height:1.55;margin-bottom:.9rem;
  max-width:56rem;
}

.cookie-tray__link{
  color:#7ee8c8;font-weight:600;text-decoration:underline;
}
.cookie-tray__link:hover{color:#fff;}

.cookie-tray__controls{
  display:flex;align-items:center;gap:.65rem;flex-wrap:wrap;
  margin-bottom:.5rem;
}

.cookie-tray__controls button{
  font-family:"Plus Jakarta Sans",system-ui,sans-serif;
  font-size:.83rem;font-weight:600;
  padding:.5rem 1.1rem;border-radius:999px;
  cursor:pointer;border:none;
  transition:background 140ms ease-out,color 140ms ease-out,box-shadow 140ms ease-out;
}

.ctrl-accept{
  background:#2db38e;color:#fff;
  box-shadow:0 2px 10px rgba(45,179,142,.35);
}
.ctrl-accept:hover{background:#1a8a6a;box-shadow:0 4px 14px rgba(26,138,106,.4);}

.ctrl-reject{
  background:rgba(255,255,255,.12);color:rgba(255,255,255,.85);
  border:1px solid rgba(255,255,255,.25)!important;
}
.ctrl-reject:hover{background:rgba(255,255,255,.2);}

.ctrl-customize{
  background:transparent;color:#7ee8c8;
  border:1px solid #2db38e!important;
}
.ctrl-customize:hover{background:rgba(45,179,142,.12);}

/* Preferences section */
.prefs-section{
  display:none;
  padding:.75rem 0 .25rem;
  border-top:1px solid rgba(255,255,255,.15);
  margin-top:.65rem;
}
.prefs-section.prefs--open{display:block;}

.pref-toggle{
  display:flex;align-items:center;gap:.6rem;
  margin-bottom:.5rem;
}
.pref-toggle__box{
  appearance:none;-webkit-appearance:none;
  width:1rem;height:1rem;
  border-radius:3px;border:1.5px solid rgba(255,255,255,.4);
  background:rgba(255,255,255,.08);
  cursor:pointer;position:relative;flex-shrink:0;
  transition:background 140ms,border-color 140ms;
}
.pref-toggle__box:checked{
  background:#2db38e;border-color:#2db38e;
}
.pref-toggle__box:checked::after{
  content:"";position:absolute;inset:.15rem;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 6l3 3 5-5' stroke='%23fff' stroke-width='1.8' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size:contain;background-repeat:no-repeat;background-position:center;
}
.pref-toggle__box:disabled{opacity:.5;cursor:not-allowed;}
.pref-toggle__name{
  font-family:"Plus Jakarta Sans",system-ui,sans-serif;
  font-size:.82rem;color:rgba(255,255,255,.82);
  cursor:pointer;
}