/* robots.txt 생성기 도구 스타일 */

/* 규칙 그룹 */
.robots-rule-group .card {
    border-color: var(--bs-border-color) !important;
    transition: border-color 0.2s ease;
}

.robots-rule-group .card:hover {
    border-color: var(--bs-primary) !important;
}

/* 경로 아이템 */
.robots-path-item .robots-path-type {
    font-size: 0.875rem;
    font-weight: 600;
}

.robots-path-item .robots-remove-path {
    width: 36px;
    height: 36px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 템플릿 버튼 */
.robots-template-btn {
    font-size: 0.875rem;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.robots-template-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0.08);
}

/* 출력 영역 */
.robots-output {
    font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;
    font-size: 0.875rem;
    line-height: 1.6;
    background-color: var(--bs-body-bg);
    color: var(--bs-body-color);
    border: 1px solid var(--bs-border-color);
    resize: vertical;
}

.robots-output:focus {
    border-color: var(--bs-primary);
    box-shadow: 0 0 0 0.2rem rgba(var(--bs-primary-rgb), 0.15);
}

/* 커스텀 UA 입력 */
.robots-custom-ua-wrap .robots-custom-ua {
    font-size: 0.875rem;
}

/* 다크 모드 */
[data-bs-theme="dark"] .robots-template-btn:hover {
    box-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0.25);
}

[data-bs-theme="dark"] .robots-output {
    background-color: var(--bs-body-bg);
    border-color: var(--bs-border-color);
}