/*
Theme Name: Barbarià Child
Theme URI: https://www.barbaria.it/
Description: Tema figlio personalizzato per il sito Barbarià.
Author: Giulia Sapino
Author URI: https://www.giuliasapino.it/
Template: hello-elementor
Version: 1.0.0
Text Domain: barbaria-child
*/

/*
 * Gli stili personalizzati del sito possono essere inseriti qui.
 */



html,
body,
#page,
.elementor-location-header,
.elementor-location-footer,
.elementor {
    background-color: #f7f5f0;
}


/* Contenitore principale hero */
.hero-video-barbaria {
    --hero-video-height: 600px;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    height: var(--hero-video-height) !important;
    min-height: var(--hero-video-height) !important;

    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden;

    align-items: stretch !important;
}

/* Widget HTML */
.hero-video-barbaria .elementor-widget-html,
.hero-video-barbaria .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}

/* Wrapper video */
.barbaria-responsive-video {
    position: relative;
    display: block;

    width: 100%;
    height: 100%;
    min-height: 100%;

    margin: 0;
    overflow: hidden;
}

/* Video */
.barbaria-responsive-video__media {
    position: absolute;
    inset: 0;

    display: block;
    width: 100% !important;
    height: 100% !important;

    min-width: 100% !important;
    min-height: 100% !important;

    max-width: none !important;
    max-height: none !important;

    object-fit: cover;
    object-position: center;
}

/* Da 768px a 1199px */
@media screen and (max-width: 1199px) {
    .hero-video-barbaria {
        --hero-video-height: 500px;
    }
}

/* Mobile */
@media screen and (max-width: 767px) {
    .hero-video-barbaria {
        --hero-video-height: 350px;
    }
}

/* Correzione layout tablet Elementor */
@media screen and (min-width: 768px) and (max-width: 1119px) {

    .tablet-full-width {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        flex-basis: 100% !important;
        flex-grow: 0 !important;
        flex-shrink: 0 !important;

        --width: 100% !important;
        --content-width: 100% !important;
        --container-widget-width: 100% !important;
        --container-widget-flex-grow: 0 !important;
    }

    .tablet-full-width > .e-con-inner {
        width: 100% !important;
        max-width: 100% !important;
        flex-wrap: wrap !important;
    }

    .tablet-full-width > .e-con-inner > .e-con {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        flex-basis: 100% !important;
    }
}