/* PickALicense Custom Styles */
/* Only includes styles that cannot be easily achieved with Tailwind CSS */

/* License template variable highlighting */
.license-template-var {
    background: #fef3c7;
    padding: 0.125rem 0.25rem;
    border-radius: 0.25rem;
    font-weight: 600;
}

/* Hero gradient - complex gradient not easily done with Tailwind utilities */
.hero {
    background: linear-gradient(135deg, #2563eb 0%, #1e40af 100%);
}

/* Breadcrumb separator - pseudo-element content */
.breadcrumb li:not(:last-child)::after {
    content: '/';
    margin-left: 0.5rem;
    color: #9ca3af;
}

/* Checked input sibling selector - hard to do with just Tailwind */
.license-selector-item input:checked ~ .selector-content {
    font-weight: 600;
    color: #2563eb;
}

.license-selector-item:has(input:checked) {
    border-color: #2563eb;
    background-color: #eff6ff;
}

/* Print styles */
@media print {
    header,
    footer,
    .compare-selector,
    .comparison-actions {
        display: none;
    }

    #comparison-table-container {
        display: block !important;
    }
}