/**
 * Theme Name:     Hello Elementor Child
 * Author:         Agência Titânio
 * Template:       hello-elementor
 * Text Domain:	   hello-elementor-child
 * Description:    Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.*/



/*TEXT SELECTION*/
/* Chrome, Edge, Safari */
::selection {
    background: #7F34AE;
    color: #FFFFFF;
}

/* Firefox */
::-moz-selection {
    background: #7F34AE;
    color: #FFFFFF;
}

/* Permite o navegador usar light/dark automaticamente */
:root {
    color-scheme: light dark;
}
/*SCROLLBAR */

/* Firefox */
*, html {
    scrollbar-width: auto;
    scrollbar-color: #7F34AE auto; /* thumb roxa | track automático */
}
/* Chrome, Edge e Safari */
::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}
/* NÃO estiliza a track → mantém padrão do sistema */
::-webkit-scrollbar-thumb {
    background-color: #7F34AE;
    border-radius: 8px;
    border: 3px solid transparent;
    background-clip: content-box;
}
/* Hover */
::-webkit-scrollbar-thumb:hover {
    background-color: #7F34AE;
}

@media (max-width: 767px) {

    .loop-mob-nav{
        display:flex;
        width:100%;
        margin-top:20px;
		gap: 0!important;
    }

    .loop-mob-nav span{
        display:none;
    }

    .loop-mob-nav button{
        width:50%;
        height:58px;
        background:#000;
        border:1px solid #6A56C0;
        color:transparent; /* esconde ← e → */
        font-size:0;
        position:relative;
        padding:0;
    }

/*     .loop-mob-nav button:first-child{
        border-right:none;
    } */

    /* linha das setas */
    .loop-mob-nav button::before{
        content:'';
        position:absolute;
        top:50%;
        left:50%;
        width:70px;
        height:2px;
        background:linear-gradient(
            90deg,
            #6A56C0 0%,
            #FF8A65 100%
        );
        transform:translate(-50%, -50%);
    }

    /* seta esquerda */
    .loop-mob-nav button:first-child::after{
        content:'';
        position:absolute;
        top:50%;
        left:calc(50% - 35px);
        width:10px;
        height:10px;
        border-left:2px solid #FF8A65;
        border-bottom:2px solid #FF8A65;
        transform:translateY(-50%) rotate(45deg);
    }

    /* seta direita */
    .loop-mob-nav button:last-child::after{
        content:'';
        position:absolute;
        top:50%;
        right:calc(50% - 35px);
        width:10px;
        height:10px;
        border-right:2px solid #FF8A65;
        border-top:2px solid #FF8A65;
        transform:translateY(-50%) rotate(45deg);
    }

    .loop-mob-nav button:disabled{
        opacity:.5;
    }
	.loop-mob-nav{
    gap: 0 !important;
}
}


@media (max-width: 767px) {

    .loop-mob-nav button,
    .loop-mob-nav button:hover,
    .loop-mob-nav button:focus,
    .loop-mob-nav button:active{
        background:transparent !important;
        box-shadow:none !important;
        outline:none !important;
		border-radius: 0!important;
    }
	
	.loop-mob-nav button:nth-of-type(1){
		border-right: 2px solid #6A56C0;
		background: red;
	}

}

.loop-mob-nav {
    border: 1px solid transparent;
    border-image: linear-gradient(
        88.91deg,
        #4E60CC 17.57%,
        #A93FA4 50.26%,
        #DC7779 82.95%
    ) 1;
}