/*
Theme Name: PWS Essential Theme Child
Description: Child theme per personalizzazioni e override di PWS Essential Theme.
Author: Parrotto Web Solution
Template: pws_essential_theme
Version: 1.0.0
Text Domain: pwstheme-child
*/

/*
 * Inserisci qui gli override CSS.
 * Questo file viene caricato dopo lo stylesheet del tema padre.
 */

@media screen and (min-width:1200px){
/* ==================================================
   CONFIGURAZIONE GENERALE
================================================== */
.offcanvas-relative-group {
    --offcanvas-sticky-top: 30px;/*AGGIORNARE SE IMPOSTO IL MENU FIXED*/
    --e-off-canvas-align-items: flex-start;
    --e-off-canvas-justify-content: flex-start;
	
    --align-self: stretch; /*ALTRIMENTI COLLASSA*/

    min-width: 0;
    min-inline-size: 0;
    height: fit-content;
    align-self: stretch !important;
    overflow: visible !important;
    box-sizing: border-box;
}

/* Eventuale contenitore interno generato da Elementor */
.offcanvas-relative-group > .e-con-inner {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    min-inline-size: 0;

    overflow: visible !important;
    box-sizing: border-box;
}

/* ==================================================
   SBLOCCO SCROLL SENZA ROMPERE LO STICKY
================================================== */

html:has(.offcanvas-relative-group) {
    overflow-y: auto !important;
}

body:has(.offcanvas-relative-group) {
    overflow: visible !important;
    padding-right: 0 !important;
}

body.e-off-canvas__no-scroll:has(.offcanvas-relative-group) {
    overflow: visible !important;
}

/* ==================================================
   STICKY NATIVO
================================================== */

@media (min-width: 1025px) {
    .offcanvas-relative-group {
        position: sticky !important;

        top: var(--offcanvas-sticky-top);

        --align-self: stretch;

        align-self: stretch !important;

        height: fit-content;

        z-index: 2;
    }
}


/* Tablet e smartphone: niente sticky *//*
@media (max-width: 1024px) {
    .offcanvas-relative-group {
        position: relative !important;

        top: auto !important;

        --align-self: stretch;

        align-self: stretch !important;
    }
}
*/

/* ==================================================
   WRAPPER DEI WIDGET OFF CANVAS
================================================== */

.offcanvas-relative-group .elementor-widget-off-canvas,
.offcanvas-relative-group .elementor-widget-nested-off-canvas,
.offcanvas-relative-group [data-widget_type*="off-canvas"] {
    --e-off-canvas-align-items: flex-start !important;
    --e-off-canvas-justify-content: flex-start !important;

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

    flex: 0 1 auto !important;

    align-self: stretch !important;

    margin: 0 !important;

    overflow: visible !important;
    box-sizing: border-box !important;
}


/* Wrapper standard del widget Elementor */
.offcanvas-relative-group
[data-widget_type*="off-canvas"]
> .elementor-widget-container {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-inline-size: 0 !important;

    margin: 0 !important;

    overflow: visible !important;
    box-sizing: border-box !important;
}


/* ==================================================
   PANNELLO OFF CANVAS
================================================== */

.offcanvas-relative-group [id^="off-canvas-"],
.offcanvas-relative-group .e-off-canvas {
    --e-off-canvas-align-items: flex-start !important;
    --e-off-canvas-justify-content: flex-start !important;

    position: relative !important;

    inset: auto !important;

    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;

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

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

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

    z-index: auto !important;

    transform: none !important;
    translate: none !important;

    overflow: visible !important;
    box-sizing: border-box !important;
}


/* ==================================================
   CONTENUTO INTERNO OFF CANVAS
================================================== */

.offcanvas-relative-group .e-off-canvas__content {
    --e-off-canvas-align-items: flex-start !important;
    --e-off-canvas-justify-content: flex-start !important;

    position: relative !important;

    inset: auto !important;

    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;

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

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    margin: 0 !important;

    align-items: flex-start !important;
    justify-content: flex-start !important;

    transform: none !important;
    translate: none !important;

    overflow: visible !important;
    box-sizing: border-box !important;
}


/* Container inseriti dentro l'Off Canvas */
.offcanvas-relative-group
.e-off-canvas__content
> .e-con,
.offcanvas-relative-group
.e-off-canvas__content
> .e-con-inner {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-inline-size: 0 !important;

    align-self: stretch !important;

    box-sizing: border-box !important;
}


/* ==================================================
   OVERLAY
================================================== */

.offcanvas-relative-group .e-off-canvas__overlay {
    display: none !important;

    opacity: 0 !important;
    visibility: hidden !important;

    pointer-events: none !important;
}


/* ==================================================
   STATO CHIUSO
================================================== */

.offcanvas-relative-group
[id^="off-canvas-"][aria-hidden="true"],
.offcanvas-relative-group
.e-off-canvas[aria-hidden="true"] {
    display: none !important;

    opacity: 0 !important;
    visibility: hidden !important;

    pointer-events: none !important;
}


/* ==================================================
   STATO APERTO
================================================== */

.offcanvas-relative-group
[id^="off-canvas-"][aria-hidden="false"],

.offcanvas-relative-group
[id^="off-canvas-"].e-off-canvas--active,

.offcanvas-relative-group
.e-off-canvas[aria-hidden="false"],

.offcanvas-relative-group
.e-off-canvas.e-off-canvas--active {
    display: block !important;

    position: relative !important;

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

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    opacity: 1 !important;
    visibility: visible !important;

    pointer-events: auto !important;

    transform: none !important;
    translate: none !important;

    animation: none !important;
    transition: none !important;
}


/* ==================================================
   DISATTIVAZIONE ANIMAZIONI OFF CANVAS
================================================== */

.offcanvas-relative-group [id^="off-canvas-"],
.offcanvas-relative-group .e-off-canvas,
.offcanvas-relative-group .e-off-canvas__content,
.offcanvas-relative-group .animated {
    animation: none !important;
    transition: none !important;

    transform: none !important;
    translate: none !important;
}


/* ==================================================
   PULSANTE DI CHIUSURA
================================================== */

.offcanvas-relative-group .e-off-canvas__close-button,
.offcanvas-relative-group .e-off-canvas__close {
    position: absolute;

    top: 12px;
    right: 12px;

    z-index: 5;
}

}

@media screen and (max-width:1200px){
.elementor-widget-off-canvas .e-off-canvas__content{height: 100vh!important;}
}