/* Cookie banner + settings modal — standalone CSS for other projects */

.footer__link-btn {
  background: none; border: none; padding: 0; margin: 0;
  font: inherit; font-size: 12px; color: #5f6368;
  text-decoration: underline; cursor: pointer;
}
.footer__link-btn:hover { color: #1f1f1f; }

.cookie-banner{
  position:fixed;left:12px;right:12px;bottom:12px;z-index:9999;
  background:#fff;border:1px solid #e0e0e0;border-radius:14px;
  box-shadow:0 6px 28px rgba(0,0,0,.16);
  padding:16px 20px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;
  max-width:920px;margin:0 auto
}
.cookie-banner__text{flex:1;min-width:240px;font-size:14px;line-height:1.5;color:#222}
.cookie-banner__text a{color:var(--accent,#6b5cff);text-decoration:underline}
.cookie-banner__actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.cookie-banner__btn{
  background:var(--accent,#6b5cff);color:#fff;border:none;border-radius:10px;
  padding:12px 28px;font-size:15px;font-weight:600;cursor:pointer;white-space:nowrap
}
.cookie-banner__btn:hover{opacity:.9}
.cookie-banner__btn--ghost{
  background:transparent;color:#222;border:1px solid #d0d0d0
}
.cookie-banner__btn--ghost:hover{background:#f5f5f5;opacity:1}

.cookie-settings{
  position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;
  padding:16px;background:rgba(20,24,32,.45)
}
.cookie-settings[hidden]{display:none!important}
.cookie-settings__card{
  width:100%;max-width:420px;background:#fff;border-radius:14px;border:1px solid #e0e0e0;
  padding:22px 20px;box-shadow:0 12px 40px rgba(0,0,0,.18)
}
.cookie-settings__title{margin:0 0 10px;font-size:18px;font-weight:700;color:#222}
.cookie-settings__text{margin:0 0 18px;font-size:14px;line-height:1.5;color:#222}
.cookie-settings__actions{display:flex;gap:10px;flex-wrap:wrap}

@media (max-width:768px){
  .cookie-banner{flex-direction:column;align-items:stretch;text-align:center;bottom:84px}
  .cookie-banner__actions{flex-direction:column}
  .cookie-banner__btn{width:100%}
  .cookie-settings__actions{flex-direction:column}
}