/**
 * @author  : M. R. Creighton
 * @link    : https://myopsagent.com
 * @version : 1.0.0
 * Copyright:
    *   © MyOpsAgent Ltd. All rights reserved.
    *   This file is proprietary and confidential.
    *   Unauthorized copying or distribution is strictly prohibited.

    *   This file is part of MyOpsAgent, a software product developed by MyOpsAgent Ltd.
    *   MyOpsAgent is licensed under the MyOpsAgent License, which can be found in the LICENSE file included with this software. By using MyOpsAgent, you agree to comply with the terms of the MyOpsAgent License.

    *   This file manages the styling for the cookie banner and its associated elements.

    *   The file path is:
    *   shared/assets/css/cookie.css
 */

/* ============================================================
   components/cookie.css
   Cookie banner (plx- only)
   ============================================================ */

#cookie-banner.plx-cookie-banner {
  position: fixed;
  bottom: 24px;
  right: 24px;
  width: 360px;
  background: var(--plx-glass-bg);
  backdrop-filter: blur(var(--plx-glass-blur));
  -webkit-backdrop-filter: blur(var(--plx-glass-blur));
  border-radius: var(--plx-radius-lg);
  border: 1px solid var(--plx-glass-border);
  box-shadow: var(--plx-shadow-strong);
  z-index: var(--plx-z-toast);
  display: none;
  color: var(--plx-text-primary);
}

.plx-cookie-inner {
  padding: var(--plx-space-4);
  display: flex;
  flex-direction: column;
  gap: var(--plx-space-3);
}

.plx-cookie-header {
  display: flex;
  align-items: center;
  gap: var(--plx-space-2);
}

.plx-cookie-options {
  display: flex;
  flex-direction: column;
  gap: var(--plx-space-2);
}

.plx-cookie-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--plx-space-2);
}

.plx-cookie-actions .plx-btn {
  flex: 1;
}

.plx-cookie-banner.show {
  display: block !important;
  animation: plx-cookie-in 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}

.plx-cookie-banner.hide {
  animation: plx-cookie-out 0.3s cubic-bezier(0.36, 0, 0.66, -0.56) forwards;
}

@keyframes plx-cookie-in {
  from { opacity: 0; transform: translateY(20px) scale(0.95); }
  to   { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes plx-cookie-out {
  from { opacity: 1; transform: translateY(0) scale(1); }
  to   { opacity: 0; transform: translateY(20px) scale(0.95); }
}