/* Ana Terra Tattoo — Frontend base
 * Este arquivo será enfileirado quando a landing page for criada.
 * Ele neutraliza heranças visuais do tema dentro de .att-site.
 */

.att-site,
.att-site * {
    box-sizing: border-box;
}

.att-site {
    margin: 0;
    background: var(--att-ivory);
    color: var(--att-earth);
    font-family: var(--att-font-body);
}

.att-site :where(h1,h2,h3,h4,h5,h6,p,figure,blockquote,ul,ol) {
    margin-block-start: 0;
}

.att-site :where(h1,h2,h3,h4,h5,h6) {
    color: inherit;
    font-family: var(--att-font-display);
}

.att-site a {
    color: inherit;
    text-decoration-color: currentColor;
}

.att-site a:hover,
.att-site a:focus,
.att-site a:active,
.att-site a:visited {
    color: inherit;
}

.att-site button,
.att-site input,
.att-site select,
.att-site textarea {
    font: inherit;
}

.att-site button,
.att-site input[type="button"],
.att-site input[type="submit"] {
    color: inherit;
}

.att-site :where(input,textarea,select) {
    width: 100%;
    min-height: 52px;
    padding: 13px 16px;
    border: 1px solid rgba(58,33,26,.22);
    border-radius: var(--att-radius-sm);
    background: rgba(255,255,255,.72);
    color: var(--att-earth);
    outline: none;
    box-shadow: none;
}

.att-site textarea {
    min-height: 140px;
    resize: vertical;
}

.att-site :where(input,textarea,select):focus {
    border-color: var(--att-gold);
    box-shadow: 0 0 0 3px rgba(217,154,43,.16);
}

.att-site ::selection {
    background: var(--att-red);
    color: var(--att-ivory);
}

/* Proteção contra rosa/magenta herdado por tema/plugins */
.att-site :where(a,button,input,textarea,select):focus-visible {
    outline-color: var(--att-gold);
}

.att-site .elementor-button,
.att-site .wp-element-button {
    background-color: var(--att-red);
    color: var(--att-ivory);
    border-radius: var(--att-radius-pill);
}

.att-site .elementor-button:hover,
.att-site .elementor-button:focus,
.att-site .wp-element-button:hover,
.att-site .wp-element-button:focus {
    background-color: #842E22;
    color: var(--att-ivory);
}