/*!
Theme Name: Kadence Child
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: Kadence WP
Author URI: https://www.kadencewp.com/
Description: A child theme for the Kadence Theme.
Version: 1.0.0
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: kadence-child
*/

/* Theme customization starts here
-------------------------------------------------------------- */


.cb:hover {
  box-shadow: 0 0 15 5px;
  transform: scaleX(1.1) !important;
}


.cbwo {
  background-color: rgba(0, 0, 0, 0) !important;
  border: 1px solid white !important;
  color: var(--global-palette9) !important;
  transition: all 800ms linear;
}

.cbwo:hover {
  background-color: var(--global-palette1) !important;
  border: 1px solid var(--global-palette1) !important;
  box-shadow: 0 0 15 5px;
  transform: scaleX(1.05) !important;
}

.cbdo {
  background-color: rgba(255, 0, 0, 0) !important;
  border: 1px solid var(--global-palette3) !important;
  color: var(--global-palette3) !important;
  transition: all 800ms linear;
}

.cbdo:hover {
  background-color: var(--global-palette1) !important;
  border: 1px solid var(--global-palette1) !important;
  box-shadow: 0 0 15 5px;
  color: var(--global-palette9) !important;
  transform: scaleX(1.05) !important;
}

.highlight-effect .kt-highlight {
    position: relative;
}

.highlight-effect .kt-highlight::after {
    content: "";
    /* This line was missing */
    width: var(--highlight-width, 0%);
    height: 12px;
    z-index: -1;
    background-color: var(--global-palette2);
    position: absolute;
    bottom: 0;
    left: 0;
}

/* Basic setup for floating letters */
.floating-letters {
    /* Prevent layout shift during animation */
    min-height: 1.2em;
}

.out-of-stock-message,
.backorder-message,
.in-stock-message {
    margin-bottom: 20px;
    padding: 15px;
    border-radius: 8px;
    border: 2px solid;
}

.out-of-stock-message {
    background-color: #fef2f2;
    border-color: #fca5a5;
    color: #991b1b;
}

.backorder-message {
  background-color: #fefbf2;
  border-color: #fbbf24;
  color: #92400e;
}

.in-stock-message {
  background-color: #f0fdf4;
  border-color: #86efac;
  color: #166534;
}