.cookie-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 9999; display: flex; justify-content: flex-end; align-items: flex-end; padding: 20px; } .cookie-widget { background: white; border-radius: 20px; padding: 30px; max-width: 400px; width: 100%; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2); position: relative; max-height: 90vh; overflow-y: auto; } .cookie-title { font-size: 18px; font-weight: 600; color: #212529; margin-bottom: 15px; display: flex; align-items: center; gap: 8px; } .cookie-emoji { font-size: 20px; } .cookie-description { color: #6c757d; font-size: 14px; line-height: 1.5; margin-bottom: 20px; } .cookie-link { color: #007bff; text-decoration: none; } .cookie-link:hover { color: #0056b3; text-decoration: underline; } .cookie-settings-title { font-size: 16px; font-weight: 600; color: #212529; margin-bottom: 20px; margin-top: 10px; } .cookie-option { margin-bottom: 20px; } .cookie-option-label { font-weight: 600; color: #212529; font-size: 14px; margin-bottom: 5px; display: flex; align-items: center; gap: 8px; } .cookie-option-description { color: #6c757d; font-size: 13px; line-height: 1.4; margin-left: 28px; } .custom-checkbox { width: 18px; height: 18px; border: 2px solid #dee2e6; border-radius: 3px; position: relative; cursor: pointer; flex-shrink: 0; } .custom-checkbox input { opacity: 0; position: absolute; width: 100%; height: 100%; margin: 0; cursor: pointer; } .custom-checkbox.checked { background-color: #007bff; border-color: #007bff; } .custom-checkbox.checked::after { content: ''; position: absolute; left: 5px; top: 2px; width: 4px; height: 8px; border: solid white; border-width: 0 2px 2px 0; transform: rotate(45deg); } .custom-checkbox.disabled { background-color: #e9ecef; border-color: #dee2e6; cursor: not-allowed; } .custom-checkbox.disabled input { cursor: not-allowed; } .cookie-buttons { display: flex; gap: 12px; margin-top: 30px; } .btn-decline { background: transparent; border: 1px solid #dee2e6; color: #6c757d; font-weight: 500; padding: 12px; border-radius: 8px; flex: 1; transition: all 0.3s ease; } .btn-decline:hover { background-color: #f8f9fa; border-color: #adb5bd; color: #495057; } .btn-accept { background: #007bff; border: 1px solid #007bff; color: white; font-weight: 500; padding: 12px; border-radius: 8px; flex: 1; transition: all 0.3s ease; } .btn-accept:hover { background: #0056b3; border-color: #0056b3; color: white; } @media (max-width: 480px) { .cookie-widget { margin: 10px; padding: 25px; } } .hidden { display: none !important; } @media screen and (max-width:767px) { .cookie-overlay { padding: 13px; } .cookie-description, .cookie-option-description { font-size: 12.5px; line-height: 1.4; } .cookie-option-label { font-size: 12px; } .cookie-buttons { margin-top: 12px; } .btn-decline, .btn-accept { padding: 8px; font-size: 12px; } }