/**
 * NB Cookie Consent Pro - Floating Banner (bottom)
 * Display Type: floating_bottom
 * Version: 1.8.8
 */

/* Floating Banner (bottom) - Ultra compact version */
.cookie-consent-floating-bottom {
    bottom: 20px;
    left: 20px;
    right: 20px;
    max-width: 600px;
    margin: 0 auto;
}

.cookie-consent-floating-bottom .cookie-consent-content {
    max-width: none;
    width: 100%;
    max-height: calc(100vh - 80px);
    padding: 12px 16px; /* More compact padding */
    padding-right: 50px; /* Space for X button - prevent text overlap */
    border-radius: 8px; /* Smaller radius */
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    animation: slideUpFade 0.4s ease-out;
}

/* RTL: Adjust padding for X button on left side */
.cookie-consent-rtl.cookie-consent-floating-bottom .cookie-consent-content {
    padding-right: 16px;
    padding-left: 50px; /* Space for X button in RTL */
}

/* Compact spacing for floating banner message */
.cookie-consent-floating-bottom .cookie-consent-message {
    margin: 0 0 8px 0; /* Tighter spacing */
}

/* Compact button spacing */
.cookie-consent-floating-bottom .cookie-consent-buttons {
    gap: 6px; /* Tighter gap */
}

/* 1-Button Mode: Inherits from consent-base.css */

/* Smaller buttons for floating banner */
.cookie-consent-floating-bottom .cookie-consent-button {
    padding: 8px 14px; /* More compact buttons */
    font-size: 12px;
}

@keyframes slideUpFade {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Mobile Responsive */
@media (max-width: 600px) {
    /* Floating bottom banner on mobile */
    .cookie-consent-floating-bottom {
        bottom: 10px;
        left: 10px;
        right: 10px;
    }

    .cookie-consent-floating-bottom .cookie-consent-content {
        border-radius: 10px;
        margin: 0;
    }
}