/*!
Theme Name:         Keymoto
Text Domain:		keymoto
Theme URI:          http://keymoto.templines.com/
Description:        Keymoto is modern, convenient and highly thought-out automitive WordPress theme with fascinating design.
Version:            1.7.5
Author:             Templines
Author URI:         https://themeforest.net/user/templines/portfolio
License:            GPL v2
License URI:        http://www.gnu.org/licenses/gpl-2.0.html
Tags:               one-column, two-columns, three-columns , four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, full-width-template, post-formats, sticky-post, theme-options, translation-ready
*/


/* Slider View Settings Styles */
.slider-view-settings {
    background: #fff;
    border: 1px solid #e2e4e7;
    border-radius: 4px;
    padding: 20px;
    margin: 15px 0;
}

.slider-view-settings .components-radio-control {
    margin-bottom: 20px;
}

.slider-view-settings .components-radio-control__option {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
    cursor: pointer;
}

.slider-view-settings .components-radio-control__input {
    margin-right: 10px;
    border: 2px solid #757575;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    transition: all 0.2s ease;
}

.slider-view-settings .components-radio-control__input:checked {
    background-color: #2271b1;
    border-color: #2271b1;
    box-shadow: inset 0 0 0 4px #fff;
}

.slider-view-settings .components-radio-control__label {
    font-size: 14px;
    color: #1e1e1e;
    font-weight: 500;
}

.slider-view-settings .components-base-control__help {
    margin-top: 8px;
    font-size: 12px;
    color: #757575;
    font-style: italic;
}

/* Preview Images */
.slider-view-preview {
    margin-top: 15px;
    padding: 15px;
    background: #f0f0f1;
    border-radius: 4px;
}

.slider-view-preview img {
    max-width: 100%;
    height: auto;
    border: 1px solid #ddd;
    border-radius: 2px;
}

/* Hover Effects */
.slider-view-settings .components-radio-control__option:hover .components-radio-control__input:not(:checked) {
    border-color: #2271b1;
}

.slider-view-settings .components-radio-control__option:hover .components-radio-control__label {
    color: #2271b1;
}

/* Active State */
.slider-view-settings .components-radio-control__option:active .components-radio-control__input {
    transform: scale(0.95);
}

/* Disabled State */
.slider-view-settings .components-radio-control__input:disabled {
    background-color: #f0f0f1;
    border-color: #ddd;
    cursor: not-allowed;
}

.slider-view-settings .components-radio-control__input:disabled + .components-radio-control__label {
    color: #757575;
    cursor: not-allowed;
}