/* Theme Name: Kicker Merchan Theme URI: https://www.merchanendirecto.es Description: Child theme de Kicker para merchanendirecto.es. Todo el CSS personalizado del sitio vive aquí. Las actualizaciones de Kicker no afectan al diseño. Author: Hola in Company Author URI: https://holaincompany.com Template: kicker Version: 1.0.0 Text Domain: kicker-merchan */ /* ============================================================ CHILD THEME — merchanendirecto.es Hola in Company · Abril 2026 ESTRUCTURA: 1. Post header / título 2. Imágenes destacadas y pies de foto 3. Enlace hover (quitar subrayado animado) 4. Autor box 5. Sidebar 6. Comentarios 7. Off-canvas overlay (Elementor touch fix) 8. Radio Player sticky 9. Advanced Ads (banners ancho completo) 10. Bordes redondos custom 11. Espacios varios ============================================================ */ /* 1. POST HEADER / TÍTULO -------------------------------------------------------------- */ .post_header_wrap .post_header .post_title { margin-top: 40px; margin-bottom: 0; } .page_content_wrap { padding-top: 2rem !important; } /* 2. IMÁGENES DESTACADAS Y PIES DE FOTO -------------------------------------------------------------- */ .post_header_wrap_style_style-10 .post_featured img { max-width: none !important; width: 100% !important; margin-top: 30px !important; } .post_header_wrap .post_featured.with_thumb[data-caption]::after { display: none !important; content: none !important; } /* 3. ENLACE HOVER — QUITAR SUBRAYADO ANIMADO -------------------------------------------------------------- */ .post_info_bc:hover .sc_blogger_item_title a, .post_info_bc .sc_blogger_item_title a:hover, .post_featured:hover .sc_blogger_item_title a { text-decoration: none !important; background-image: none !important; border-bottom: none !important; box-shadow: none !important; } .post_info_bc .sc_blogger_item_title a::after, .post_info_bc .sc_blogger_item_title a::before { display: none !important; width: 0 !important; background: transparent !important; } /* 4. AUTOR BOX — TODOS LOS TAMAÑOS -------------------------------------------------------------- */ .author_info { display: flex !important; flex-direction: row !important; align-items: center !important; flex-wrap: nowrap !important; gap: 16px !important; padding: 20px 24px !important; position: relative !important; min-height: 0 !important; } .author_info .author_avatar { flex: 0 0 64px !important; width: 64px !important; height: 64px !important; max-width: 64px !important; min-width: 64px !important; position: static !important; top: auto !important; left: auto !important; border-radius: 50% !important; overflow: hidden !important; line-height: 1 !important; } .author_info .author_avatar img { width: 64px !important; height: 64px !important; border-radius: 50% !important; object-fit: cover !important; display: block !important; } .author_info .author_description { flex: 1 1 auto !important; padding-left: 0 !important; min-width: 0 !important; width: auto !important; } .author_info .author_label { margin-top: 0 !important; line-height: 1.2 !important; } .author_info .author_title { margin-top: 4px !important; margin-bottom: 0 !important; line-height: 1.3 !important; } .author_info .author_bio { display: none !important; } /* 5. SIDEBAR -------------------------------------------------------------- */ @media (min-width: 1024px) { .sidebar_right.post_with_info_vertical .post_item_single > .post_content, .sidebar_right.post_with_info_vertical .post_item_single > .post_footer, .sidebar_right.post_with_info_vertical .show_comments_single, .sidebar_right.post_with_info_vertical .comments_wrap { padding-left: 8rem !important; } } /* 6. COMENTARIOS -------------------------------------------------------------- */ .comments_wrap .form-submit .sc_button.sc_button_size_large { margin-bottom: 20px; } /* 7. OFF-CANVAS OVERLAY — ELEMENTOR TOUCH FIX Elementor Pro declara pointer-events:all en el overlay, bloqueando todos los toques en móvil cuando el menú está cerrado. -------------------------------------------------------------- */ .e-off-canvas[aria-hidden="true"] .e-off-canvas__overlay { pointer-events: none !important; } .e-off-canvas[aria-hidden="false"] .e-off-canvas__overlay { pointer-events: all; } /* Fix SVGs Elementor menu toggle — no absorber eventos touch */ .elementor-menu-toggle svg, .elementor-menu-toggle path, .elementor-menu-toggle i, .elementor-nav-menu__toggle svg, .elementor-nav-menu__toggle path, .e-off-canvas__toggle svg, .e-off-canvas__toggle path { pointer-events: none; } .elementor-menu-toggle, .elementor-nav-menu__toggle, [data-elementor-type="nav-menu"] .elementor-widget-container, .e-off-canvas__toggle { cursor: pointer; -webkit-tap-highlight-color: transparent; touch-action: manipulation; } /* 8. RADIO PLAYER STICKY -------------------------------------------------------------- */ @media (min-width: 769px) { div.radio-player.floating { display: none !important; } body > .elementor-element-aa14641 { position: fixed !important; bottom: 75px !important; left: 20px !important; top: auto !important; right: auto !important; width: 290px !important; z-index: 99999 !important; display: block !important; background: transparent !important; padding: 0 !important; margin: 0 !important; } } @media (max-width: 768px) { .elementor-element-aa14641, .elementor-381642 .elementor-element.elementor-element-aa14641, body:not(.rtl) .elementor-381642 .elementor-element.elementor-element-aa14641 { position: fixed !important; left: 0 !important; right: 0 !important; bottom: 0 !important; top: auto !important; width: 100% !important; max-width: 100% !important; height: auto !important; z-index: 99999 !important; background: rgba(18, 18, 30, 0.97) !important; box-shadow: 0 -2px 10px rgba(0,0,0,0.4) !important; padding: 6px 10px !important; margin: 0 !important; box-sizing: border-box !important; pointer-events: all !important; } .elementor-element-aa14641 .elementor-widget-container, .elementor-element-aa14641 .radio_player, .elementor-element-aa14641 div.radio-player, .elementor-element-aa14641 .sc_layouts_item, .elementor-element-aa14641 .elementor-shortcode { pointer-events: all !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; } .elementor-element-aa14641 .radio-player.radio-player-1 { --radio-player-width: 100% !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; } .elementor-element-aa14641 .rp-container { width: 100% !important; min-width: 0 !important; } .page_wrap, .body_wrap { padding-bottom: 70px !important; } } /* 9. ADVANCED ADS — BANNERS ANCHO COMPLETO -------------------------------------------------------------- */ div[id^="merch-"] { width: 100% !important; max-width: 100% !important; } div[id^="merch-"] a { display: block; width: 100%; } div[id^="merch-"] a img, div[id^="merch-"] img { width: 100% !important; max-width: 100% !important; height: auto !important; display: block; } /* ============================================================ NEUTRALIZAR REGLAS WP FSE (global-styles) WordPress FSE añade text-decoration:underline a todos los enlaces aunque el theme.json del child lo desactive. Lo neutralizamos aquí con mayor especificidad. ============================================================ */ /* Quitar subrayado global de WP FSE en anchors */ a:where(:not(.wp-element-button)) { text-decoration: none; } /* Restaurar comportamiento esperado: solo subrayar en contenido editorial */ .entry-content a:not(.sc_button):not(.elementor-item):not(.elementor-icon):not([class*="menu"]), .post_content a:not(.sc_button):not(.elementor-item) { text-decoration: underline; text-underline-offset: 2px; } /* Quitar subrayado en menús, botones, títulos de posts, widgets */ .elementor-item, .sc_button, nav a, .menu a, .post_title a, .sc_blogger_item_title a, .widget a, .footer_wrap a, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none !important; }