:root {
    --primary: #000000;
    --secondary: #000000;
}

html, body {
    scroll-behavior: smooth;
}

/*#region Override Dimensions & Style */
    html,
    body,
    a,
    .fa, .fas, .far, .fal, .fab, .fa-3x
    .banner-carousel .active .content-box h3,
    .banner-carousel .content-box .text,
    .services-details .content-side .text,
    .process-block-one h5 .count, 
    .process-block-one .text,
    .main-menu .navigation>li>a,
    .widget_brochur h5,
    .widget_brochur h4,
    .maps-button h6, 
    .gpx-button h6,
    .main-header .header-top .text span,
    .page-title .content-box .bread-crumb li,
    .services-details .content-side .text p{
        font-size: 24px !important;
    }

    .widget-content .icon i {
        font-size: 50px !important;
    }

    .leaflet-control-attribution a {
        font-size: 11px !important;
    }

    .sec-title h2,
    .banner-carousel .active .content-box h3,
    .main-footer .widget-title {
        text-transform: none !important;
    }

    .main-footer.sp-two .widgets-section {
        padding: 110px 0px 30px;
    }

    .leaflet-control-button .fa {
        font-size: initial !important;
    }

/*#endregion*/

/*#region Strutture Custom*/

    .no-before:before, .no-before::before {
        content: unset !important;
    }

    .no-after:after, .no-after::after {
        content: unset !important;
    }

    .img-intro-hp {
        height: 300px;
        width: 100%;
        object-fit: cover;
    }

    .owl-custom-image-footer {
        height: 75px;
        width: 75px;
        object-fit: cover;
    }

    .header-logo {
        height: 100px;
    }

    .image-slide-custom img {
        height: 550px;
        width: 100%;
        object-fit: cover;
    }

    .widget_brochur .icon {
        top: 15%;
    }

    .maps-button, .gpx-button {
        display: flex;
        align-items: center;
        justify-content: center; /* testo + icona centrati */
        gap: 10px;
        width: 100%; /* tutta larghezza */
        padding: 14px 18px;
        border: 1px solid #ddd;
        border-radius: 10px;
        background-color: #fff;
        text-decoration: none;
        transition: all 0.25s ease;
        box-shadow: 0 2px 6px rgba(0,0,0,0.06);
        cursor: pointer;
    }

    .maps-button img, .gpx-button img {
        width: 24px;
        height: 24px;
        object-fit: contain;
    }

    .maps-button h6, .gpx-button h6 {
        margin: 0;
        font-size: 15px;
        font-weight: 600;
        color: #333;
        letter-spacing: 0.2px;
    }

    /* Hover con leggero sollevamento */
    .maps-button:hover, .gpx-button:hover {
        background-color: #f9fafb;
        border-color: #ccc;
        box-shadow: 0 4px 10px rgba(0,0,0,0.12);
        transform: translateY(-2px);
    }

    /* Effetto click */
    .maps-button:active, .gpx-button:active {
        transform: scale(0.98);
        box-shadow: 0 2px 5px rgba(0,0,0,0.08);
    }

/*#endregion*/

/*#region Cambio Colori*/
/*#endregion*/

