/*
 * ============================================================================
 * Copyright (c) 2026 ATH SOLUTIONS (PTY) LTD. All rights reserved.
 * KwaZulu-Natal, Republic of South Africa.
 * ============================================================================
 *
 * @BEGIN Developer Log Header Block
 * @FILENAME: cookie-consent.css
 * @TITLE: PATHWRITE
 * @DESCRIPTION: Cookie consent banner component.
 * @AUTHOR: Ary van der Pijl
 * @COMPANY: ATH SOLUTIONS (PTY) LTD
 * @WEBSITE: https://www.ath.solutions/
 * @EMAIL: info@ath.solutions
 * @COPYRIGHT: All Rights Reserved
 * @LICENSE: ATH SOLUTIONS - PROPRIETARY SOFTWARE LICENCE AGREEMENT (https://www.ath.solutions/documents/ath_solutions_software_licence_agreement.pdf)
 *
 * BEGIN CHANGELOG
 * @IMPORTANT NOTICE: Developers working on these files MUST update and maintain the Developers Change Log, failure to do is not an option:
 * !==================================================================================================================================================================
 * VERSION 1.0.0
 * + File Created | Ary van der Pijl | 2026-08-06 | Phase 28 legal/compliance build. |
 * ==================================================================================================================================================================!
 * END CHANGELOG
 */

/* ─── Cookie Consent Banner ──────────────────────────────────────────────── */

#cookie-consent-banner {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: var(--z-toast);
  background: var(--color-surface);
  border-top: 1px solid var(--color-border);
  box-shadow: var(--shadow-lg);
  padding: var(--space-4) var(--space-6);
  animation: page-fade-in var(--transition-base);
}

.cookie-consent-inner {
  max-width: 1000px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: var(--space-4);
  flex-wrap: wrap;
}

.cookie-consent-text {
  flex: 1 1 320px;
  margin: 0;
  font-size: var(--text-sm);
  color: var(--color-text-muted);
}

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

.cookie-consent-customize {
  flex-basis: 100%;
  display: flex;
  align-items: center;
  gap: var(--space-4);
  flex-wrap: wrap;
  padding-top: var(--space-3);
  border-top: 1px solid var(--color-border-light);
  margin-top: var(--space-2);
}

.cookie-consent-customize .form-check {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  margin: 0;
  font-size: var(--text-sm);
  color: var(--color-text);
}

@media (max-width: 768px) {
  .cookie-consent-inner {
    flex-direction: column;
    align-items: stretch;
  }

  .cookie-consent-actions {
    justify-content: stretch;
  }

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