From f3c2bbb3e75b4833704b2a93f846a818e6bdf98f Mon Sep 17 00:00:00 2001
From: FrankZamora <prime.leads.app@gmail.com>
Date: Fri, 7 Nov 2025 12:02:58 -0600
Subject: [PATCH] Fix share buttons: Eliminar estilos globales .btn de
 theme.css
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

PROBLEMA ROOT CAUSE:
theme.css aplicaba background-color a TODOS los .btn (línea 335)
Esto sobrescribía btn-outline-* de Bootstrap

ANÁLISIS:
- Template original NO tiene theme.css
- theme.css es archivo adicional con reglas conflictivas
- Reglas globales .btn y button sobrescriben Bootstrap

SOLUCIÓN:
- Eliminar selectores button y .btn de theme.css
- Mantener SOLO estilos para inputs SIN clases Bootstrap
- Usar :not([class*="btn"]) para excluir elementos con clases btn

RESULTADO:
- Bootstrap maneja btn-outline correctamente
- Sin conflictos de especificidad CSS
- Inputs sin clases mantienen estilos por defecto

Archivo modificado:
- assets/css/theme.css (líneas 316-348)

Fixes #124

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 .../themes/apus-theme/assets/css/theme.css    | 22 +++++++++----------
 1 file changed, 11 insertions(+), 11 deletions(-)

diff --git a/wp-content/themes/apus-theme/assets/css/theme.css b/wp-content/themes/apus-theme/assets/css/theme.css
index acaf7852..3dac0f57 100644
--- a/wp-content/themes/apus-theme/assets/css/theme.css
+++ b/wp-content/themes/apus-theme/assets/css/theme.css
@@ -313,12 +313,14 @@ textarea {
     resize: vertical;
 }
 
-/* Buttons */
-button,
-.btn,
-input[type="button"],
-input[type="submit"],
-input[type="reset"] {
+/* Buttons
+ * ELIMINADO: Estas reglas globales sobrescriben Bootstrap btn-outline
+ * Bootstrap maneja los estilos de botones correctamente
+ * Solo mantener estilos para inputs que NO usan clases Bootstrap
+ */
+input[type="button"]:not([class*="btn"]),
+input[type="submit"]:not([class*="btn"]),
+input[type="reset"]:not([class*="btn"]) {
     display: inline-block;
     padding: 0.5rem 1rem;
     font-family: inherit;
@@ -338,11 +340,9 @@ input[type="reset"] {
     transition: var(--transition-base);
 }
 
-button:hover,
-.btn:hover,
-input[type="button"]:hover,
-input[type="submit"]:hover,
-input[type="reset"]:hover {
+input[type="button"]:not([class*="btn"]):hover,
+input[type="submit"]:not([class*="btn"]):hover,
+input[type="reset"]:not([class*="btn"]):hover {
     background-color: #0b5ed7;
     text-decoration: none;
 }