/*
 * T33 — Visual Override CSS  v0.2
 * Aggiornamento grafico: tipografia, colore brand, layout card, menu, footer
 *
 * Istruzioni: caricare DOPO style.css e t33.css
 *
 * Palette:
 *   --brand:       #3f06ae  (viola principale)
 *   --brand-dark:  #2d0480  (viola scuro, hover)
 *   --brand-light: #ede7fc  (viola chiarissimo, sfondi tag)
 *   --brand-mid:   #7b4fd4  (viola medio, dettagli)
 *   --brand-muted: #c9b8f5  (viola pastello, testi secondari)
 *   --accent:      #c9fd7d  (verde lime, label/badge)
 *   --card-bg:     #f4f4f4  (grigio card su fondo bianco)
 */

/* ===================================================
   1. GOOGLE FONTS
   =================================================== */
@import url('https://fonts.googleapis.com/css2?family=Hedvig+Letters+Serif:opsz@12..24&family=Atkinson+Hyperlegible:ital,wght@0,400;0,700;1,400;1,700&display=swap');

/* ===================================================
   2. TIPOGRAFIA
   h1, h2           Hedvig Letters Serif
   h3-h6 + body     Atkinson Hyperlegible
   =================================================== */

body,
p,
li,
td,
th,
label,
input,
textarea,
select,
h3, h4, h5, h6,
.crt-post-text,
.crt-popup-manager .crt-popup-container .crt-popup-right .crt-post-text {
    font-family: 'Atkinson Hyperlegible', sans-serif !important;
}

h1, h2,
#recent-projects h2,
#bottom-project-cta .text h2,
#form-applications h2 {
    font-family: 'Hedvig Letters Serif', serif !important;
}

/* ===================================================
   3. MENU DI NAVIGAZIONE
   =================================================== */

/* Link del menu principale - neri */
header nav.navbar #sidemenu .menu-holder ul > li > a {
    color: #111 !important;
}
header nav.navbar #sidemenu .menu-holder ul > li > a:hover {
    color: #3f06ae !important;
}

/* Sottomenu: sfondo viola, testo bianco */
header nav.navbar #sidemenu .menu-holder ul .sub-menu {
    background: #3f06ae !important;
}
header nav.navbar #sidemenu .menu-holder ul .sub-menu li a {
    color: #FFF !important;
}
header nav.navbar #sidemenu .menu-holder ul .sub-menu li a:hover {
    background: #2d0480 !important;
    color: #FFF !important;
}

/* Selettore lingua */
header nav.navbar #sidemenu .menu-holder ul li.head-lang a,
header nav.navbar #sidemenu .menu-holder ul li.head-lang a:hover,
header nav.navbar #sidemenu .menu-holder ul li.head-lang a.active-item {
    color: #3f06ae !important;
}

/* ===================================================
   4. IMMAGINI - squadrate, niente border-radius
   =================================================== */

img {
    border-radius: 0 !important;
}

#bottom-project-cta .profile img {
    border-radius: 0 !important;
    width: 100% !important;
}

/* ===================================================
   5. CARD - no border-radius, no ombra, grigio chiaro
   =================================================== */

.single-projects article,
.single-applications article,
.single-news article {
    box-shadow: none !important;
    border-radius: 0 !important;
    background-color: #f4f4f4 !important;
}

.single-projects:hover article,
.single-applications:hover article,
.single-news:hover article {
    box-shadow: none !important;
    background-color: #eaeaea !important;
}

.single-projects article .content .tag span,
.single-applications article .content .tag span,
.single-news article .content .tag span {
    border-radius: 0 !important;
    background: #c9fd7d !important;
    color: #111 !important;
    text-transform: uppercase !important;
    font-weight: bold !important;
}

/* Titolo card: non bold, viola, interlinea 1 */
.single-projects article .content .sp-title,
.single-applications article .content .sp-title,
.single-news article .content .sp-title {
    font-weight: 400 !important;
    color: #3f06ae !important;
    line-height: 1 !important;
}

/* Profilo CTA: testo allineato a sinistra */
#bottom-project-cta .profile {
    text-align: left !important;
}

.single-projects:hover article .content .sp-title,
.single-applications:hover article .content .sp-title,
.single-news:hover article .content .sp-title {
    color: #3f06ae !important;
}

