#cookie-consent-modal { display: none; position: fixed; bottom: 20px; right: 20px; width: 320px; max-width: 90vw; background-color: #fff; border-radius: 12px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15); font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; color: #333; z-index: 1000; overflow: hidden; transition: all 0.3s ease-in-out; } @media (max-width: 768px) { #cookie-consent-modal { bottom: 10px; right: 10px; left: 10px; width: auto; } } .cookie-consent-content, .cookie-settings-panel { padding: 20px; } .cookie-consent-content p { font-size: 14px; line-height: 1.6; margin-bottom: 15px; } .cookie-link { color: #007bff; text-decoration: none; } .cookie-link:hover { text-decoration: underline; } .cookie-consent-actions { display: flex; flex-wrap: wrap; gap: 10px; } .cookie-button { flex-grow: 1; padding: 10px 15px; border: none; border-radius: 8px; cursor: pointer; font-size: 14px; font-weight: 600; transition: background-color 0.2s ease; } .cookie-button.accept-all-btn { background-color: #007bff; color: #fff; } .cookie-button.accept-all-btn:hover { background-color: #0056b3; } .cookie-button.reject-all-btn { background-color: #f0f0f0; color: #333; border: 1px solid #ddd; } .cookie-button.reject-all-btn:hover { background-color: #e0e0e0; } .cookie-button.settings-btn { background-color: transparent; color: #007bff; border: 1px solid #007bff; } .cookie-button.settings-btn:hover { background-color: #e6f2ff; } .cookie-settings-panel h3 { font-size: 18px; margin-top: 0; margin-bottom: 20px; color: #333; } .cookie-category { display: flex; align-items: flex-start; margin-bottom: 15px; gap: 10px; } .cookie-category-info h4 { font-size: 15px; margin-top: 0; margin-bottom: 5px; color: #555; } .cookie-category-info p { font-size: 12px; line-height: 1.5; color: #666; } .cookie-toggle { position: relative; display: inline-block; width: 40px; height: 24px; min-width: 40px; margin-top: 2px; } .cookie-toggle input { opacity: 0; width: 0; height: 0; } .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; transition: .4s; } .slider:before { position: absolute; content: ""; height: 16px; width: 16px; left: 4px; bottom: 4px; background-color: white; transition: .4s; } input:checked + .slider { background-color: #007bff; } input:focus + .slider { box-shadow: 0 0 1px #007bff; } input:checked + .slider:before { transform: translateX(16px); } .slider.round { border-radius: 24px; } .slider.round:before { border-radius: 50%; } .cookie-settings-footer { margin-top: 20px; display: flex; flex-direction: column; gap: 10px; align-items: center; } .cookie-settings-footer .save-preferences-btn { background-color: #28a745; color: #fff; width: 100%; } .cookie-settings-footer .save-preferences-btn:hover { background-color: #218838; } .cookie-policy-text { font-size: 12px; color: #777; margin-top: 10px; text-align: center; }