/*
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
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
*/

input.elementor-search-form__input::-webkit-search-cancel-button {
   display:none;
}

/* Estilo padrão, texto livre */
.long-text {
    transition: max-height 0.6s ease-in-out;
}

/* Aplica corte, degrade e cursor apenas se tiver a classe .clamp */
.long-text.clamp {
    max-height: 300px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    cursor: pointer;
}

/* Degradê no final */
.long-text.clamp::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2.5em;
    background: linear-gradient(to bottom, transparent, #fff);
    pointer-events: none;
    transition: all 0.4s ease;
}

/* Efeito hover */
.long-text.clamp:hover::after {
    height: 1em !important;
    opacity: 0;
}

/* Estado expandido */
.long-text.expanded {
    -webkit-line-clamp: unset;
    max-height: none;
}

.long-text.expanded::after {
    opacity: 0;
    transition: opacity 0.6s ease;
}

.glossary-item {
  position: relative;
  cursor: help;
  border-bottom: 1px dotted #333; /* opcional, para indicar que tem info */
}

/* Tooltip */
.glossary-item::after {
  content: attr(data-tooltip);
  position: absolute;
  bottom: 125%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #333;
  color: #fff;
  padding: 8px 10px;
  border-radius: 6px;
  white-space: normal;
  width: 220px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s;
  z-index: 9999;
  font-size: 13px;
}

/* Setinha */
.glossary-item::before {
  content: "";
  position: absolute;
  bottom: 115%;
  left: 50%;
  transform: translateX(-50%);
  border-width: 5px;
  border-style: solid;
  border-color: #333 transparent transparent transparent;
  opacity: 0;
  transition: opacity 0.3s;
  z-index: 9999;
}

/* Mostrar no hover */
.glossary-item:hover::after,
.glossary-item:hover::before {
  opacity: 1;
}