/* Patent Calculator */

/* --- Form controls --- */
.patent-calculator__input,
.patent-calculator__select {
    display: block;
    width: 100%;
    min-width: 280px;
    padding: var(--gap-s) var(--gap-m);
    font-family: inherit;
    font-size: var(--font-size-small);
    color: var(--color-primary);
    appearance: none;
    -webkit-appearance: none;
}

.patent-calculator__input {
    border: 1px solid var(--color-primary);
    background: var(--color-white);
}

.patent-calculator__select {
    border: none;
    background-color: var(--bckg-3);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23466BFF' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right var(--gap-s) center;
    background-size: 36px;
    padding-right: 48px;
}

/* --- Checkbox styling --- */
.patent-calculator__checkbox {
    appearance: none;
    -webkit-appearance: none;
    width: 18px;
    height: 18px;
    border: 1px solid var(--color-primary);
    background: var(--color-white);
    flex-shrink: 0;
    cursor: pointer;
    position: relative;
}

.patent-calculator__checkbox:checked {
    background: var(--color-primary);
}

.patent-calculator__checkbox:checked::after {
    content: '';
    position: absolute;
    left: 5px;
    top: 2px;
    width: 5px;
    height: 9px;
    border: solid var(--color-white);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

/* --- Chart --- */
.patent-calculator__chart canvas {
    max-width: 100%;
    height: auto;
}

/* --- Responsive --- */
@media (max-width: 768px) {
    .patent-calculator__countries {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 400px) {
    .patent-calculator__countries {
        grid-template-columns: 1fr;
    }
}