/* PusztaPlay CRM — GDPR Banner (Pop-Art) */
.pp-gdpr-banner {
    position: fixed;
    bottom: 16px;
    width: min(680px, calc(100vw - 32px));
    background: #1a1a1a;
    border: 3px solid #000;
    border-top: 4px solid #ffcc00;
    border-radius: 14px;
    padding: 18px 20px;
    z-index: 999999;
    box-shadow: 0 -6px 0 #000, 6px 6px 0 rgba(0,0,0,0.5);
}

/* Pozíció változatok */
.pp-gdpr-banner.pos-center {
    left: 50%;
    transform: translateX(-50%);
    animation: ppGdprSlideC 0.5s cubic-bezier(0.16,1,0.3,1);
}
.pp-gdpr-banner.pos-left {
    left: 16px;
    animation: ppGdprSlide 0.5s cubic-bezier(0.16,1,0.3,1);
}
.pp-gdpr-banner.pos-right {
    right: 16px;
    animation: ppGdprSlide 0.5s cubic-bezier(0.16,1,0.3,1);
}

@keyframes ppGdprSlide {
    from { transform: translateY(120%); opacity: 0; }
    70% { transform: translateY(-8px); }
    to { transform: translateY(0); opacity: 1; }
}
@keyframes ppGdprSlideC {
    from { transform: translateX(-50%) translateY(120%); opacity: 0; }
    70% { transform: translateX(-50%) translateY(-8px); }
    to { transform: translateX(-50%) translateY(0); opacity: 1; }
}

.pp-gdpr-content {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
}

.pp-gdpr-text {
    color: #ccc;
    margin: 0;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    line-height: 1.5;
}
.pp-gdpr-text::before {
    content: '🍪 ';
    font-size: 18px;
}

.pp-gdpr-buttons {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
}

.pp-gdpr-links {
    display: flex;
    gap: 16px;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 2px;
}

.pp-gdpr-btn {
    padding: 10px 20px;
    border-radius: 8px;
    font-family: 'Bangers', cursive;
    font-size: 15px;
    letter-spacing: 1px;
    cursor: pointer;
    border: 3px solid #000;
    font-weight: 700;
    box-shadow: 3px 3px 0 #000;
    transition: transform 0.12s, box-shadow 0.12s;
    text-transform: uppercase;
}
.pp-gdpr-btn:hover {
    transform: translate(2px, 2px);
    box-shadow: 1px 1px 0 #000;
}
.pp-gdpr-btn:active {
    transform: translate(3px, 3px);
    box-shadow: 0 0 0 #000;
}

.pp-gdpr-accept {
    background: #ffcc00;
    color: #0a0a0a;
}
.pp-gdpr-accept:hover { background: #ffe44d; }

.pp-gdpr-settings {
    background: #1a1a1a;
    color: #00FFFF;
    border-color: #00FFFF;
}
.pp-gdpr-settings:hover { background: #00FFFF; color: #0a0a0a; }

.pp-gdpr-reject {
    background: #1a1a1a;
    color: #ff0044;
    border-color: #ff0044;
}
.pp-gdpr-reject:hover { background: #ff0044; color: #fff; }

.pp-gdpr-link {
    color: #ffcc00;
    text-decoration: none;
    font-size: 12px;
    font-family: 'Poppins', sans-serif;
    border-bottom: 1px dashed #ffcc00;
    transition: color 0.2s;
}
.pp-gdpr-link:hover { color: #ffe44d; }

/* Beállítás panel */
.pp-gdpr-panel {
    max-width: 1200px;
    margin: 14px auto 0;
    background: #0a0a0a;
    border: 3px solid #000;
    border-radius: 12px;
    padding: 16px 20px;
    box-shadow: 4px 4px 0 rgba(0,0,0,0.5);
}
.pp-gdpr-panel-title {
    font-family: 'Bangers', cursive;
    font-size: 1.5rem;
    letter-spacing: 1px;
    color: #ffcc00;
    text-shadow: 2px 2px 0 #000;
    margin: 0 0 12px;
}
.pp-gdpr-row {
    padding: 8px 0;
    border-top: 1px dashed rgba(255,255,255,0.15);
}
.pp-gdpr-row:first-of-type { border-top: none; }

.pp-gdpr-switch {
    display: flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    color: #ccc;
}
.pp-gdpr-switch input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.pp-gdpr-switch-ui {
    flex: 0 0 46px;
    width: 46px;
    height: 24px;
    background: #333;
    border: 2px solid #000;
    border-radius: 14px;
    position: relative;
    transition: background 0.15s;
}
.pp-gdpr-switch-ui::after {
    content: '';
    position: absolute;
    top: 2px;
    left: 2px;
    width: 16px;
    height: 16px;
    background: #ffcc00;
    border: 2px solid #000;
    border-radius: 50%;
    transition: left 0.15s;
}
.pp-gdpr-switch input:checked + .pp-gdpr-switch-ui {
    background: #00d4ff;
}
.pp-gdpr-switch input:checked + .pp-gdpr-switch-ui::after {
    left: 24px;
}
.pp-gdpr-switch input:disabled + .pp-gdpr-switch-ui {
    opacity: 0.75;
    cursor: not-allowed;
}
.pp-gdpr-switch-label strong {
    color: #fff;
}
.pp-gdpr-panel-actions {
    display: flex;
    gap: 10px;
    margin-top: 14px;
    flex-wrap: wrap;
}
.pp-gdpr-save {
    background: #ffcc00;
    color: #0a0a0a;
}
.pp-gdpr-save:hover { background: #ffe44d; }
.pp-gdpr-cancel {
    background: #1a1a1a;
    color: #ccc;
    border-color: #666;
}

/* Kompakt pirula a bal alsó sarokban (16px-re a bal széltől) */
.pp-gdpr-floating {
    position: fixed;
    left: 16px;
    bottom: calc(16px + env(safe-area-inset-bottom, 0px));
    z-index: 9990;
    width: auto;
    max-width: calc(100vw - 32px);
    border: 3px solid #000;
    border-radius: 999px;
    background: #ffcc00;
    color: #0a0a0a;
    box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.5);
    padding: 10px 18px;
    font-family: 'Bangers', cursive;
    font-size: 16px;
    letter-spacing: 1px;
    cursor: pointer;
    display: none;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: background 0.15s, transform 0.15s;
}
.pp-gdpr-floating.visible { display: inline-flex; }
.pp-gdpr-floating:hover { background: #ffe44d; transform: translateY(-2px); }
.pp-gdpr-floating-ico { font-size: 20px; line-height: 1; }
.pp-gdpr-floating-text { text-transform: uppercase; }

@media (max-width: 768px) {
    .pp-gdpr-content { align-items: center; text-align: center; }
    .pp-gdpr-buttons { justify-content: center; }
    .pp-gdpr-links { justify-content: center; }
    .pp-gdpr-banner { bottom: 12px; width: calc(100vw - 24px); }
    .pp-gdpr-floating { font-size: 13px; padding: 8px 14px; gap: 6px; }
    .pp-gdpr-floating-ico { font-size: 18px; }
}