/*
Theme Name: Wilmer Child
Theme URI: https://wilmer.qodeinteractive.com/
Description: A child theme of Wilmer Theme
Author: Mikado Themes
Author URI: http://themeforest.net/user/mikado-themes
Version: 1.0.2
Text Domain: wilmer
Template: wilmer
*/

/*----------------------------------------------------------
    STILI GENERALI ELEMENTI
----------------------------------------------------------*/
/*BODY + TITLE*/
p { font-weight: 300; }
h3 { line-height: .9em; }
h6 { text-transform: none; }
.mkdf-page-title-additional-text {
    text-transform: uppercase;
}

/* Titolo del blog */
.titoloblog {
    font-size: 60px;
    line-height: .96em;
    letter-spacing: -.02em;
    font-weight: 600;
    text-transform: none; 
}

/*----------------------------------------------------------
    PORTFOLIO
----------------------------------------------------------*/
/* Disabilito il tasto centrale dentro il Portfolio */
.mkdf-ps-back-btn {
    display: none!important;
}

/* Disabilito Project Info dal Portfolio */
.mkdf-ps-info-holder {
    display: none!important;
}

/* Modifico il colore del titolo del portfolio */
.mkdf-portfolio-list-holder.mkdf-pl-standard-shader.mkdf-pl-light-skin article .mkdf-pli-category, 
.mkdf-portfolio-list-holder.mkdf-pl-standard-shader.mkdf-pl-light-skin article .mkdf-pli-title {
    color: #001659 !important;
}

/* Modifico il colore del tasto Scopri */
.mkdf-portfolio-list-holder.mkdf-pl-standard-shader.mkdf-pl-light-skin article .mkdf-pl-read-more-holder .mkdf-btn {
    color: #001659;
}
.mkdf-portfolio-list-holder.mkdf-pl-standard-shader.mkdf-pl-light-skin article .mkdf-pl-read-more-holder .mkdf-btn:hover {
    color: #001659 !important;
}

/*TITOLO VETRINA PORTFOLIO*/
.mkdf-pli-title {
    text-transform: uppercase;
}

/* Disabilito il filtro "CORSI" nella pagina "Indirizzi" (ID: 9484) */
.page-id-9484 .mkdf-pl-filter[data-filter=".portfolio-category-corsi"] {
    display: none !important;
}

/*----------------------------------------------------------
    BLOG
----------------------------------------------------------*/
/* Disabilito i like e commenti */
.mkdf-post-info-bottom-right {
    display: none!important;
} 

/*----------------------------------------------------------
    SIDEBAR E WIDGET
----------------------------------------------------------*/
/* Disabilito il Maiuscolo dal Testo Categorie nella Sidebar */
.mkdf-widget-title {
    text-transform: lowercase !important;
    display: block;
}
.mkdf-widget-title::first-letter {
    text-transform: uppercase !important;
}

/*SIDEAREA*/
.mkdf-side-menu .widget .mkdf-widget-title-holder .mkdf-widget-title {
    text-transform: uppercase !important;
    font-size: 24px;
}
.mkdf-side-menu span {
    color: #cecece;
}

/*----------------------------------------------------------
    SEZIONI SPECIFICHE
----------------------------------------------------------*/
/*CONTATTI BG BLU*/
.mkdf-white-hover {
    color: #fff;
}
.form-heading {
    margin-bottom: 20px;
}

/*ISTITUTO BG BLU*/
.mkdf-orange-hover {
    color: #dedede;
}

/* CREDITS */
a.logo-gb img {
    max-width: 100%;
    width: 32px;
    height: 22px;
    margin: 0;
}
.logo-gb {
    display: inline-block;
    vertical-align: middle;
}

