/* =========================================
   ESTILO DE LINKS: APENAS EM BLOCOS DE TEXTO
========================================= */
/* Alveja apenas links dentro do widget de Texto do Elementor, 
   descrições longas do Woo e áreas de postagem (Blog) */

.elementor-text-editor a,
.elementor-widget-text-editor a,
.woocommerce-product-details__short-description a,
.woocommerce-Tabs-panel--description a,
.entry-content a {
    color: var(--text-link-color);
    text-decoration: underline;
    text-underline-offset: 3px;
    font-weight: var(--text-link-weight);
    transition: all 0.3s ease;
}

/* O Efeito de Hover apenas para esses textos */
.elementor-text-editor a:hover,
.elementor-widget-text-editor a:hover,
.woocommerce-product-details__short-description a:hover,
.woocommerce-Tabs-panel--description a:hover,
.entry-content a:hover {
    color: var(--text-link-hover-color);
    text-decoration-color: var(--text-link-hover-color);
}

/* -----------------------------------------
   1. BASE
----------------------------------------- */
.btn .elementor-button,
.btn button,
.elementor-button {
    display: inline-block;
    padding: var(--btn-padding);
    font-weight: bold;
    text-align: center;
    border-radius: var(--btn-radius);
    transition: var(--btn-transition);
    cursor: pointer;
}

body a.elementor-button:hover,
body .woocommerce a.button:hover,
body .woocommerce-page a.button:hover {
    text-decoration: none !important;
}

.elementor-button:active {
    transform: scale(0.97) translateY(0);
    box-shadow: var(--btn-shadow-active);
}

.elementor-button-icon svg {
    fill: currentColor;
}

body .elementor-button-content-wrapper {
    gap: var(--btn-icon-gap, 8px);
}

/* -----------------------------------------
   2. SQUARE SOLID
----------------------------------------- */
body .btn--square-solid .elementor-button,
body .btn--square-solid button {
    background-color: var(--btn-bg);
    color: var(--btn-text);
    border: var(--btn-border);
    border-radius: var(--btn-radius);
}

body .btn--square-solid .elementor-button:hover,
body .btn--square-solid .elementor-button:focus,
body .btn--square-solid button:hover,
body .btn--square-solid button:focus {
    background-color: var(--btn-bg-hover);
    color: var(--btn-text);
    transform: translateY(-2px);
    box-shadow: var(--btn-shadow-hover);
}

/* -----------------------------------------
   3. SQUARE GHOST
----------------------------------------- */
body .btn--square-ghost .elementor-button,
body .btn--square-ghost button {
    background-color: transparent;
    color: var(--btn-bg);
    border: 2px solid var(--btn-bg);
    border-radius: var(--btn-radius);
}

body .btn--square-ghost .elementor-button:hover,
body .btn--square-ghost .elementor-button:focus,
body .btn--square-ghost button:hover,
body .btn--square-ghost button:focus {
    background-color: var(--btn-bg);
    color: var(--btn-text);
    box-shadow: 0px 4px 10px rgba(0, 77, 34, 0.2);
}

/* -----------------------------------------
   4. ROUNDED GHOST (principal)
----------------------------------------- */
body .btn--rounded-ghost .elementor-button,
body .btn--rounded-ghost button {
    background-color: var(--bg-color-secondary);
    color: var(--text-color);
    border: 2px solid var(--border-color);
    border-radius: var(--btn-radius-pill);
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05);
	padding: 16px 32px;
}

body .btn--rounded-ghost .elementor-button-icon {
    transition: transform 0.3s ease-in-out;
}

body .btn--rounded-ghost .elementor-button:hover,
body .btn--rounded-ghost .elementor-button:focus,
body .btn--rounded-ghost button:hover,
body .btn--rounded-ghost button:focus {
    background-color: var(--bg-color-inverse);
	color: var(--text-color-inverse);
    box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.1);
}

