/*
 Theme Name:   Napelemaudit Child
 Theme URI:    https://napelemaudit.hu
 Description:  Default GeneratePress child theme
 Author:       Netify
 Author URI:   https://napelemaudit.hu
 Template:     generatepress
 Version:      0.1
*/

<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0" />

/* A teljes sor elrendezése (rugalmas flexbox, hogy minden egy vonalban legyen) */
.icon-text-wrapper {
  display: inline-flex;
  align-items: center;
  gap: 10px; /* Távolság a napelem, a szöveg és a kis ikonok között */
  font-family: Arial, sans-serif;
  font-size: 16px;
}

/* Kifejezetten CSAL A NAPELEM ikon stílusa */
.icon-text-wrapper .solar {
  display: block !important; 
  font-size: 48px !important;
  color: #336699 !important;
}

/* A szöveg utáni két kis ikon közös konténere */
.icon-container {
  display: inline-flex;
  align-items: center;
  gap: 8px; /* Távolság az i karika és a popup ikon között */
}

/* --- Súgó (Tooltip) stílusok --- */
.tooltip {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  background-color: #666666;
  color: #ffffff;
  border-radius: 50%;
  font-size: 13px;
  font-weight: bold;
  cursor: help;
  user-select: none;
}

.tooltip:hover {
  background-color: #222222;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 180px;
  background-color: #222222;
  color: #ffffff;
  text-align: center;
  border-radius: 6px;
  padding: 8px;
  position: absolute;
  z-index: 10;
  bottom: 135%;
  left: 50%;
  transform: translateX(-50%);
  font-size: 12px;
  font-weight: normal;
  line-height: 1.4;
  opacity: 0;
  transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
  pointer-events: none;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-width: 6px;
  border-style: solid;
  border-color: #222222 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
  transform: translateX(-50%) translateY(-2px);
}

/* --- Új, ikonos Popup Trigger stílusok --- */
.popup-trigger.material-symbols-outlined {
  display: inline-flex !important; /* Felülírjuk a block-ot, hogy szépen sorba rendeződjön */
  align-items: center;
  justify-content: center;
  font-size: 26px !important; /* Pontosan akkora, mint az i betűs fekete karika */
  color: #666666 !important; /* Elegáns szürke alapértelmezett szín */
  cursor: pointer;
  user-select: none;
  transition: transform 0.2s ease, color 0.2s ease;
}

/* Hover (rámutatási) effekt a popup ikonra */
.popup-trigger.material-symbols-outlined:hover {
  /*transform: scale(1.15); /* Kicsit megnő */
  color: #000000 !important; /* Befeketedik, jelezve, hogy kattintható */
}

.ff_upload_btn {border-radius: 50px;}

.file_upload_container {padding: 30px 20px 10px 20px; background: #eee; border-radius: 8px;}

.fluentform .ff-step-header--tabs .ff-step-titles li {flex: 0 0 66px;}