.single-projects article ul li,
.single-applications article ul li      { color: #3f06ae !important; }
.single-projects article ul li span,
.single-applications article ul li span { background: #ede7fc !important; border-radius: 0 !important; }
.single-projects article ul li p,
.single-applications article ul li p    { color: #333 !important; }

/* ===================================================
   6. BLOCCO #bottom-project-cta
      sfondo grigio chiaro, testi neri, bottone viola
   =================================================== */

#bottom-project-cta {
    background: #f4f4f4 !important;
    background-color: #f4f4f4 !important;
}

#bottom-project-cta .profile h4 { color: #111 !important; }
#bottom-project-cta .profile h5 { color: #555 !important; }
#bottom-project-cta .text h2    { color: #111 !important; }
#bottom-project-cta .text p     { color: #444 !important; }

#bottom-project-cta .text a.btn {
    background: #3f06ae !important;
    color: #FFF !important;
    border-color: #3f06ae !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}
#bottom-project-cta .text a.btn:hover {
    background: #2d0480 !important;
    border-color: #2d0480 !important;
    color: #FFF !important;
    box-shadow: none !important;
}

/* ===================================================
   7. COLORE BRAND — viola al posto dei blu
   =================================================== */

/* Link globali */
a       { color: #3f06ae !important; }
a:hover { color: #2d0480 !important; }

/* Classi utility */
.blue-bg       { background: #3f06ae !important; }
.blue-tx       { color: #3f06ae !important; }
.light-blue-bg { background: #3f06ae !important; }
.light-blue-tx { color: #3f06ae !important; }

/* Breadcrumb */
#breadcrumb .back a { border-bottom-color: #3f06ae !important; }

/* Card project */
.card-project-container           { background: #3f06ae !important; }
.card-project-container.five      { border-right-color: #3f06ae !important; }
.card-project                     { border-color: #3f06ae !important; border-radius: 0 !important; }
.card-project .figcaption span i  { color: #3f06ae !important; }
.card-project:hover .figure svg               { fill: #3f06ae !important; }
.card-project:hover .figcaption h4            { color: #3f06ae !important; }
.card-project:hover .figcaption span i        { color: #FFF !important; background: #3f06ae !important; }
.card-project:hover .figcaption span          { color: #3f06ae !important; }
.card-project .figcaption p                   { color: #c9b8f5 !important; }
.card-project:hover .figcaption p             { color: #c9b8f5 !important; }

/* Project filter */
#project-filter .search-container input[type=submit] {
    background: #3f06ae !important;
    border-color: #2d0480 !important;
    border-radius: 0 !important;
}

/* Paginazione */
#paginazione ul li a:hover         { background: #3f06ae !important; }
#paginazione .pager > span a:hover { background: #3f06ae !important; }

/* Dettaglio progetto */
#project-dettail-intro .tag span      { background: #ede7fc !important; color: #3f06ae !important; }
#project-dettail-intro hr             { border-top-color: #7b4fd4 !important; border-bottom-color: #7b4fd4 !important; }
#project-dettail-intro ul li          { color: #3f06ae !important; }
#project-dettail-intro ul li span     { background: #7b4fd4 !important; border-radius: 0 !important; }
#project-dettail-intro .logo-client p { color: #888 !important; }

#project-dettail-text .share-article button.btn-cita        { border-color: #3f06ae !important; color: #3f06ae !important; border-radius: 0 !important; }
#project-dettail-text .share-article button.btn-share       { background: #3f06ae !important; border-color: #3f06ae !important; border-radius: 0 !important; }
#project-dettail-text .share-article button.btn-cita:hover  { background: #3f06ae !important; color: #FFF !important; }
#project-dettail-text .share-article button.btn-share:hover { background: #2d0480 !important; border-color: #2d0480 !important; }

/* Modal citazione */
.modal-body.modal-citazione button        { border-color: #3f06ae !important; color: #3f06ae !important; border-radius: 0 !important; }
.modal-body.modal-citazione button:hover  { background: #3f06ae !important; color: #FFF !important; }

/* Sharebar */
.sharebar li a span  { background: #3f06ae !important; }
.sharebar li a:hover { color: #3f06ae !important; }

/* Social wall Curator */
#social-wall-wrapper .crt-widget .crt-post-header .crt-post-title       { color: #3f06ae !important; }
#social-wall-wrapper .crt-filter .crt-filter-networks ul li a:hover     { background: #3f06ae !important; }
#social-wall-wrapper .crt-filter .crt-filter-networks ul li.active a    { background: #3f06ae !important; }
#social-wall-wrapper button.crt-load-more                               { border-color: #3f06ae !important; color: #3f06ae !important; }
#social-wall-wrapper button.crt-load-more:hover                         { background: #3f06ae !important; color: #FFF !important; }

#social-wall-carousell-wrapper .crt-widget .crt-post-header .crt-post-title    { color: #3f06ae !important; }
#social-wall-carousell-wrapper .crt-post-text a                                { color: #3f06ae !important; }
#social-wall-carousell-wrapper .crt-post-text a:hover                          { color: #2d0480 !important; }
#social-wall-carousell-wrapper .crt-filter .crt-filter-networks ul li a:hover  { background: #3f06ae !important; }
#social-wall-carousell-wrapper .crt-filter .crt-filter-networks ul li.active a { background: #3f06ae !important; }
#social-wall-carousell-wrapper button.crt-load-more                            { border-color: #3f06ae !important; color: #3f06ae !important; }
#social-wall-carousell-wrapper button.crt-load-more:hover                      { background: #3f06ae !important; color: #FFF !important; }
#social-wall-carousell-wrapper .crt-panel-prev.crt-panel-arrow,
#social-wall-carousell-wrapper .crt-panel-next.crt-panel-arrow                 { border-color: #3f06ae !important; }
#social-wall-carousell-wrapper .crt-panel-prev.crt-panel-arrow:hover,
#social-wall-carousell-wrapper .crt-panel-next.crt-panel-arrow:hover           { background: #3f06ae !important; }

#social-wall-carousell-wrapper .crt-controls-outside .crt-panel-prev::after {
    background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%233f06ae' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8z' clip-rule='evenodd'/></svg>") !important;
}
#social-wall-carousell-wrapper .crt-controls-outside .crt-panel-next::after {
    background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%233f06ae' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z' clip-rule='evenodd'/></svg>") !important;
}

/* Social wall popup */
.crt-popup-manager .crt-popup-container .crt-popup-right .crt-post-text a       { color: #3f06ae !important; }
.crt-popup-manager .crt-popup-container .crt-popup-right .crt-post-text a:hover { color: #2d0480 !important; }
.crt-popup-wrapper .crt-popup .crt-popup-text-title                              { color: #3f06ae !important; }
.crt-popup-wrapper .crt-popup .crt-popup-read-more a.crt-button                 { background: #3f06ae !important; }
.crt-popup-wrapper .crt-popup .crt-close:hover::after {
    background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%233f06ae' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z' clip-rule='evenodd'/></svg>") !important;
}
.crt-popup-wrapper .crt-popup .crt-previous:hover::after {
    background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%233f06ae' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8z' clip-rule='evenodd'/></svg>") !important;
}
.crt-popup-wrapper .crt-popup .crt-next:hover::after {
    background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%233f06ae' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z' clip-rule='evenodd'/></svg>") !important;
}

/* Titoli .title underline */
h1.title:after, h2.title:after, h3.title:after,
h4.title:after, h5.title:after, h6.title:after {
    border-bottom-color: #3f06ae !important;
}

/* Strong colorati */
h1.small strong, h1.small b,
h2.small strong, h2.small b,
h3.small strong, h3.small b {
    color: #3f06ae !important;
}

/* Highlight inline h1/h2 */
h1 i:after, h2 i:after {
    background-color: #3f06ae !important;
}

/* Btn default */
a.btn:not(.btn-icon) {
    border-color: #3f06ae !important;
    color: #3f06ae !important;
    border-radius: 0 !important;
}

/* OWL dots */
.owl-theme .owl-dots .owl-dot span        { border-color: #3f06ae !important; }
.owl-theme .owl-dots .owl-dot.active span { background: #3f06ae !important; }

/* Magnific popup close */
button.mfp-close { background-color: #3f06ae !important; }

/* Homepage carousel overlay */
#page-content #flexslider.homepage ul li .text {
    background: rgba(63, 6, 174, 0.9) !important;
}
@media screen and (max-width:769px) {
    #page-content #flexslider.homepage ul li .text {
        background: #3f06ae !important;
    }
}

/* ===================================================
   8. FOOTER — sfondo viola
   =================================================== */

footer,
footer.footer,
#footer,
.footer,
[id*="footer"],
[class*="footer"] {
    background: #3f06ae !important;
    background-color: #3f06ae !important;
}

footer p,
footer li,
#footer p,
#footer li {
    color: rgba(255,255,255,0.8) !important;
}

footer a,
#footer a,
.footer a {
    color: rgba(255,255,255,0.85) !important;
}
footer a:hover,
#footer a:hover,
.footer a:hover {
    color: #c9fd7d !important;
}

footer hr,
#footer hr,
.footer hr {
    border-color: rgba(255,255,255,0.2) !important;
}

/* ===================================================
   9. VERDE LIME #c9fd7d — classi utility
   =================================================== */

.accent-bg,
.green-bg {
    background: #c9fd7d !important;
    color: #111 !important;
}

.tag-accent span,
.label-accent,
.badge-accent,
span.accent,
label.accent {
    background: #c9fd7d !important;
    color: #111 !important;
    padding: 2px 6px;
    font-weight: bold;
    border-radius: 0 !important;
}

/* ===================================================
   10. COLORI MANCANTI — tutte le occorrenze #009ee0
       rimaste in style.css non ancora coperte
   =================================================== */

/* --- Selezione testo --- */
::-moz-selection { background: #3f06ae !important; color: #fff !important; }
::selection       { background: #3f06ae !important; color: #fff !important; }

/* --- Classe utility [class~="color"] --- */
[class~="color"] { color: #3f06ae !important; }

/* --- .color-background --- */
.color-background { background-color: #3f06ae !important; }

/* --- mark --- */
mark { background: #3f06ae !important; color: #fff !important; }

/* --- blockquote / q (sfondo colorato) --- */
blockquote,
q {
    background-color: #3f06ae !important;
}
blockquote.heading,
q.heading {
    background-color: transparent !important;
}
blockquote.heading.post,
q.heading.post {
    background-color: #3f06ae !important;
}
.blockquote-medium:before { color: #3f06ae !important; }

/* --- dl dd border --- */
dl dd { border-left-color: #3f06ae !important; }

/* --- code --- */
code { color: #3f06ae !important; }

/* --- i.service --- */
i.service.material { color: #3f06ae !important; }
i.service:hover    { color: #3f06ae !important; }

/* --- a#open-filters hover --- */
a#open-filters:hover { color: #3f06ae !important; }

/* --- Nav tabs --- */
.nav-tabs li a:hover,
.nav-tabs li a:focus                { color: #3f06ae !important; }
.nav-tabs li.active a,
.nav-tabs li.active a:hover,
.nav-tabs li.active a:focus         { background-color: #3f06ae !important; color: #fff !important; border-radius: 0 !important; }
.nav-tabs.alt li.active a           { background-color: #3f06ae !important; color: #fff !important; }

/* --- Menu: link active-item --- */
header nav.navbar #menu  .menu-holder ul li a.active,
header nav.navbar #menu  .menu-holder ul li a.active-item,
header nav.navbar #sidemenu .menu-holder ul li a.active,
header nav.navbar #sidemenu .menu-holder ul li a.active-item,
header nav.navbar #menu-classic .menu-holder ul li a.active,
header nav.navbar #menu-classic .menu-holder ul li a.active-item {
    color: #3f06ae !important;
}

/* --- Menu mobile sidemenu: sub-menu link hover --- */
header nav.navbar #menu.sidemenu .menu-holder ul li.submenu ul.sub-menu li a:hover,
header nav.navbar #sidemenu.sidemenu .menu-holder ul li.submenu ul.sub-menu li a:hover,
header nav.navbar #menu-classic.sidemenu .menu-holder ul li.submenu ul.sub-menu li a:hover {
    color: #c9fd7d !important;
}

/* --- Menu minimal open: link hover --- */
header nav.navbar #menu.minimal.open .menu-holder ul li a:hover,
header nav.navbar #sidemenu.minimal.open .menu-holder ul li a:hover,
header nav.navbar #menu-classic.minimal.open .menu-holder ul li a:hover {
    color: #3f06ae !important;
}

/* --- transparent header: active-item --- */
header.transparent.fixed-top .navbar.white #menu  .menu-holder ul:not(.sub-menu) > li > a.active-item,
header.transparent.fixed-top .navbar.white #sidemenu .menu-holder ul:not(.sub-menu) > li > a.active-item,
header.transparent.fixed-top .navbar.white #menu-classic .menu-holder ul:not(.sub-menu) > li > a.active-item {
    color: #3f06ae !important;
}

/* --- a.btn hover --- */
a.btn:hover {
    background-color: #3f06ae !important;
    border-color: transparent !important;
    color: #fff !important;
}

/* --- a.btn-alt: tutti i varianti --- */
a.btn-alt {
    background-color: #3f06ae !important;
    border-radius: 0 !important;
}
a.btn-alt.small {
    border-color: #3f06ae !important;
    color: #3f06ae !important;
    border-radius: 0 !important;
}
a.btn-alt.small:hover,
a.btn-alt.small.active,
a.btn-alt.small.activetwo {
    background-color: #3f06ae !important;
    color: #fff !important;
}
a.btn-alt.small.active:hover  { background-color: transparent !important; color: #3f06ae !important; }
a.btn-alt.small.white:hover,
a.btn-alt.small.white.active  { color: #3f06ae !important; }
a.btn-alt.small.activetwo:hover { background-color: #fff !important; color: #3f06ae !important; }

a.btn-alt.medium {
    border-color: #3f06ae !important;
    color: #3f06ae !important;
}
a.btn-alt.medium:hover,
a.btn-alt.medium.active,
a.btn-alt.medium.activetwo {
    background-color: #3f06ae !important;
    color: #fff !important;
}
a.btn-alt.medium.active:hover   { background-color: transparent !important; color: #3f06ae !important; }
a.btn-alt.medium.white:hover    { color: #3f06ae !important; }
a.btn-alt.medium.activetwo:hover { background-color: #fff !important; color: #3f06ae !important; }

/* --- a.btn-pro --- */
a.btn-pro { color: #3f06ae !important; }

/* --- a.btn-simple --- */
a.btn-simple        { color: #3f06ae !important; }
a.btn-simple:before { background-color: #3f06ae !important; }

/* --- popup-youtube / popup-vimeo --- */
.popup-youtube.simple,
.popup-vimeo.simple {
    background-color: #3f06ae !important;
    border-radius: 0 !important;
}
.popup-youtube.simple.small,
.popup-vimeo.simple.small {
    border-color: #3f06ae !important;
    color: #3f06ae !important;
}
.popup-youtube.simple.small:hover,
.popup-vimeo.simple.small:hover,
.popup-youtube.simple.small.active,
.popup-vimeo.simple.small.active,
.popup-youtube.simple.small.activetwo,
.popup-vimeo.simple.small.activetwo {
    background-color: #3f06ae !important;
    color: #fff !important;
}
.popup-youtube.simple.small.white:hover,
.popup-vimeo.simple.small.white:hover,
.popup-youtube.simple.small.white.active,
.popup-vimeo.simple.small.white.active { color: #3f06ae !important; }

.popup-youtube.simple.medium,
.popup-vimeo.simple.medium {
    border-color: #3f06ae !important;
    color: #3f06ae !important;
}
.popup-youtube.simple.medium:hover,
.popup-vimeo.simple.medium:hover,
.popup-youtube.simple.medium.active,
.popup-vimeo.simple.medium.active,
.popup-youtube.simple.medium.activetwo,
.popup-vimeo.simple.medium.activetwo {
    background-color: #3f06ae !important;
    color: #fff !important;
}
.popup-youtube.simple.medium.white:hover,
.popup-vimeo.simple.medium.white:hover  { color: #3f06ae !important; }

/* play button video */
.popup-youtube:before,
.popup-vimeo:before {
    background-color: #3f06ae !important;
    border-radius: 0 !important;
}
.popup-youtube.black:hover:before,
.popup-vimeo.black:hover:before { background-color: #3f06ae !important; }