/*
Theme Name: TailWP Child
Theme URI: https://ivonfilho.com
Description: Tema filho do TailWP
Author: Ivon Filho
Author URI: https://ivonfilho.com
Template: tailwp
Version: 2.0
*/

@import url(fontes/stylesheet.css);

/* CONFIGURAÇÕES DE FONTES */

body {
    font-family: 'Aeonik', var(--font-principal), system-ui;
    color: var(--e-global-color-text);
    font-weight: normal;
    font-size: 1rem;
    font-size: clamp(1rem, 1rem + 0vw, 1rem);
    line-height: 1.3;
}

p {
    margin-bottom: 1rem;
}

p:last-child {
    margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--e-global-color-secondary);
    line-height: 1.1;
    font-weight: 500;
    margin: 1rem auto;
}

h1 {
    font-size: 1.5rem;
    font-size: clamp(1.5rem, 0.907rem + 2.964vw, 3.13rem);
}

h2 {
    font-size: 1.275rem; /* 15% menor que h1 */
    font-size: clamp(1.275rem, 0.771rem + 2.52vw, 2.66rem);
}

h3 {
    font-size: 1.083rem; /* 15% menor que h2 */
    font-size: clamp(1.083rem, 0.655rem + 2.14vw, 2.26rem);
}

h4 {
    font-size: 0.92rem; /* 15% menor que h3 */
    font-size: clamp(0.92rem, 0.556rem + 1.82vw, 1.92rem);
}

h5 {
    font-size: 0.782rem; /* 15% menor que h4 */
    font-size: clamp(0.782rem, 0.472rem + 1.55vw, 1.63rem);
}

h6 {
    font-size: 0.665rem; /* 15% menor que h5 */
    font-size: clamp(0.665rem, 0.402rem + 1.32vw, 1.39rem);
}


a {
    transition: color 0.3s ease;
}

a:hover {
    color: var(--e-global-color-accent);
}

.container {
    max-width: 1200px;
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
}

/* CUSTOM ELEMENTOR COMPONENTES */

.elementor-heading-title,
.entry-title {
    color: var(--e-global-color-secondary);
}

.entry-content ul,
.entry-content ol {
    padding-left: 0;
}

ul.elementor-nav-menu--dropdown a,
ul.elementor-nav-menu--dropdown a:focus,
ul.elementor-nav-menu--dropdown a:hover {
    border-inline-start: 0px !important;
}

.elementor-widget-n-accordion .e-n-accordion-item-title {
    z-index: 1;
}

.sanfona-2 .e-n-accordion-item-title-text img {
    height: 70px;
    margin-right: 20px;
}

.elementor-nav-menu--dropdown .elementor-item:focus {
    background: transparent;
}

ul {
    margin-block-start: 0;
    margin-block-end: 0;
}

.entry-content ul,
.entry-content ol {
    margin-top: 0;
}

.elementor-nav-menu--dropdown.elementor-nav-menu__container {
    margin-top: 0;
    overflow-x: hidden;
    overflow-y: hidden;
}

.full-width {
    left: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    max-width: 100vw !important;
    position: relative;
    right: 50%;
    width: 100vw;
}

.loop-full-width .elementor-loop-container {
    width: 1200px;
}

.sem-margem .conteudo>.elementor-widget-container {
    padding: 0 !important;
}

.inverter-titulo .elementor-image-box-content {
    flex-direction: column-reverse;
}

/* FUNÇÕES WOOCOMMERCE */

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt {
    background: var(--e-global-color-primary);
}


.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:hover {
    background: var(--e-global-color-accent);
}

@media (min-width: 768px) {}