/* ============================================

   GDPR MODAL - FIXED POSITION

   ============================================ */

.gdpr-modal {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 10000;

  display: none;

  align-items: center;

  justify-content: center;

  background: rgba(0, 0, 0, 0);

  transition: background 0.3s ease;

}



.gdpr-modal.open {

  display: flex;

  background: rgba(0, 0, 0, 0.7);

}



.gdpr-modal-overlay {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: transparent;

  cursor: pointer;

}



.gdpr-modal.open .gdpr-modal-overlay {

  background: rgba(0, 0, 0, 0.5);

}



.gdpr-modal-content {

  position: relative;

  background: var(--white);

  border-radius: 24px;

  max-width: 700px;

  width: 90%;

  max-height: 85vh;

  overflow: hidden;

  display: flex;

  flex-direction: column;

  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);

  z-index: 10001;

  transform: scale(0.95);

  opacity: 0;

  transition: transform 0.3s ease, opacity 0.3s ease;

}



.gdpr-modal.open .gdpr-modal-content {

  transform: scale(1);

  opacity: 1;

}



.gdpr-modal-header {

  display: flex;

  justify-content: space-between;

  align-items: center;

  padding: 20px 24px;

  background: var(--red);

  color: var(--white);

  flex-shrink: 0;

}



.gdpr-modal-header h3 {

  font-size: 1.2rem;

  font-weight: 600;

  margin: 0;

  color: var(--white);

}



.gdpr-modal-close {

  background: none;

  border: none;

  color: var(--white);

  font-size: 1.2rem;

  cursor: pointer;

  width: 36px;

  height: 36px;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 50%;

  transition: all 0.2s;

}



.gdpr-modal-close:hover {

  background: rgba(255, 255, 255, 0.2);

  transform: rotate(90deg);

}



.gdpr-modal-body {

  padding: 24px;

  overflow-y: auto;

  flex: 1;

}



/* GDPR Sections */

.gdpr-section {

  margin-bottom: 28px;

}



.gdpr-section:last-child {

  margin-bottom: 0;

}



.gdpr-section h4 {

  font-size: 0.9rem;

  font-weight: 700;

  color: var(--red);

  margin-bottom: 12px;

  padding-bottom: 6px;

  border-bottom: 2px solid var(--gray-200);

}



.gdpr-section p {

  font-size: 0.85rem;

  color: var(--gray-600);

  line-height: 1.6;

  margin-bottom: 12px;

}



.gdpr-section ul {

  margin: 8px 0 0 20px;

  padding: 0;

}



.gdpr-section ul li {

  font-size: 0.85rem;

  color: var(--gray-600);

  line-height: 1.6;

  margin-bottom: 6px;

}



.gdpr-section a {

  color: var(--red);

  text-decoration: none;

}



.gdpr-section a:hover {

  text-decoration: underline;

}



.gdpr-updated {

  margin-top: 16px;

  padding-top: 12px;

  border-top: 1px solid var(--gray-200);

  font-size: 0.75rem;

  color: var(--gray-500);

  text-align: center;

}



.gdpr-modal-footer {

  padding: 16px 24px;

  border-top: 1px solid var(--gray-200);

  text-align: right;

  background: var(--gray-100);

  flex-shrink: 0;

  display: flex;

  justify-content: flex-end;

  gap: 12px;

}



.gdpr-accept-btn {

  background: var(--red);

  color: var(--white);

  border: none;

  padding: 10px 24px;

  border-radius: 8px;

  font-size: 0.9rem;

  font-weight: 600;

  cursor: pointer;

  transition: all 0.3s;

}



.gdpr-accept-btn:hover {

  background: var(--red-dark);

  transform: translateY(-2px);

}



/* ============================================

   COOKIE BANNER - FIXED POSITION

   ============================================ */

