.injuries-index-page{padding: var(--space-8) 0} .service-cover{max-height: 420px;overflow: hidden;position: relative} .service-cover.rounded-5{border-radius: 1.5rem} .service-cover img{width: 100%;height: 100%;object-fit: cover;object-position: center 40%;display: block} .service-cover.rounded-5 img{border-radius: 1.5rem} .cover-overlay{position: absolute;inset: 0;background: rgba(0, 0, 0, 0.3);z-index: 1} .cover-text{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 2;text-align: center;width: 90%} .injuries-index-page .page-header{margin-bottom: 3rem} .injury-intro-section{margin-top: 1rem} .injury-intro-section .page-subtitle{font-size: 1.15rem} .injury-intro-section p{font-size: 1rem;line-height: 1.7;color: #495057} .injury-category-section{margin-bottom: 2rem} .injury-category-section:first-of-type{margin-top: 0} .injuries-index-page hr{border: 0;border-top: 1px solid #dee2e6;opacity: 1;margin: 3rem 0;height: 0} .injuries-list{margin: 0;padding: 0} .injuries-list li{padding: 0.5rem 0.75rem;margin-bottom: 0.25rem;border-radius: 0.5rem;transition: all 0.3s ease} .injuries-list li:hover{background-color: #f8f9fa;transform: translateX(4px)} .injuries-index-page .injuries-list li a{transition: all 0.3s ease;font-size: 0.95rem;display: flex;align-items: center;color: #212529 !important;text-decoration: none !important} .injuries-index-page .injuries-list li a:hover{color: #52ac62 !important;text-decoration: none !important} .injuries-index-page .injuries-list li a i{transition: all 0.3s ease;color: #6c757d} .injuries-index-page .injuries-list li a:hover i{color: #52ac62 !important;transform: translateX(3px)} .injury-category-section h2{transition: color 0.3s ease} .injury-category-title{margin-bottom: 1rem !important} .injury-category-title a{color: inherit;text-decoration: none;transition: color 0.3s ease} .injury-category-title a:hover{color: #52ac62 !important} .injury-category-description{font-size: 0.95rem;line-height: 1.6;color: #212529;margin-bottom: 1.5rem} .injury-subcategories{margin-top: 1rem} .injuries-search-section{margin-bottom: 3rem !important} .search-box-wrapper{position: relative;max-width: 100%} .injury-search-input{padding-left: 1.25rem;padding-right: 3rem;border-radius: 1.5rem;border: 1px solid #dee2e6;font-size: 1rem;transition: all 0.3s ease;background-color: #fff} .injury-search-input::-webkit-search-cancel-button, .injury-search-input::-webkit-search-decoration, .injury-search-input::-webkit-search-results-button, .injury-search-input::-webkit-search-results-decoration{-webkit-appearance: none;appearance: none} .injury-search-input::-ms-clear{display: none} .injury-search-input:focus{border-color: #dee2e6;box-shadow: none;outline: none} .search-clear-btn{position: absolute;right: 0.75rem;top: 50%;transform: translateY(-50%);background: transparent;border: none;color: #6c757d;padding: 0;z-index: 10;transition: all 0.2s ease;cursor: pointer;display: inline-flex !important;align-items: center;justify-content: center;width: 2rem;height: 2rem;opacity: 1;visibility: visible} .search-clear-btn.d-none{display: none !important;opacity: 0;visibility: hidden} .search-clear-btn i{font-size: 0.875rem} .search-clear-btn:hover{color: #212529;background-color: rgba(0, 0, 0, 0.05);border-radius: 50%} .search-clear-btn:focus{outline: none;box-shadow: none} .injury-search-results{position: absolute;top: 100%;left: 0;margin-top: 0.5rem;max-height: 400px;overflow-y: auto;border: 1px solid #dee2e6;border-radius: 0.75rem;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);background: #fff;z-index: 1000;animation: fadeIn 0.2s ease} @keyframes fadeIn{from{opacity: 0;transform: translateY(-10px)} to{opacity: 1;transform: translateY(0)} } .injury-search-results .dropdown-header{padding: 0.75rem 1rem;font-size: 0.875rem;font-weight: 600;color: #6c757d;border-bottom: 1px solid #e9ecef;background-color: #f8f9fa} .injury-search-results .dropdown-item-text{padding: 0.75rem 1rem;text-align: center} .injury-search-item{padding: 0.75rem 1rem;border-bottom: 1px solid #f1f1f1;transition: all 0.2s ease;text-decoration: none;color: #212529;display: block;overflow-wrap: break-word;word-wrap: break-word} .injury-search-item .flex-grow-1{min-width: 0;overflow-wrap: break-word;word-wrap: break-word} .injury-search-item:last-child{border-bottom: none} .injury-search-item:hover, .injury-search-item.active{background-color: #f8f9fa;color: #212529;text-decoration: none} .injury-search-item:hover .injury-search-title, .injury-search-item.active .injury-search-title{color: #52ac62} .injury-search-item .injury-search-title{display: inline;transition: color 0.2s ease;word-wrap: break-word;overflow-wrap: break-word} .injury-search-item mark{background-color: #fff3cd;color: #856404;padding: 0;font-weight: 600} .injury-search-item:hover mark, .injury-search-item.active mark{background-color: #52ac62;color: #fff} .injury-search-results::-webkit-scrollbar{width: 6px} .injury-search-results::-webkit-scrollbar-track{background: #f1f1f1;border-radius: 0 0.75rem 0.75rem 0} .injury-search-results::-webkit-scrollbar-thumb{background: #6c757d;border-radius: 3px} .injury-search-results::-webkit-scrollbar-thumb:hover{background: #495057} .injury-subcategory-count{font-size: 0.95rem;font-weight: 400 !important;padding: 0.35rem 0.75rem;border-radius: 50rem !important;background-color: #f8f9fa !important;color: #6c757d !important;border: 1px solid #e9ecef;transition: all 0.2s ease} .injury-category-image{box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);transition: box-shadow 0.3s ease} .injury-category-image:hover{box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12)} @media (max-width: 767.98px){.injuries-index-page .page-header{margin-bottom: 2rem} .injury-intro-section{margin-top: 1rem;margin-bottom: 2rem} .injury-intro-section .lead{font-size: 1rem} .injury-intro-section p{font-size: 0.95rem} .injury-category-section{margin-bottom: 1.5rem} .injury-category-image{margin-top: 1rem} .injury-category-description{font-size: 0.9rem;margin-bottom: 1.25rem} .injury-category-title{margin-bottom: 0.75rem !important} .injury-subcategories{margin-top: 0.75rem} .injuries-search-section{margin-bottom: 2rem !important} .injury-search-input{font-size: 0.95rem;padding-left: 3.5rem;padding-right: 2.5rem} .injury-search-icon{left: 0.9rem;font-size: 0.9rem} .search-clear-btn{right: 0.5rem;padding: 0;width: 1.75rem;height: 1.75rem} .search-clear-btn i{font-size: 0.75rem} .injury-search-results{max-height: 300px;overflow-x: hidden} .injury-search-item{padding: 0.625rem 0.875rem;font-size: 0.9rem;overflow-wrap: break-word;word-wrap: break-word;white-space: normal} .injury-search-item .d-flex{overflow-wrap: break-word;word-wrap: break-word;white-space: normal} .injury-search-item .flex-grow-1{min-width: 0;max-width: 100%;overflow-wrap: break-word;word-wrap: break-word;white-space: normal} .injury-search-item .injury-search-title{white-space: normal;word-break: break-word} .injury-search-results .dropdown-header{padding: 0.625rem 0.875rem;font-size: 0.8rem} }