/* SWG Category Search — Frontend Styles */

.swg-cs-wrap {
    margin: 0 0 32px 0;
}

.swg-cs-bar {
    display: flex;
    gap: 12px;
}

.swg-cs-input {
    flex: 1;
    padding: 14px 20px;
    font-size: 16px;
    font-family: inherit;
    border: 2px solid var(--swg-border, #e0e0e0);
    border-radius: 8px;
    outline: none;
    background: #fff;
    color: inherit;
    transition: border-color 0.2s;
}

.swg-cs-input:focus {
    border-color: var(--swg-focus, #2ec4b6);
}

.swg-cs-wrap .swg-cs-bar .swg-cs-button,
.swg-cs-wrap .swg-cs-bar button.swg-cs-button[type="submit"] {
    padding: 14px 28px !important;
    background: var(--swg-btn-bg, #2ec4b6) !important;
    background-color: var(--swg-btn-bg, #2ec4b6) !important;
    color: var(--swg-btn-color, #0d1b3f) !important;
    border: none !important;
    border-radius: 8px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    font-family: inherit !important;
    cursor: pointer !important;
    white-space: nowrap !important;
    transition: opacity 0.2s !important;
    display: inline-block !important;
}

.swg-cs-wrap .swg-cs-bar .swg-cs-button:hover,
.swg-cs-wrap .swg-cs-bar button.swg-cs-button[type="submit"]:hover {
    opacity: 0.88 !important;
    background: var(--swg-btn-bg, #2ec4b6) !important;
    background-color: var(--swg-btn-bg, #2ec4b6) !important;
}

@media (max-width: 480px) {
    .swg-cs-bar {
        flex-direction: column;
    }
}