.cookie-banner {

  position: fixed;

  bottom: 20px;

  left: 20px;

  right: 20px;

  background: var(--gray-900);

  color: var(--white);

  z-index: 9999;

  border-radius: 16px;

  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);

  transform: translateY(100px);

  opacity: 0;

  transition: transform 0.4s ease, opacity 0.4s ease;

  pointer-events: none;

}



.cookie-banner.show {

  transform: translateY(0);

  opacity: 1;

  pointer-events: auto;

}



.cookie-banner-content {

  max-width: 1200px;

  margin: 0 auto;

  padding: 16px 24px;

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 20px;

  flex-wrap: wrap;

}



.cookie-banner-icon {

  width: 40px;

  height: 40px;

  background: rgba(196, 30, 58, 0.2);

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  flex-shrink: 0;

}



.cookie-banner-icon i {

  font-size: 1.2rem;

  color: var(--red);

}



.cookie-banner-text {

  flex: 1;

}



.cookie-banner-text p {

  font-size: 0.85rem;

  color: var(--gray-300);

  margin: 0;

  line-height: 1.5;

}



.cookie-banner-text a {

  color: var(--red);

  text-decoration: underline;

}



.cookie-banner-btn {

  background: var(--red);

  color: var(--white);

  border: none;

  padding: 10px 24px;

  border-radius: 40px;

  font-size: 0.85rem;

  font-weight: 600;

  cursor: pointer;

  transition: all 0.3s;

  flex-shrink: 0;

}



.cookie-banner-btn:hover {

  background: var(--red-dark);

  transform: translateY(-2px);

}



/* ============================================

   ENSURE NO TEXT APPEARS BELOW FOOTER

   ============================================ */

.gdpr-modal:not(.open) {

  display: none !important;

  visibility: hidden !important;

  pointer-events: none !important;

}



.gdpr-modal:not(.open) .gdpr-modal-content,

.gdpr-modal:not(.open) .gdpr-modal-overlay {

  display: none !important;

}



.footer {

  position: relative;

  z-index: 10;

  background: var(--gray-900);

  margin-top: auto;

}



body {

  min-height: 100vh;

  display: flex;

  flex-direction: column;

}



.spa-page {

  flex: 1;

}



.site-footer {

  margin-top: auto;

}



/* ============================================

   RESPONSIVE

   ============================================ */

@media (max-width: 768px) {

  .cookie-banner {

    left: 16px;

    right: 16px;

    bottom: 16px;

  }

  

  .cookie-banner-content {

    flex-direction: column;

    text-align: center;

    padding: 16px 20px;

  }

  

  .cookie-banner-icon {

    display: none;

  }

  

  .cookie-banner-btn {

    width: 100%;

    max-width: 200px;

  }

  

  .gdpr-modal-content {

    width: 95%;

    max-height: 90vh;

  }

  

  .gdpr-modal-header {

    padding: 16px 20px;

  }

  

  .gdpr-modal-header h3 {

    font-size: 1rem;

  }

  

  .gdpr-modal-body {

    padding: 20px;

  }

}



@media (max-width: 480px) {

  .gdpr-modal-header {

    padding: 14px 16px;

  }

  

  .gdpr-modal-body {

    padding: 16px;

  }

  

  .gdpr-section {

    margin-bottom: 20px;

  }

  

  .gdpr-section h4 {

    font-size: 0.85rem;

  }

  

  .gdpr-section p,

  .gdpr-section ul li {

    font-size: 0.75rem;

  }

  

  .gdpr-modal-footer {

    padding: 12px 16px;

  }

  

  .gdpr-accept-btn {

    width: 100%;

    padding: 10px 16px;

  }

}



/* Scrollbar for GDPR modal */

.gdpr-modal-body::-webkit-scrollbar {

  width: 6px;

}



.gdpr-modal-body::-webkit-scrollbar-track {

  background: var(--gray-100);

  border-radius: 3px;

}



.gdpr-modal-body::-webkit-scrollbar-thumb {

  background: var(--red);

  border-radius: 3px;

}



.gdpr-modal-body::-webkit-scrollbar-thumb:hover {

  background: var(--red-dark);

}