/* Dynamic website style: css Matteo */
/* Custom CSS from database */
/* ===================================
   DEALTECH PREMIUM STYLE
   =================================== */

/* Animazioni fluide */
*{
    transition: all .25s ease;
}

/* ===================================
   MENU
   =================================== */

header .nav-link,
header .dropdown-toggle{

    font-weight:500;

}

header .nav-link:hover,
header .dropdown-toggle:hover{

    color:#84C225 !important;

    text-shadow:
        0 0 8px rgba(132,194,37,.30);

}

/* ===================================
   PULSANTI
   =================================== */

.btn,
.btn-primary{

    border-radius:10px !important;

    box-shadow:
        0 4px 12px rgba(37,70,152,.15);

}

.btn:hover,
.btn-primary:hover{

    transform:translateY(-2px);

    box-shadow:
        0 10px 25px rgba(37,70,152,.25);

}

/* ===================================
   CARD E BOX
   =================================== */

.card,
.s_card,
.shadow,
.container{

    border-radius:16px;

}

.card:hover,
.s_card:hover{

    transform:translateY(-3px);

    box-shadow:
        0 12px 35px rgba(0,0,0,.12);

}

/* ===================================
   FORM CONTATTI
   =================================== */

.form-control{

    border-radius:10px !important;

    border:1px solid #DCE3F0 !important;

}

.form-control:focus{

    border-color:#84C225 !important;

    box-shadow:
        0 0 0 3px rgba(132,194,37,.15) !important;

}

/* ===================================
   IMMAGINI
   =================================== */

img{

    border-radius:12px;

}

img:hover{

    transform:scale(1.02);

}

/* ===================================
   TITOLI
   =================================== */

h1,h2,h3{

    letter-spacing:-0.5px;

}

/* ===================================
   SEZIONI
   =================================== */

section{

    position:relative;

}

/* Linea elegante sotto i titoli */
h2::after{

    content:"";

    display:block;

    width:80px;

    height:3px;

    margin-top:10px;

    background:
    linear-gradient(
        90deg,
        #254698,
        #84C225
    );

    border-radius:99px;

}

/* ===================================
   EFFETTO PREMIUM GENERALE
   =================================== */

section:hover{

    transition:.3s;

}

/* =========================
   MENU DEALTECH PREMIUM
   ========================= */

header .nav-link,
header .dropdown-toggle {

    position: relative;
    font-weight: 500;
    letter-spacing: 0.3px;
    padding: 8px 14px !important;
    border-radius: 8px;

    transition: all .30s ease;

}

/* Hover elegante */
header .nav-link:hover,
header .dropdown-toggle:hover {

    color: #254698 !important;

    background: rgba(255,255,255,0.95);

    box-shadow:
        0 0 8px rgba(132,194,37,.25),
        0 0 18px rgba(132,194,37,.15);

    transform: translateY(-1px);

}

/* Linea animata */
header .nav-link::after,
header .dropdown-toggle::after {

    content: "";

    position: absolute;

    left: 50%;
    bottom: -4px;

    width: 0;
    height: 2px;

    background: linear-gradient(
        90deg,
        #254698,
        #84C225
    );

    transform: translateX(-50%);

    transition: width .3s ease;

}

header .nav-link:hover::after,
header .dropdown-toggle:hover::after {

    width: 80%;

}