.accordion-content { display: none; } .accordion-toggle.active + .accordion-content { display: block; }

.accordion-toggle { background-color: #eee; color: #444; cursor: pointer; padding: 14px 20px; width: 100%; border: none; text-align: left; font-size: 16px; transition: background-color 0.2s ease; }

.accordion-toggle.active, .accordion-toggle:hover { background-color: #ccc; }

.accordion-content { display: none; overflow: hidden; padding: 0 20px 20px 20px; background-color: #f9f9f9; border-top: 1px solid #ddd; }

/* affiliate-results.css */

.loader { border: 8px solid #f3f3f3; border-top: 8px solid #0073aa; border-radius: 50%; width: 60px; height: 60px; margin: auto; animation: spin 1s linear infinite; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

/* Pagination styles */ .pagination { display: flex; justify-content: center; margin-top: 2em; list-style: none; padding: 0; }

.pagination li { margin: 0 0.3em; }

.pagination a, .pagination span { display: block; padding: 0.5em 1em; border: 1px solid #0073aa; border-radius: 4px; text-decoration: none; color: #0073aa; background-color: #fff; transition: all 0.2s ease-in-out; }

.pagination a:hover { background-color: #0073aa; color: #fff; }

.pagination .current { background-color: #0073aa; color: #fff; border-color: #0073aa; font-weight: bold; }

.result-container { display: flex; gap: 2em; align-items: flex-start; } .company-kg-info { width: 300px; font-size: 13px; background: #f9f9f9; border: 1px solid #ddd; padding: 10px; }

.loader { border: 5px solid #f3f3f3; border-radius: 50%; border-top: 5px solid #0073aa; width: 50px; height: 50px; animation: spin 1s linear infinite; margin: 20px auto; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .subscription-form { background: #f9f9f9; padding: 20px; border-radius: 5px; margin: 20px 0; text-align: center; } .subscription-form input[type="email"] { padding: 10px; width: 250px; margin-right: 10px; border: 1px solid #ddd; border-radius: 4px; } .subscription-form button { padding: 10px 20px; background: #0073aa; color: white; border: none; border-radius: 4px; cursor: pointer; } .subscription-form button:hover { background: #005177; } .affiliate-results-table { width: 100%; border-collapse: collapse; margin-top: 20px; font-family: Arial, sans-serif; font-size: 14px; } .affiliate-results-table th { background-color: #0073aa; color: #fff; text-align: left; padding: 10px; border: 1px solid #ddd; } .affiliate-results-table td { padding: 10px; border: 1px solid #ddd; text-align: left; vertical-align: top; } .affiliate-results-table tr:nth-child(even) { background-color: #f9f9f9; } .affiliate-results-table tr:hover { background-color: #f1f1f1; } .no-buyers-section { text-align: center; padding: 20px; background: #fff; border-radius: 5px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); } .provider-alert-form { margin-top: 15px; } .success-message { color: #4CAF50; margin: 10px 0; padding: 10px; background: #E8F5E9; border-radius: 4px; display: none; } .error-message { color: #f44336; margin: 10px 0; padding: 10px; background: #FFEBEE; border-radius: 4px; display: none; } .ai-summary-box { margin-top: 1em; padding: 1em; background: #f4f9ff; border-left: 4px solid #0073aa; white-space: pre-wrap; }

#loading-overlay { z-index: 9999; transition: opacity 0.3s ease; }