/* Quicknav YUKA — acces rapid persistent, dreapta jos pe toate ecranele. */
.quicknav{
  --qn-accent: var(--accent, #00A402);
  --qn-paper: var(--paper, #F2F1EC);
  --qn-paper-2: var(--paper-2, #FFFFFF);
  --qn-ink: var(--ink, #141413);
  --qn-muted: var(--muted, #6E6E66);
  --qn-line: var(--line, #DEDCD4);
  --qn-line-soft: var(--line-soft, #E9E7E0);
  --qn-display: var(--display, "Montserrat", system-ui, sans-serif);
  --qn-radius: var(--radius, 4px);
  --qn-s3: 12px;
  --qn-s4: 16px;
  --qn-s5: 24px;
  position: fixed;
  right: calc(var(--qn-s4) + env(safe-area-inset-right, 0px));
  bottom: calc(var(--qn-s4) + env(safe-area-inset-bottom, 0px));
  z-index: 10050;
}

.quicknav__toggle{
  position: relative;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  border: 1px solid transparent;
  background: var(--qn-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 10px 30px rgba(0, 0, 0, .28);
  transition: background .15s ease, border-color .15s ease, transform .15s ease;
}
.quicknav__toggle:hover{background: #00B802; transform: translateY(-1px)}
.quicknav__toggle:focus-visible{outline: 2px solid var(--qn-accent); outline-offset: 3px}
.quicknav__toggle-icon{position: relative; width: 20px; height: 20px; transition: transform .2s ease}
.quicknav__toggle-icon::before,
.quicknav__toggle-icon::after{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 20px;
  height: 2px;
  background: #0B0B0A;
  transform: translate(-50%, -50%);
}
.quicknav__toggle-icon::after{transform: translate(-50%, -50%) rotate(90deg)}
.quicknav.is-open .quicknav__toggle-icon{transform: rotate(45deg)}

.quicknav__panel{
  position: absolute;
  right: 0;
  bottom: calc(56px + var(--qn-s3));
  width: min(90vw, 392px);
  max-height: min(78vh, 620px);
  overflow-y: auto;
  overscroll-behavior: contain;
  background: var(--qn-paper-2);
  border: 1px solid var(--qn-line);
  border-radius: 10px;
  box-shadow: 0 22px 60px rgba(0, 0, 0, .28);
  padding: 10px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(8px) scale(.98);
  transform-origin: bottom right;
  transition: opacity .18s ease, transform .18s ease, visibility 0s linear .18s;
}
.quicknav.is-open .quicknav__panel{
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0) scale(1);
  transition: opacity .18s ease, transform .18s ease, visibility 0s linear 0s;
}

.quicknav__panel.is-typebot{
  width: min(92vw, 420px);
  max-height: min(85vh, 640px);
  overflow: hidden;
  padding: 0;
}

.quicknav__typebot{
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  background: #fff;
  border-radius: inherit;
  overflow: hidden;
}
.quicknav__typebot[hidden]{display: none}
.quicknav__typebot-close{
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(17, 17, 17, .55);
  color: #fff;
  border: none;
  cursor: pointer;
  backdrop-filter: blur(4px);
}
.quicknav__typebot-close:hover{background: rgba(17, 17, 17, .75); transform: scale(1.06)}
.quicknav__typebot-close svg{width: 16px; height: 16px}
.quicknav__typebot-frame{flex: 1; width: 100%; height: 100%; border: none; display: block}

.quicknav__list{display: flex; flex-direction: column; gap: 0; margin: 0; padding: 0; list-style: none}
.quicknav__list > li + li{border-top: 1px solid var(--qn-line-soft)}
.quicknav__channels{margin: 0; padding: 0 12px 4px 44px; list-style: none}

.quicknav__item,
.quicknav__section-title{
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-height: 48px;
  padding: 12px;
  border-radius: var(--qn-radius);
  border: 1px solid transparent;
  background: none;
  font-family: var(--qn-display);
  font-weight: 600;
  font-size: 15px;
  color: var(--qn-ink);
  text-decoration: none;
  text-align: left;
}
.quicknav__item{cursor: pointer; transition: background .15s ease, border-color .15s ease}
.quicknav__item:hover{background: var(--qn-paper); border-color: var(--qn-line)}
.quicknav__item--primary{background: rgba(0, 164, 2, .07)}
.quicknav__item--primary:hover{background: rgba(0, 164, 2, .12); border-color: rgba(0, 164, 2, .28)}

.quicknav__item-icon{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  color: var(--qn-muted);
}
.quicknav__item-icon svg{width: 100%; height: 100%; display: block}

.quicknav__section{padding: 3px 0 8px}
.quicknav__section-title{padding-bottom: 7px; min-height: auto}
.quicknav__channels{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 9px;
}
.quicknav__channel-icon{
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(0, 0, 0, .06);
  border-radius: 28%;
  background: #fff;
  color: #fff;
  text-decoration: none;
  box-shadow: 0 2px 6px rgba(0, 0, 0, .14);
  transition: transform .15s ease, box-shadow .15s ease;
}
.quicknav__channel-icon:hover{
  transform: translateY(-2px) scale(1.04);
  box-shadow: 0 6px 14px rgba(0, 0, 0, .2);
}
.quicknav__channel-icon:focus-visible{outline: 2px solid var(--qn-accent); outline-offset: 2px}
.quicknav__channel-icon svg{width: 22px; height: 22px; display: block}
.quicknav__channel-icon--newsletter svg{width: 23px; height: 23px}

.quicknav__channel-icon--phone{background: #34C759}
.quicknav__channel-icon--whatsapp{background: #25D366}
.quicknav__channel-icon--instagram{background: linear-gradient(135deg, #405DE6, #5B51D8, #833AB4, #C13584, #E1306C, #FD1D1D, #F56040, #FCAF45, #FFDC80)}
.quicknav__channel-icon--messenger{background: linear-gradient(135deg, #00B2FF, #006AFF)}
.quicknav__channel-icon--telegram{background: linear-gradient(160deg, #4FC3F7, #0088CC)}
.quicknav__channel-icon--youtube{background: #FF0000}
.quicknav__channel-icon--pinterest{background: #E60023}
.quicknav__channel-icon--facebook{background: #1877F2}
.quicknav__channel-icon--maps{background: #4285F4}
.quicknav__channel-icon--waze{background: #33CCFF}
.quicknav__channel-icon--email{background: linear-gradient(160deg, #63C1FF, #3B82F6)}
.quicknav__channel-icon--newsletter{background: #FF9500}
.quicknav__channel-icon--tiktok{background: #000}

@media (max-width: 420px){
  .quicknav__panel{width: min(92vw, 372px)}
  .quicknav__channels{gap: 8px}
  .quicknav__channel-icon{width: 40px; height: 40px; flex-basis: 40px}
}

body.pswpOpen .quicknav,
body.mobile_filters_open .quicknav,
body.home-nou-gallery-open .quicknav,
body.cum-lucram-gallery-open .quicknav,
body.kd-lightbox-open .quicknav{
  display: none !important;
}

@media print{
  .quicknav{display: none !important}
}

/* Pe F4, bubble-ul Typebot este înlocuit de quicknav. */
typebot-bubble{
  display: none !important;
}