/* ==========================================================================
   WS BASE
   Tipografia e elementos HTML

   Projeto: Workshop de Plantas Medicinais
   Desenvolvimento: Elias Lopes
   Agência: Foca Lá Comunicação e Design
========================================================================== */


/* ==========================================================================
   DOCUMENTO E CORPO
========================================================================== */

html {
    font-family: var(--ws-font-primary);
    font-size: 100%;
    scroll-behavior: smooth;
}

body.wp-child-theme-exhibz-child {
    margin: 0;
    color: var(--ws-color-text);
    background-color: var(--ws-color-background);
    font-family: var(--ws-font-primary) !important;
    font-size: var(--ws-text-base);
    font-weight: var(--ws-font-regular);
    line-height: var(--ws-line-height-base);
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


/* ==========================================================================
   TIPOGRAFIA GLOBAL DO TEMA, ELEMENTOR E EXHIBZ
========================================================================== */

body.wp-child-theme-exhibz-child p,
body.wp-child-theme-exhibz-child a,
body.wp-child-theme-exhibz-child li,
body.wp-child-theme-exhibz-child label,
body.wp-child-theme-exhibz-child blockquote,
body.wp-child-theme-exhibz-child button,
body.wp-child-theme-exhibz-child input,
body.wp-child-theme-exhibz-child select,
body.wp-child-theme-exhibz-child textarea,
body.wp-child-theme-exhibz-child .elementor-widget-text-editor,
body.wp-child-theme-exhibz-child .elementor-widget-text-editor p,
body.wp-child-theme-exhibz-child .elementor-button,
body.wp-child-theme-exhibz-child .elementor-button-text,
body.wp-child-theme-exhibz-child .btn,
body.wp-child-theme-exhibz-child .ticket-btn,
body.wp-child-theme-exhibz-child .navbar,
body.wp-child-theme-exhibz-child .navbar a,
body.wp-child-theme-exhibz-child .single-intro-text,
body.wp-child-theme-exhibz-child .single-intro-text p,
body.wp-child-theme-exhibz-child .countdown,
body.wp-child-theme-exhibz-child .countdown-number,
body.wp-child-theme-exhibz-child .smalltext,
body.wp-child-theme-exhibz-child .sub-title,
body.wp-child-theme-exhibz-child .schedule-listing,
body.wp-child-theme-exhibz-child .etn-btn {
    font-family: var(--ws-font-primary) !important;
}


/* ==========================================================================
   TÍTULOS GLOBAIS
========================================================================== */

body.wp-child-theme-exhibz-child h1,
body.wp-child-theme-exhibz-child h2,
body.wp-child-theme-exhibz-child h3,
body.wp-child-theme-exhibz-child h4,
body.wp-child-theme-exhibz-child h5,
body.wp-child-theme-exhibz-child h6,
body.wp-child-theme-exhibz-child .elementor-heading-title,
body.wp-child-theme-exhibz-child .section-title,
body.wp-child-theme-exhibz-child .ts-title,
body.wp-child-theme-exhibz-child .entry-title,
body.wp-child-theme-exhibz-child .widget-title {
    margin-top: 0;
    font-family: var(--ws-font-primary) !important;
    font-weight: var(--ws-font-bold);
    line-height: var(--ws-line-height-heading);
}


/* ==========================================================================
   ESCALA DE TÍTULOS
========================================================================== */

body.wp-child-theme-exhibz-child h1,
body.wp-child-theme-exhibz-child .elementor-widget-heading h1.elementor-heading-title {
    font-size: var(--ws-h1);
}

body.wp-child-theme-exhibz-child h2,
body.wp-child-theme-exhibz-child .elementor-widget-heading h2.elementor-heading-title,
body.wp-child-theme-exhibz-child .section-title {
    font-size: var(--ws-h2);
}

body.wp-child-theme-exhibz-child h3,
body.wp-child-theme-exhibz-child .elementor-widget-heading h3.elementor-heading-title {
    font-size: var(--ws-h3);
}

body.wp-child-theme-exhibz-child h4,
body.wp-child-theme-exhibz-child .elementor-widget-heading h4.elementor-heading-title {
    font-size: var(--ws-h4);
}

body.wp-child-theme-exhibz-child h5,
body.wp-child-theme-exhibz-child .elementor-widget-heading h5.elementor-heading-title {
    font-size: var(--ws-h5);
}

body.wp-child-theme-exhibz-child h6,
body.wp-child-theme-exhibz-child .elementor-widget-heading h6.elementor-heading-title {
    font-size: var(--ws-h6);
}


/* ==========================================================================
   PARÁGRAFOS E TEXTOS
========================================================================== */

body.wp-child-theme-exhibz-child p {
    margin-top: 0;
    font-size: var(--ws-text-base);
    line-height: var(--ws-line-height-base);
}

body.wp-child-theme-exhibz-child small {
    font-family: var(--ws-font-primary) !important;
    font-size: var(--ws-text-sm);
}

body.wp-child-theme-exhibz-child strong,
body.wp-child-theme-exhibz-child b {
    font-weight: var(--ws-font-bold);
}


/* ==========================================================================
   LINKS
========================================================================== */

body.wp-child-theme-exhibz-child a {
    transition:
        color var(--ws-transition-normal),
        background-color var(--ws-transition-normal),
        border-color var(--ws-transition-normal),
        opacity var(--ws-transition-normal),
        transform var(--ws-transition-normal);
}


/* ==========================================================================
   FORMULÁRIOS
========================================================================== */

body.wp-child-theme-exhibz-child button,
body.wp-child-theme-exhibz-child input,
body.wp-child-theme-exhibz-child select,
body.wp-child-theme-exhibz-child textarea {
    font-size: inherit;
    line-height: inherit;
}


/* ==========================================================================
   IMAGENS E MÍDIA
========================================================================== */

body.wp-child-theme-exhibz-child img {
    max-width: 100%;
    height: auto;
}


/* ==========================================================================
   PROTEÇÃO DOS ÍCONES

   Não aplicamos Outfit aos elementos de ícone, pois eles usam fontes
   próprias do Exhibz, Elementor, Font Awesome e ElementsKit.
========================================================================== */

body.wp-child-theme-exhibz-child i,
body.wp-child-theme-exhibz-child [class^="icon-"],
body.wp-child-theme-exhibz-child [class*=" icon-"],
body.wp-child-theme-exhibz-child .fa,
body.wp-child-theme-exhibz-child .fas,
body.wp-child-theme-exhibz-child .far,
body.wp-child-theme-exhibz-child .fab,
body.wp-child-theme-exhibz-child .eicon,
body.wp-child-theme-exhibz-child .elementor-icon {
    font-family: inherit;
}

/* ==========================================================================
   PROTEÇÃO DOS ÍCONES

   Os ícones continuam usando as fontes próprias dos plugins e do tema.
========================================================================== */

body.wp-child-theme-exhibz-child i.icon,
body.wp-child-theme-exhibz-child i[class^="icon-"],
body.wp-child-theme-exhibz-child i[class*=" icon-"],
body.wp-child-theme-exhibz-child i.fa,
body.wp-child-theme-exhibz-child i.fas,
body.wp-child-theme-exhibz-child i.far,
body.wp-child-theme-exhibz-child i.fab,
body.wp-child-theme-exhibz-child i.eicon {
    font-family: initial;
}

/* ==========================================================================
   GRID GLOBAL DO SITE — LARGURA PADRÃO 1320PX
========================================================================== */

body.wp-child-theme-exhibz-child {
    --ws-site-width: 82.5rem; /* 1320px */
    --ws-site-gutter: 1.5rem;
}


/* Containers do tema */

body.wp-child-theme-exhibz-child .container,
body.wp-child-theme-exhibz-child .container-fluid > .container {
    width: min(
        calc(100% - (var(--ws-site-gutter) * 2)),
        var(--ws-site-width)
    ) !important;

    max-width: var(--ws-site-width) !important;
    margin-right: auto !important;
    margin-left: auto !important;
}


/* Elementor antigo — seções e colunas */

body.wp-child-theme-exhibz-child
.elementor-section.elementor-section-boxed
> .elementor-container {
    width: min(
        calc(100% - (var(--ws-site-gutter) * 2)),
        var(--ws-site-width)
    ) !important;

    max-width: var(--ws-site-width) !important;
}


/* Elementor atual — containers */

body.wp-child-theme-exhibz-child
.e-con.e-con-boxed
> .e-con-inner {
    width: min(
        calc(100% - (var(--ws-site-gutter) * 2)),
        var(--ws-site-width)
    ) !important;

    max-width: var(--ws-site-width) !important;
}


/* Widgets e blocos internos que usam largura máxima do Elementor */

body.wp-child-theme-exhibz-child
.elementor-widget-container {
    max-width: 100%;
}


/* ==========================================================================
   TABLET
========================================================================== */

@media (max-width: 64rem) {

    body.wp-child-theme-exhibz-child {
        --ws-site-gutter: 1.25rem;
    }
}


/* ==========================================================================
   MOBILE
========================================================================== */

@media (max-width: 47.9375rem) {

    body.wp-child-theme-exhibz-child {
        --ws-site-gutter: 0.75rem;
    }
}