/*
 Theme Name:   Sewell Child
 Theme URI:    http://victorthemes/themes/sewell
 Description:  Sewell Child Theme
 Author:       VictorThemes
 Author URI:   http://themeforest.net/user/VictorThemes/portfolio
 Template:     sewell
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         one-column, two-columns, left-sidebar, right-sidebar, custom-menu, featured-images, post-formats, theme-options, translation-ready
 Text Domain:  sewell-child
*/

/* Write Custom CSS */

.swiper-slide-picture {
    width: auto;
	height: 100%;}
#lg-download {
	display:none;
}
.about-inner-wrap p {
    color:	#ffffff;
}
/*.about-inner-wrap a {
    color:	#71b076;
}*/
.cta-button {
	padding: 15px 20px;
    border: solid 1px;
	text-transform: uppercase;
    font-size: 1.2em;
	font-weight: 600;
	letter-spacing: 1px;
}
.cta-button:hover {
	text-decoration: none;
    color: #fff;
    background-color: #000;
	border: solid 1px #000;
}
.quote-button-wrap {
    margin: 5% 0;
    text-align: center;
}

.under-link {
    text-decoration: underline;
}

/* Bottone richiedi preventivo responsive */

@media screen and (max-width: 480px) {
    .quote-button-wrap {
        margin: 12% 0 12% 0;
    }
}
@media screen and (min-width: 481px) and (max-width: 768px) {
    .quote-button-wrap {
        margin: 10% 0 0 0;
    }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
    .quote-button-wrap {
        margin: 6% 0 0 0;
    }
}

/* Fine bottone richiedi preventivo responsive */

/* Bottone "leggi tutto" */

#toggle-btn {
    text-decoration: underline;
    color: #000;
    font-weight: 600;
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 20px;
    font-size: 1.2em;
    cursor: pointer;
}

/* Fine bottone "leggi tutto" */

/* Menu interno "su di me" */

.bio-internal-menu {
    text-align: center;
    padding: 20px 0;
    border-bottom: 1px solid #eee;
}

.bio-internal-menu ul {
    list-style: none;
    padding: 0;
    display: flex;
    justify-content: center;
    gap: 20px;
}

.bio-internal-menu a {
    text-decoration: underline;
    text-transform: uppercase;
    font-weight: 600;
    color: #222;
    transition: color 0.3s;
    letter-spacing: 1px;
}

.bio-internal-menu a:hover {
    text-decoration: none;
}

#bio,
#formazione,
#premi,
#mostre,
#pubblicazioni {
    scroll-margin-top: 100px; 
}

@media screen and (max-width: 480px) {
    /*.bio-internal-menu a {
        letter-spacing: 0px;
        font-size: 0.9em;
    }*/
    .bio-internal-menu {
        display: none;
    }

}

/* Fine menu interno "su di me"*/


/* Titolo sempre visibile su portfolio category*/

/* --- STATO DI DEFAULT (Sempre visibile) --- */

/* Forza l'overlay a essere visibile ma con sfondo leggero */
.masonry-wrap .gallery-info {
    opacity: 1 !important;
    visibility: visible !important;
    background: rgba(0, 0, 0, 0.3) !important; /* Sfondo leggero di default */
    transition: background 0.3s ease !important; /* Animiamo solo lo sfondo */
}

/* Blocca titolo e categoria nella posizione finale desiderata */
.masonry-wrap .gallery-title,
.masonry-wrap .gallery-category {
    opacity: 1 !important;
    top: 0 !important; /* Posizione finale */
    transform: none !important;
    transition: none !important;
}

/* Forza la linea gialla ad essere sempre visibile */
.masonry-wrap .gallery-category:before {
    width: 80px !important;
}

/* --- STATO HOVER (Cambia solo lo sfondo) --- */

/* Scurisce lo sfondo al passaggio del mouse */
.masonry-wrap:hover .gallery-info {
    background: rgba(0, 0, 0, 0.7) !important; /* Sfondo più scuro in hover */
}

/* Fine titolo sempre visibile su portfolio category*/

/* Form di contatto */

textarea, textarea.form-control {
    margin-top: -24px;
}

input[type="submit"] {
    margin-top: 2%; 
}
/* Fine form di contatto */

/* Assicurati che il contenitore occupi lo spazio necessario */
#contact-wrapper-flex {
    display: flex;
    flex-wrap: wrap; /* Permette il wrap su mobile */
    min-height: 100vh; /* Opzionale: lo rende alto almeno quanto lo schermo */
    position: relative;
    clear: both; /* Forza il distacco da elementi float precedenti */
    align-items: stretch;
}

