/*
 Theme Name:   Logitic Child
 Theme URI:    https://demo.rstheme.com/wordpress/logitic/
 Description:  Logitic Child
 Author:       RSTheme
 Author URI:   http://rstheme.com
 Template:     logitic
 Version:      1.0
 */

/* 1. VARIABILI GLOBALI ELEMENTOR */
html body {
  --e-global-color-primary: #66ccff !important;
  --e-global-color-accent: #66ccff !important;
}

/* 2. BOTTONI (SLIDER E SITO) */
.sr7-btn, a.sr7-btn, .rs-layer.rev-btn {
    background-color: #66ccff !important;
    border-color: #66ccff !important;
}

.sr7-btn:hover, a.sr7-btn:hover {
    background-color: #50b3e6 !important;
}

/* 3. TESTI E SOVRATITOLI */
rs-layer[data-type="text"], .sub-title, .before-title, .rs-layer.custom-caption-class {
    color: #66ccff !important;
}

/* 4. QUADRATINI E DIVISORI */
.rs-divider::before, .rs-divider::after, 
.tp-caption::before, .tp-caption::after,
rs-layer.rs-selectable::before, rs-layer.rs-selectable::after {
    background: #66ccff !important;
}

/* Filtro per quadratino immagine (Image-0) */
rs-layer[data-alias="Image-0"] img, .rs-layer img[src*="divider"] {
    filter: brightness(0) saturate(100%) invert(81%) sepia(21%) saturate(1637%) hue-rotate(174deg) brightness(101%) contrast(102%) !important;
}

/* 5. REGOLA KILLER (PER STILI INLINE RESIDUI) */
rs-module [style*="rgb(245, 91, 31)"], 
rs-module [style*="#f55b1f"] {
    color: #66ccff !important;
    background: #66ccff !important;
    background-color: #66ccff !important;
}
/* 6. RANGE SLIDER - OVERRIDE TOTALE GRIGIO */

/* Colpiamo l'ID preciso per sovrascrivere l'arancione del tema */
#rangeslider.wpcf7-form-control,
.rs_range_wrap #rangeslider {
    background: #f3f4f7 !important;
    background-color: #f3f4f7 !important;
    height: 10px !important;
    border: none !important;
    -webkit-appearance: none !important; /* Forza i browser a ignorare lo stile di sistema */
}

/* Rimuoviamo il colore di progresso (riempimento) azzurro/arancione per avere tutto grigio */
.rs_range_wrap .ui-slider-range,
.rs_range_wrap .ui-widget-header,
span.wpcf7-form-control-wrap.range_slider .range-fill {
    background: #f3f4f7 !important;
    background-color: #f3f4f7 !important;
}

/* Il cursore lo facciamo risaltare con l'azzurro */
.rs_range_wrap .ui-slider-handle,
input#rangeslider::-webkit-slider-thumb {
    background: #ffffff !important;
    border: 3px solid #66ccff !important;
    border-radius: 4px !important;
    width: 20px !important;
    height: 20px !important;
    cursor: pointer !important;
    -webkit-appearance: none !important;
}
}