@igamingcareer/igaming-components 1.0.15 → 1.0.16

package/dist/styles.css

@@ -1 +1 @@
-body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin:0;padding:0;background-color:#f9fafb;color:#111827;line-height:1.5}.job-board-container{width:100%;max-width:1280px;margin:0 auto;padding:2rem 1rem}.header-container{margin-bottom:2rem}.header-content{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.main-title{font-size:1.875rem;font-weight:700;color:#111827;margin:0}.jobs-count{font-size:.875rem;color:#6b7280;margin:0}.count-value{font-weight:600}.filters-container{background-color:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;padding:1.5rem;margin-bottom:2rem}.search-container{display:flex;flex-direction:column;gap:1rem}.search-input-wrapper{position:relative}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:1rem;height:1rem;color:#6b7280}.search-input{width:100%;padding:.625rem .75rem .625rem 2.5rem;font-size:.875rem;line-height:1.25rem;border:1px solid #d1d5db;border-radius:.375rem;background-color:transparent;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.search-input:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 2px #4f46e540}.filters-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-top:1rem}.filter-select{width:100%;padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;border:1px solid #d1d5db;border-radius:.375rem;background-color:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.filter-select:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 2px #4f46e540}.active-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem;min-height:2rem}.filter-badge{display:flex;align-items:center;background-color:#f3f4f6;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;line-height:1rem}.filter-label{font-weight:500;color:#4b5563;margin-right:.25rem;text-transform:capitalize}.filter-value{color:#111827}.remove-filter{display:inline-flex;align-items:center;justify-content:center;margin-left:.5rem;width:1rem;height:1rem;border-radius:9999px;background-color:#e5e7eb;border:none;color:#4b5563;font-size:.875rem;line-height:1;cursor:pointer;transition:background-color .15s ease-in-out}.remove-filter:hover{background-color:#d1d5db}.clear-all-filters{background-color:transparent;border:none;color:#4b5563;font-size:.75rem;font-weight:500;cursor:pointer;padding:.25rem .5rem;text-decoration:underline}.clear-all-filters:hover{color:#111827}.search-filter-badge{background-color:#e0e7ff;color:#4338ca}.search-filter-badge .filter-value{color:#4338ca;font-weight:500}.search-filter-badge .remove-filter{background-color:#c7d2fe}.search-filter-badge .remove-filter:hover{background-color:#a5b4fc}.section-title{font-size:1.5rem;font-weight:700;text-align:center;margin:2rem 0;color:#111827}.jobs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.job-card{display:flex;flex-direction:column;background-color:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;overflow:hidden;height:100%;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.job-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.job-card-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem;border-bottom:1px solid #f3f4f6}.job-title-container{flex:1;min-width:0}.job-title{font-weight:700;color:#111827;margin:0 0 .5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.company-info{display:flex;align-items:center;color:#6b7280;font-size:.875rem}.company-icon{width:1rem;height:1rem;margin-right:.5rem;flex-shrink:0}.company-logo{width:4rem;height:auto;-o-object-fit:contain;object-fit:contain;margin-left:1rem}.job-card-body{flex:1;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.job-details{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.job-detail{display:flex;align-items:center;font-size:.875rem;color:#4b5563}.detail-icon{width:1rem;height:1rem;margin-right:.5rem;flex-shrink:0}.job-overview{flex:1}.overview-title{font-size:.875rem;font-weight:600;color:#111827;margin:0 0 .5rem}.overview-content{font-size:.875rem;color:#4b5563;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.job-card-footer{padding:1.5rem;border-top:1px solid #f3f4f6}.apply-button{display:inline-block;width:100%;padding:.625rem 1rem;background-color:#4f46e5;color:#fff;font-size:.875rem;font-weight:500;text-align:center;border-radius:.375rem;text-decoration:none;transition:background-color .15s ease-in-out}.apply-button:hover{background-color:#4338ca}.no-results{grid-column:1 / -1;text-align:center;padding:3rem;background-color:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.no-results h3{font-size:1.25rem;font-weight:600;color:#111827;margin:0 0 .5rem}.no-results p{font-size:.875rem;color:#6b7280;margin:0}.pagination{display:flex;justify-content:center;align-items:center;margin-top:2rem;gap:.5rem}.page-numbers{display:flex;align-items:center}.pagination-button{display:inline-flex;align-items:center;justify-content:center;min-width:2.5rem;height:2.5rem;padding:0 .75rem;background-color:#fff;color:#4b5563;font-size:.875rem;font-weight:500;border:1px solid #d1d5db;border-radius:.375rem;cursor:pointer;transition:all .15s ease-in-out}.pagination-button:hover:not(:disabled){background-color:#f9fafb;color:#111827}.pagination-button.active{background-color:#4f46e5;color:#fff;border-color:#4f46e5}.pagination-button:disabled{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed}.prev-button,.next-button{padding:0 1rem}.pagination-ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:2.5rem;height:2.5rem;color:#6b7280}@media (max-width: 768px){.jobs-grid,.filters-grid{grid-template-columns:1fr}.header-content{flex-direction:column;align-items:flex-start}.pagination{flex-wrap:wrap}}@media (max-width: 640px){.job-card-header{flex-direction:column}.company-logo{margin:1rem 0 0}.pagination-button.page-number:not(.active){display:none}.pagination-ellipsis{display:none}}.flex-grow{flex-grow:1}.min-h-screen{min-height:100vh}.w-3/4{width:75%}.w-1/4{width:25%}.pr-4{padding-right:1rem}@media (max-width: 768px){.w-3/4,.w-1/4{width:100%}.pr-4{padding-right:0}}@media (max-width: 768px){.filters-container{display:none}.jobs-grid{grid-template-columns:1fr}.w-full,.md\:w-3\/4,.md\:w-1\/4{width:100%}.md\:pr-4{padding-right:0}.mt-4{margin-top:1rem}.sticky{position:static}}.transition-transform{transition-property:transform}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.transform{--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x: 0px}.translate-x-full{--tw-translate-x: 100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}button:focus,input:focus,select:focus{outline:2px solid #4f46e5;outline-offset:2px}@media (max-width: 768px){button,select{min-height:44px}}.sticky{position:sticky;top:1rem}.list-view .job-card{display:flex;flex-direction:row;align-items:center;padding:1rem}.list-view .job-card-header{width:25%;border-bottom:none;border-right:1px solid #f3f4f6;padding-right:1rem}.list-view .job-card-body{width:50%;padding:0 1rem;border-right:1px solid #f3f4f6}.list-view .job-card-footer{width:25%;border-top:none;padding:0 1rem}.list-view .job-overview{max-height:3rem;overflow:hidden}.view-controls{background-color:#fff;border-radius:.5rem;padding:.75rem;margin-bottom:1rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.view-mode-toggle button{transition:all .2s ease-in-out}.view-mode-toggle button:hover{transform:translateY(-1px)}@media (max-width: 768px){.view-controls{flex-direction:column;gap:.5rem}.list-view .job-card{flex-direction:column}.list-view .job-card-header,.list-view .job-card-body,.list-view .job-card-footer{width:100%;border-right:none}.list-view .job-card-header{border-bottom:1px solid #f3f4f6}.list-view .job-card-body{border-bottom:1px solid #f3f4f6;padding:1rem 0}}.sponsored-tag{display:inline-block;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.save-job-button{background:transparent;border:none;cursor:pointer;padding:4px;border-radius:50%;transition:background-color .2s}.save-job-button:hover{background-color:#0000000d}.last-visited-jobs{margin-top:2rem;border-radius:.5rem}.jobs-list{display:flex;flex-direction:column;gap:1rem}.jobs-list .job-card{display:flex;flex-direction:column}@media (min-width: 768px){.jobs-list .job-card{flex-direction:row;align-items:stretch}.jobs-list .job-card-header{width:25%;border-bottom:none;border-right:1px solid #f3f4f6}.jobs-list .job-card-body{width:50%;border-right:1px solid #f3f4f6}.jobs-list .job-card-footer{width:25%;display:flex;align-items:center;justify-content:center;border-top:none}}@media (max-width: 767px){.view-controls{flex-direction:column;align-items:flex-start}.view-controls>div{margin-bottom:.5rem}.items-per-page{width:100%;justify-content:space-between}}.promo-card{grid-column:1 / -1;margin:1rem 0;transition:transform .2s}.promo-card:hover{transform:translateY(-2px)}[data-view-mode=grid]{display:grid;grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width: 768px){[data-view-mode=grid]{grid-template-columns:repeat(2,minmax(0,1fr))}}[data-view-mode=list]{display:flex;flex-direction:column}.company-logo{max-width:4rem;height:auto;-o-object-fit:contain;object-fit:contain}.debug-info{font-family:monospace;font-size:12px}.debug-info pre{white-space:pre-wrap;word-break:break-all}.fixed{position:fixed}.inset-0{top:0;right:0;bottom:0;left:0}.inset-y-0{top:0;bottom:0}.right-0{right:0}.z-40{z-index:40}.z-50{z-index:50}.bg-opacity-50{--tw-bg-opacity: .5}.pointer-events-none{pointer-events:none}@media (min-width: 768px){[data-view-mode=list] .job-card{display:flex;flex-direction:row}[data-view-mode=list] .job-card-header{width:25%;border-bottom:none;border-right:1px solid #f3f4f6}[data-view-mode=list] .job-card-body{width:50%;border-right:1px solid #f3f4f6}[data-view-mode=list] .job-card-footer{width:25%;display:flex;align-items:center;justify-content:center;border-top:none}}.date-filter-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2rem}@media (max-width: 768px){.date-filter{width:100%;justify-content:space-between;margin-bottom:.5rem}.date-filter-select{flex-grow:1;max-width:70%}}.job-board-container{max-width:1280px;margin:0 auto;padding:2rem 1rem}.bg-indigo-50{background-color:#eef2ff}.bg-indigo-100{background-color:#e0e7ff}.bg-indigo-500{background-color:#6366f1}.bg-indigo-600{background-color:#4f46e5}.bg-indigo-700{background-color:#4338ca}.text-indigo-500{color:#6366f1}.text-indigo-600{color:#4f46e5}.text-indigo-700{color:#4338ca}.text-indigo-800{color:#3730a3}.border-indigo-500{border-color:#6366f1}.hover\:bg-indigo-700:hover{background-color:#4338ca}.focus\:ring-indigo-500:focus{--tw-ring-color: rgba(99, 102, 241, .5)}.focus\:border-indigo-500:focus{border-color:#6366f1}.mobile-nav{position:fixed;bottom:0;left:0;right:0;background-color:#fff;box-shadow:0 -2px 10px #0000001a;z-index:40}@media (max-width: 768px){.pb-16{padding-bottom:4rem!important}}.min-h-screen{padding-bottom:4rem}
+body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin:0;padding:0;background-color:#f9fafb;color:#111827;line-height:1.5}.job-board-container{width:100%;max-width:1280px;margin:0 auto;padding:2rem 1rem}.header-container{margin-bottom:2rem}.header-content{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.main-title{font-size:1.875rem;font-weight:700;color:#111827;margin:0}.jobs-count{font-size:.875rem;color:#6b7280;margin:0}.count-value{font-weight:600}.filters-container{background-color:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;padding:1.5rem;margin-bottom:2rem}.search-container{display:flex;flex-direction:column;gap:1rem}.search-input-wrapper{position:relative}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:1rem;height:1rem;color:#6b7280}.search-input{width:100%;padding:.625rem .75rem .625rem 2.5rem;font-size:.875rem;line-height:1.25rem;border:1px solid #d1d5db;border-radius:.375rem;background-color:transparent;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.search-input:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 2px #4f46e540}.filters-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-top:1rem}.filter-select{width:100%;padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;border:1px solid #d1d5db;border-radius:.375rem;background-color:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.filter-select:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 2px #4f46e540}.active-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem;min-height:2rem}.filter-badge{display:flex;align-items:center;background-color:#f3f4f6;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;line-height:1rem}.filter-label{font-weight:500;color:#4b5563;margin-right:.25rem;text-transform:capitalize}.filter-value{color:#111827}.remove-filter{display:inline-flex;align-items:center;justify-content:center;margin-left:.5rem;width:1rem;height:1rem;border-radius:9999px;background-color:#e5e7eb;border:none;color:#4b5563;font-size:.875rem;line-height:1;cursor:pointer;transition:background-color .15s ease-in-out}.remove-filter:hover{background-color:#d1d5db}.clear-all-filters{background-color:transparent;border:none;color:#4b5563;font-size:.75rem;font-weight:500;cursor:pointer;padding:.25rem .5rem;text-decoration:underline}.clear-all-filters:hover{color:#111827}.search-filter-badge{background-color:#e0e7ff;color:#4338ca}.search-filter-badge .filter-value{color:#4338ca;font-weight:500}.search-filter-badge .remove-filter{background-color:#c7d2fe}.search-filter-badge .remove-filter:hover{background-color:#a5b4fc}.section-title{font-size:1.5rem;font-weight:700;text-align:center;margin:2rem 0;color:#111827}.jobs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.job-card{display:flex;flex-direction:column;background-color:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;overflow:hidden;height:100%;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.job-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.job-card-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem;border-bottom:1px solid #f3f4f6}.job-title-container{flex:1;min-width:0}.job-title{font-weight:700;color:#111827;margin:0 0 .5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.company-info{display:flex;align-items:center;color:#6b7280;font-size:.875rem}.company-icon{width:1rem;height:1rem;margin-right:.5rem;flex-shrink:0}.company-logo{width:4rem;height:auto;-o-object-fit:contain;object-fit:contain;margin-left:1rem}.job-card-body{flex:1;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.job-details{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.job-detail{display:flex;align-items:center;font-size:.875rem;color:#4b5563}.detail-icon{width:1rem;height:1rem;margin-right:.5rem;flex-shrink:0}.job-overview{flex:1}.overview-title{font-size:.875rem;font-weight:600;color:#111827;margin:0 0 .5rem}.overview-content{font-size:.875rem;color:#4b5563;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.job-card-footer{padding:1.5rem;border-top:1px solid #f3f4f6}.apply-button{display:inline-block;width:100%;padding:.625rem 1rem;background-color:#4f46e5;color:#fff;font-size:.875rem;font-weight:500;text-align:center;border-radius:.375rem;text-decoration:none;transition:background-color .15s ease-in-out}.apply-button:hover{background-color:#4338ca}.no-results{grid-column:1 / -1;text-align:center;padding:3rem;background-color:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.no-results h3{font-size:1.25rem;font-weight:600;color:#111827;margin:0 0 .5rem}.no-results p{font-size:.875rem;color:#6b7280;margin:0}.pagination{display:flex;justify-content:center;align-items:center;margin-top:2rem;gap:.5rem}.page-numbers{display:flex;align-items:center}.pagination-button{display:inline-flex;align-items:center;justify-content:center;min-width:2.5rem;height:2.5rem;padding:0 .75rem;background-color:#fff;color:#4b5563;font-size:.875rem;font-weight:500;border:1px solid #d1d5db;border-radius:.375rem;cursor:pointer;transition:all .15s ease-in-out}.pagination-button:hover:not(:disabled){background-color:#f9fafb;color:#111827}.pagination-button.active{background-color:#4f46e5;color:#fff;border-color:#4f46e5}.pagination-button:disabled{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed}.prev-button,.next-button{padding:0 1rem}.pagination-ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:2.5rem;height:2.5rem;color:#6b7280}@media (max-width: 768px){.jobs-grid,.filters-grid{grid-template-columns:1fr}.header-content{flex-direction:column;align-items:flex-start}.pagination{flex-wrap:wrap}}@media (max-width: 640px){.job-card-header{flex-direction:column}.company-logo{margin:1rem 0 0}.pagination-button.page-number:not(.active){display:none}.pagination-ellipsis{display:none}}.flex-grow{flex-grow:1}.min-h-screen{min-height:100vh}.w-3/4{width:75%}.w-1/4{width:25%}.pr-4{padding-right:1rem}@media (max-width: 768px){.w-3/4,.w-1/4{width:100%}.pr-4{padding-right:0}}@media (max-width: 768px){.filters-container{display:none}.jobs-grid{grid-template-columns:1fr}.w-full,.md\:w-3\/4,.md\:w-1\/4{width:100%}.md\:pr-4{padding-right:0}.mt-4{margin-top:1rem}.sticky{position:static}}.transition-transform{transition-property:transform}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.transform{--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x: 0px}.translate-x-full{--tw-translate-x: 100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}button:focus,input:focus,select:focus{outline:2px solid #4f46e5;outline-offset:2px}/*!* Improve touch target sizes for mobile *!*/.sticky{position:sticky;top:1rem}.list-view .job-card{display:flex;flex-direction:row;align-items:center;padding:1rem}.list-view .job-card-header{width:25%;border-bottom:none;border-right:1px solid #f3f4f6;padding-right:1rem}.list-view .job-card-body{width:50%;padding:0 1rem;border-right:1px solid #f3f4f6}.list-view .job-card-footer{width:25%;border-top:none;padding:0 1rem}.list-view .job-overview{max-height:3rem;overflow:hidden}.view-controls{background-color:#fff;border-radius:.5rem;padding:.75rem;margin-bottom:1rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.view-mode-toggle button{transition:all .2s ease-in-out}.view-mode-toggle button:hover{transform:translateY(-1px)}@media (max-width: 768px){.view-controls{flex-direction:column;gap:.5rem}.list-view .job-card{flex-direction:column}.list-view .job-card-header,.list-view .job-card-body,.list-view .job-card-footer{width:100%;border-right:none}.list-view .job-card-header{border-bottom:1px solid #f3f4f6}.list-view .job-card-body{border-bottom:1px solid #f3f4f6;padding:1rem 0}}.sponsored-tag{display:inline-block;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.save-job-button{background:transparent;border:none;cursor:pointer;padding:4px;border-radius:50%;transition:background-color .2s}.save-job-button:hover{background-color:#0000000d}.last-visited-jobs{margin-top:2rem;border-radius:.5rem}.jobs-list{display:flex;flex-direction:column;gap:1rem}.jobs-list .job-card{display:flex;flex-direction:column}@media (min-width: 768px){.jobs-list .job-card{flex-direction:row;align-items:stretch}.jobs-list .job-card-header{width:25%;border-bottom:none;border-right:1px solid #f3f4f6}.jobs-list .job-card-body{width:50%;border-right:1px solid #f3f4f6}.jobs-list .job-card-footer{width:25%;display:flex;align-items:center;justify-content:center;border-top:none}}@media (max-width: 767px){.view-controls{flex-direction:column;align-items:flex-start}.view-controls>div{margin-bottom:.5rem}.items-per-page{width:100%;justify-content:space-between}}.promo-card{grid-column:1 / -1;margin:1rem 0;transition:transform .2s}.promo-card:hover{transform:translateY(-2px)}[data-view-mode=grid]{display:grid;grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width: 768px){[data-view-mode=grid]{grid-template-columns:repeat(2,minmax(0,1fr))}}[data-view-mode=list]{display:flex;flex-direction:column}.company-logo{max-width:4rem;height:auto;-o-object-fit:contain;object-fit:contain}.debug-info{font-family:monospace;font-size:12px}.debug-info pre{white-space:pre-wrap;word-break:break-all}.fixed{position:fixed}.inset-0{top:0;right:0;bottom:0;left:0}.inset-y-0{top:0;bottom:0}.right-0{right:0}.z-40{z-index:40}.z-50{z-index:50}.bg-opacity-50{--tw-bg-opacity: .5}.pointer-events-none{pointer-events:none}@media (min-width: 768px){[data-view-mode=list] .job-card{display:flex;flex-direction:row}[data-view-mode=list] .job-card-header{width:25%;border-bottom:none;border-right:1px solid #f3f4f6}[data-view-mode=list] .job-card-body{width:50%;border-right:1px solid #f3f4f6}[data-view-mode=list] .job-card-footer{width:25%;display:flex;align-items:center;justify-content:center;border-top:none}}.date-filter-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2rem}@media (max-width: 768px){.date-filter{width:100%;justify-content:space-between;margin-bottom:.5rem}.date-filter-select{flex-grow:1;max-width:70%}}.job-board-container{max-width:1280px;margin:0 auto;padding:2rem 1rem}.bg-indigo-50{background-color:#eef2ff}.bg-indigo-100{background-color:#e0e7ff}.bg-indigo-500{background-color:#6366f1}.bg-indigo-600{background-color:#4f46e5}.bg-indigo-700{background-color:#4338ca}.text-indigo-500{color:#6366f1}.text-indigo-600{color:#4f46e5}.text-indigo-700{color:#4338ca}.text-indigo-800{color:#3730a3}.border-indigo-500{border-color:#6366f1}.hover\:bg-indigo-700:hover{background-color:#4338ca}.focus\:ring-indigo-500:focus{--tw-ring-color: rgba(99, 102, 241, .5)}.focus\:border-indigo-500:focus{border-color:#6366f1}.mobile-nav{position:fixed;bottom:0;left:0;right:0;background-color:#fff;box-shadow:0 -2px 10px #0000001a;z-index:40}@media (max-width: 768px){.pb-16{padding-bottom:4rem!important}}.min-h-screen{padding-bottom:4rem}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@igamingcareer/igaming-components",
-  "version": "1.0.15",
+  "version": "1.0.16",
   "description": "Reusable React component library for the iGamingCareer platform",
   "author": "iGamingCareer <info@igamingcareer.com>",
   "license": "MIT",