/* La colonna dell'immagine */
#contact-bg-column {
    flex: 0 0 50%; /* Occupa esattamente il 50% */
    width: 50%;
    position: relative !important;
    z-index: 0 !important;
    min-height: 500px; /* Altezza minima per non far sparire l'immagine */
}

/* La colonna del form */
.contact-page .col-md-6.pull-right {
    flex: 0 0 50%;
    width: 50%;
    float: none !important; /* Rimuoviamo il float che rompe il layout flex */
    position: relative;
}

/* Rimuovi eventuali altezze fisse che bloccano il flusso */
.vertical-scrollbox {
    height: auto !important;
    max-height: none !important;
}

.sewl-footer {
    position: relative;
    clear: both;
    background: #ffffff; /* Evita che si veda la trasparenza se finisce dietro */
    display: block;
    width: 100%;
    z-index: 10;
}

@media (max-width: 767px) {
    /* Il contenitore passa da riga a colonna */
    #contact-wrapper-flex {
        display: block !important;
        flex-direction: column !important;
        height: auto !important;
        min-height: none !important;
        overflow: visible !important;
    }

    /* La colonna immagine si sposta sopra o sotto (a tua scelta) */
    #contact-bg-column {
        flex: 0 0 100% !important;
        width: 100% !important;
        min-height: 300px; /* Riduciamo l'altezza su mobile */
        order: 1; /* Visualizza l'immagine per prima */
    }

    /* La colonna del form occupa tutto lo spazio */
    .contact-page .col-md-6.pull-right {
        flex: 0 0 100% !important;
        width: 100% !important;
        height: auto !important;
        padding: 40px 20px !important; /* Più respiro ai lati */
        order: 2; /* Visualizza il form dopo l'immagine */
        float: none !important;
        position: relative !important;
        display: block !important;
    }

    /* Sistemiamo i padding interni del form */
    .vertical-scrollbox {
        padding: 0 !important;
        overflow: visible !important; /* Evita doppie barre di scorrimento */
    }

    .sewl-footer {
    clear: both !important;
    position: relative !important;
    display: block !important;
    margin-top: 50px !important; /* Crea uno stacco visivo di sicurezza */
    bottom: auto !important;
    /*padding: 100px 4px;*/
    }

    /* Sovrascrivi qualsiasi altezza fissa */
    .vertical-scrollbox, 
    .vertical-scrollbox section {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
}
}


@media (max-width: 500px) {
    #contact-bg-column {
        display: none;
    }
    .page-template-contact-alt .sewl-main-wrap {
        height: 80% !important;
    }
    #contatti {
        display: flex;
        flex-direction: column;
    }
}





/* Forza i campi del form a stare dentro il contenitore */
.wpcf7-form-control {
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box;
}

/* Sistema il tasto invia per renderlo più facile da cliccare col pollice */
.wpcf7-submit {
    width: 100% !important;
    margin-top: 20px;
    padding: 15px !important;
}

/* Applica queste regole al contenitore padre (es. body o #main-wrapper) */
body {
  display: flex;
  flex-direction: column;
  min-height: 100vh; /* Occupa tutta l'altezza dello schermo */
  margin: 0;
}

main {
  flex: 1; /* Questo elemento si espande e spinge il footer in basso */
}


/* Correzione errore compilabilità CF7 */

/* Porta il form sopra ogni altro elemento invisibile */
.wpcf7 {
    position: relative !important;
    z-index: 99999 !important;
}

/* Riattiva i click sui campi e sul dropdown */
.wpcf7-form-control, 
.wpcf7-select, 
.wpcf7-form-control-wrap select {
    pointer-events: auto !important;
    visibility: visible !important;
    display: block !important;
    appearance: menulist !important; /* Forza l'aspetto standard del browser */
    -webkit-appearance: menulist !important;
}


textarea.wpcf7-textarea {
    position: relative !important;
    z-index: 999999 !important;
    pointer-events: auto !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    /* Rimuove eventuali filtri o maschere del tema */
    -webkit-user-select: text !important;
    user-select: text !important;
}

/* 2. Disabilita eventuali "overlay" del tema che coprono il form */
.wpcf7-form-control-wrap {
    pointer-events: none !important; /* Il contenitore non blocca */
}

.wpcf7-form-control-wrap > * {
    pointer-events: auto !important; /* Il contenuto (textarea) sì */
}