/*#region Oscuramento Background Image - Aggiunta*/
    .bg-darken-10,
    .bg-darken-20,
    .bg-darken-30,
    .bg-darken-40,
    .bg-darken-50,
    .bg-darken-60,
    .bg-darken-70,
    .bg-darken-80,
    .bg-darken-90,
    .bg-darken-100 {
        position: relative;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    .bg-darken-10::after,
    .bg-darken-20::after,
    .bg-darken-30::after,
    .bg-darken-40::after,
    .bg-darken-50::after,
    .bg-darken-60::after,
    .bg-darken-70::after,
    .bg-darken-80::after,
    .bg-darken-90::after,
    .bg-darken-100::after {
        content: "";
        position: absolute;
        inset: 0;
    }

    .bg-darken-10::after {background-color: rgba(0, 0, 0, 0.1)}
    .bg-darken-20::after {background-color: rgba(0, 0, 0, 0.2)}
    .bg-darken-30::after {background-color: rgba(0, 0, 0, 0.3)}
    .bg-darken-40::after {background-color: rgba(0, 0, 0, 0.4)}
    .bg-darken-50::after {background-color: rgba(0, 0, 0, 0.5)}
    .bg-darken-60::after {background-color: rgba(0, 0, 0, 0.6)}
    .bg-darken-70::after {background-color: rgba(0, 0, 0, 0.7)}
    .bg-darken-80::after {background-color: rgba(0, 0, 0, 0.8)}
    .bg-darken-90::after {background-color: rgba(0, 0, 0, 0.9)}
    .bg-darken-100::after {background-color: rgba(0, 0, 0, 1);}

/*#endregion*/

/*#region Leaflet Overrides*/

    .leaflet-control.elevation .area {
        fill: #201630 !important;
    }

    .leaflet-custom-control.leaflet-bar.leaflet-control {
        color: #000 !important;
    }

    .leaflet-position-custom-control .attivo, .leaflet-opacity-custom-control .attivo {
        background-color: #201630 !important;
        color: #fff !important;
    }

    .leaflet-overlay-pane .height-focus {
        fill: white !important;
        stroke: #201630 !important;
        stroke-width: 5;
    }

    .custom-theme.height-focus.line {
        display: none;
    }

    .custom-theme.height-focus-label {
        display: none;
    }

    .marker-territorio-mappa {
        object-fit: cover;
        background-color: #fff;
        /*padding: 3px;*/
        border: 1px solid #201630;
        border-radius: 5px;
    }

/*#endregion*/

/*#region Condividi*/

    .social-buttons {
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
    }

    .social-buttons a,
    .social-buttons button {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 48px;
        height: 48px;
        border-radius: 50%;
        font-size: 20px;
        color: #fff;
        text-decoration: none;
        border: none;
        cursor: pointer;
        transition: transform 0.2s ease, box-shadow 0.2s ease;
    }

    .social-buttons a:hover,
    .social-buttons button:hover {
        transform: translateY(-3px);
        box-shadow: 0 6px 12px rgba(0,0,0,0.2);
    }

    /* WhatsApp */
    .social_whatsapp {
        background-color: #25D366;
    }
    .social_whatsapp:hover {
        background-color: #1ebe5b;
    }

    /* Telegram */
    .social_telegram {
        background-color: #0088cc;
    }
    .social_telegram:hover {
        background-color: #0077b3;
    }

    /* Facebook */
    .social_facebook {
        background-color: #1877f2;
    }
    .social_facebook:hover {
        background-color: #145dbf;
    }

    /* Instagram (gradient tipico) */
    .social_instagram {
        background: radial-gradient(circle at 30% 107%, 
            #fdf497 0%, #fdf497 5%, 
            #fd5949 45%, #d6249f 60%, 
            #285AEB 90%);
    }
    .social_instagram:hover {
        filter: brightness(1.1);
    }

    /* Twitter (X) */
    .social_twitter {
        background-color: #000000;
    }
    .social_twitter:hover {
        background-color: #222222;
    }

    /* LinkedIn */
    .social_linkedin {
        background-color: #0A66C2;
    }
    .social_linkedin:hover {
        background-color: #084c94;
    }

    /* YouTube */
    .social_youtube {
        background-color: #FF0000;
    }
    .social_youtube:hover {
        background-color: #cc0000;
    }

/*#endregion*/

/*#region Breakpoints - Base*/

@media (max-width: 575.98px) {  }

@media (max-width: 767.98px) {  }

@media (max-width: 991.98px) {  }

@media (max-width: 1199.98px) {  }

@media (max-width: 1399.98px) {  }

/*#endregion*/