body .btn--rounded-ghost .elementor-button:hover .elementor-button-icon,
body .btn--rounded-ghost button:hover .elementor-button-icon {
    transform: translateX(5px);
}

/* -----------------------------------------
   5. ROUNDED CTA
----------------------------------------- */
body .btn--rounded-cta .elementor-button,
body .btn--rounded-cta button {
    background-color: var(--btn-bg-alert);
    color: var(--text-color);
    border: 2px solid var(--border-color-danger);
    border-radius: var(--btn-radius-pill);
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
}

body .btn--rounded-cta .elementor-button:hover,
body .btn--rounded-cta .elementor-button:focus,
body .btn--rounded-cta button:hover,
body .btn--rounded-cta button:focus {
    transform: translateY(-2px);
    box-shadow: 0px 0px 20px rgba(255, 197, 0, 0.8);
}

body .btn--rounded-cta .elementor-button:active,
body .btn--rounded-cta button:active {
    transform: scale(0.97) translateY(0);
    box-shadow: 0px 0px 8px rgba(255, 197, 0, 0.5);
}

/* =========================================
   6. RESET — WooCommerce
========================================= */
body.woocommerce div.product form.cart button.single_add_to_cart_button,
body.woocommerce-page #main button.button,
body.woocommerce-page #main input.button,
body.woocommerce-page #main a.button {
    background-color: var(--btn-bg);
    color: var(--btn-text);
    border: var(--btn-border);
    border-radius: var(--btn-radius);
    padding: var(--btn-padding);
    font-weight: bold;
    transition: var(--btn-transition);
}

body.woocommerce div.product form.cart button.single_add_to_cart_button:hover,
body.woocommerce-page #main button.button:hover,
body.woocommerce-page #main input.button:hover,
body.woocommerce-page #main a.button:hover {
    background-color: var(--btn-bg-hover);
    color: var(--btn-text);
    transform: translateY(-2px);
    box-shadow: var(--btn-shadow-hover);
}

body.woocommerce div.product form.cart button.single_add_to_cart_button:active,
body.woocommerce-page #main button.button:active,
body.woocommerce-page #main input.button:active,
body.woocommerce-page #main a.button:active {
    transform: scale(0.97) translateY(0);
    box-shadow: var(--btn-shadow-active);
}

/* =========================================
   7. RESET — CheckoutWC-Lite
========================================= */
body .elementor-widget-woocommerce-cart .woocommerce .wc-proceed-to-checkout a.checkout-button.alt {
    background-color: var(--btn-bg);
    color: var(--btn-text);
    border-radius: var(--btn-radius);
    padding: var(--btn-padding);
    transition: var(--btn-transition);
}

body .elementor-widget-woocommerce-cart .woocommerce .wc-proceed-to-checkout a.checkout-button.alt:hover {
    background-color: var(--btn-bg-hover);
    transform: translateY(-2px);
    box-shadow: var(--btn-shadow-hover);
}

body .elementor-widget-woocommerce-cart .woocommerce .wc-proceed-to-checkout a.checkout-button.alt:active {
    transform: scale(0.97) translateY(0);
    box-shadow: var(--btn-shadow-active);
}

/* =========================================
   8. UTILITY: RESET DE BOTÃO (Naked Button)
========================================= */
body .btn--reset .elementor-button,
body .btn--reset button,
body button.btn--reset {
    background-color: transparent !important;
    color: inherit !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
    transform: none !important;
    min-width: 0 !important;
    min-height: 0 !important;
}

/* Remove os efeitos globais de interação */
body .btn--reset .elementor-button:hover,
body .btn--reset .elementor-button:focus,
body .btn--reset .elementor-button:active,
body .btn--reset button:hover,
body .btn--reset button:focus,
body .btn--reset button:active,
body button.btn--reset:hover,
body button.btn--reset:focus,
body button.btn--reset:active {
    background-color: transparent !important;
    color: inherit !important;
    box-shadow: none !important;
    transform: none !important;
    border: none !important;
}