/* 
Theme Name: Hello Child Theme For Breen
Description: Custom child theme extension based on the Hello Child theme by Elementor
Author: Rocking Rose Pty Ltd
Author URI: https://rockingrose.technology
Template: hello-elementor
Version: 1.1.5
Text Domain: hello-child-breen
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*Buttons that swap icons when hovered for the home page sliders - 25 August 2025 SG */

/* Stack both buttons perfectly */
.hover-swap-button {
  display: grid;
}
.hover-swap-button .elementor-widget-button {
  grid-area: 1 / 1;
}

/* Start with plain visible, icon version hidden */
.hover-swap-button .btn-plain .elementor-button {
  opacity: 1;
  transition: opacity 0.25s ease;
}
.hover-swap-button .btn-icon .elementor-button {
  opacity: 0;
  transition: opacity 0.25s ease;
  pointer-events: none;
}

/* On hover of the container (or focus within), swap */
.hover-swap-button:hover .btn-plain .elementor-button,
.hover-swap-button:focus-within .btn-plain .elementor-button {
  opacity: 0;
  pointer-events: none;
}

.hover-swap-button:hover .btn-icon .elementor-button,
.hover-swap-button:focus-within .btn-icon .elementor-button {
  opacity: 1;
  pointer-events: auto;
}