/*----------------------------------------------------------
    RESPONSIVE
----------------------------------------------------------*/
/* TITLE AREA MOBILE + TABLET */
@media only screen and (max-width: 480px) {
    .mkdf-grid {
        margin-top: 50px!important;
    }
}
@media only screen and (max-width: 680px) {
    .mkdf-grid {
        margin-top: 50px!important;
    }
}
@media only screen and (max-width: 768px) {
    .mkdf-grid {
        margin-top: 80px!important;
    }
}
@media only screen and (min-width: 681px) and (max-width: 768px) {
    h1 {
        font-size: 42px;
    }
}
@media only screen and (max-width: 1024px) {
    .mkdf-grid {
        margin-top: 70px!important;
    }
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
    h1 {
        font-size: 42px;
    }
}

/* Ho risolto un bug critico del tema Wilmer che causava la scomparsa del titolo e dell'header su dispositivi mobili.
   Il problema era causato da un'altezza 'auto' che veniva applicata in mobile, collassando tutto il contenuto.
   Ho dovuto usare selettori altamente specifici con !important per sovrascrivere il CSS originale del tema. */
@media only screen and (max-width: 1024px) {
    /* Ho forzato un'altezza fissa di 300px per tutti gli header delle pagine.
       Questo garantisce coerenza visiva e previene il collasso dell'header su tablet e smartphone. */
    html body .mkdf-wrapper .mkdf-title-holder.mkdf-title-va-header-bottom {
        height: 300px !important;
    }
    
    /* Ho applicato la stessa correzione agli header con immagine di sfondo
       che tendevano a comportarsi in modo differente. */
    html body .mkdf-wrapper .mkdf-title-holder.mkdf-has-bg-image {
        height: 300px !important;
    }
    
    /* Ho sistemato il contenitore dei titoli per mantenere le proporzioni corrette
       e ho rimosso il padding eccessivo che creava spazi vuoti. */
    html body .mkdf-wrapper .mkdf-title-holder .mkdf-title-wrapper {
        height: 300px !important;
        padding-top: 0 !important;
    }
    
    /* Ho risolto un bug critico che nascondeva i titoli su mobile.
       In alcuni casi, i titoli diventavano invisibili a causa di opacity o display errati.
       Ho anche rimosso le ombre dai testi che creavano problemi legati all'accessibilità. */
    html body .mkdf-wrapper .mkdf-title-holder h1.mkdf-page-title.entry-title,
    html body .mkdf-wrapper .mkdf-title-holder h6.mkdf-page-title-additional-text {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        text-shadow: none !important;
    }
    
    /* Ho ottimizzato il rendering delle immagini di sfondo negli header.
       Ho applicato object-fit: cover per evitare che le immagini fossero tagliate o distorte,
       garantendo che riempiano correttamente lo spazio senza perdere proporzioni. */
    html body .mkdf-wrapper .mkdf-title-holder .mkdf-title-image img,
    html body .mkdf-wrapper .mkdf-title-holder.mkdf-standard-type .mkdf-title-image img {
        object-fit: cover !important;
        height: 100% !important;
        width: 100% !important;
    }
}

/* Ho creato un fix specifico per gli smartphone, adattando le proporzioni
   per ottenere una migliore esperienza utente su schermi molto piccoli. */
@media only screen and (max-width: 768px) {
    /* Ho ridotto strategicamente l'altezza dell'header da 300px a 250px
       per adattarlo meglio agli smartphone e prevenire che occupi troppo spazio sulla viewport.
       Ho mantenuto min-height uguale a height per evitare incongruenze di layout. */
    html body .mkdf-wrapper .mkdf-title-holder.mkdf-title-with-background-text,
    html body .mkdf-wrapper .mkdf-title-holder.mkdf-has-bg-image,
    html body .mkdf-wrapper .mkdf-title-holder .mkdf-title-image,
    html body .mkdf-wrapper .mkdf-title-holder .mkdf-title-wrapper,
    html body .mkdf-wrapper .mkdf-title-holder.mkdf-title-va-header-bottom {
        height: 250px !important;
        min-height: 250px !important;
    }
}

/* Fix logo */
.mkdf-vertical-align-containers .mkdf-position-center:before,
.mkdf-vertical-align-containers .mkdf-position-left:before,
.mkdf-vertical-align-containers .mkdf-position-right:before {
    content: none !important;
}