.elementor-9 .elementor-element.elementor-element-6d66c84f{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:60px;--padding-right:60px;}.elementor-9 .elementor-element.elementor-element-6d66c84f:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-6d66c84f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-20010bd ) 0%, var( --e-global-color-0af1550 ) 100%);}.elementor-9 .elementor-element.elementor-element-6d66c84f.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-9 .elementor-element.elementor-element-1948e485 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:10px 10px 10px 10px;}.elementor-9 .elementor-element.elementor-element-1948e485{text-align:center;}.elementor-9 .elementor-element.elementor-element-319540d1{--display:flex;--overlay-opacity:0.5;box-shadow:0px 11px 35px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-9 .elementor-element.elementor-element-319540d1:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-319540d1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-136b1dd );}.elementor-9 .elementor-element.elementor-element-319540d1::before, .elementor-9 .elementor-element.elementor-element-319540d1 > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-319540d1 > .e-con-inner > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-319540d1 > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-319540d1 > .e-con-inner > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-319540d1 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-9 .elementor-element.elementor-element-5ba610f5 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:600;color:var( --e-global-color-20010bd );}@media(max-width:1024px){.elementor-9 .elementor-element.elementor-element-319540d1{--border-radius:3px 3px 3px 3px;}}@media(min-width:768px){.elementor-9 .elementor-element.elementor-element-6d66c84f{--width:100%;}.elementor-9 .elementor-element.elementor-element-319540d1{--width:100%;}}@media(max-width:767px){.elementor-9 .elementor-element.elementor-element-6d66c84f{--padding-top:12px;--padding-bottom:12px;--padding-left:12px;--padding-right:12px;}.elementor-9 .elementor-element.elementor-element-319540d1{--padding-top:8px;--padding-bottom:8px;--padding-left:8px;--padding-right:8px;}}/* Start custom CSS for shortcode, class: .elementor-element-8462350 */.status-bar {
  background: #fffbea;
  border-radius: 12px;
  box-shadow: 0 3px 10px rgba(0,0,0,0.05);
  font-family: 'Roboto', sans-serif;
  padding: 8px 12px;
  margin-bottom: 12px;
  width: 100%;
}

.status-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}

/* 🌐 Alapstílus (minden eszközre) */
.status-text {
  font-weight: 600;
  color: #333;
  font-size: 16px;
  flex-shrink: 0;
  flex-grow: 1;
  min-width: 120px;
}

.status-actions {
  display: flex;
  gap: 6px;
  flex-shrink: 0;
  flex-wrap: nowrap;
}

.status-join {
  flex-shrink: 0;
  flex-grow: 1;
  min-width: 180px;
margin-top: 6px;  
}

.btn {
  padding: 9px 14px;
  font-size: 16px;
  height: 40px;
  border: none;
  border-radius: 6px;
  font-weight: bold;
  cursor: pointer;
  white-space: nowrap;
  transition: background-color 0.2s ease;
}

.billing-btn { background: #e0e0e0; color: #333; }
.billing-btn:hover { background: #cacaca; }

.logout-btn { background: #dc3545; color: white; }
.logout-btn:hover { background: #c82333; }

.login-btn { background: #28a745; color: white; }
.login-btn:hover { background: #218838; }

.join-btn {
  background: #ffcc00;
  color: black;
  width: 100%;
}
.join-btn:hover {
  background: #e6b800;
}
.login-status-join{
    width: 100%;
    display: flex;
    justify-content: center;
}

/* ✅ Mobilra finomítás: ha kevés a hely, join-btn lemegy alul automatikusan */
@media (max-width: 600px) {
  .status-container {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 2px;
   padding: 0px;
   margin:0px;
  }

  .status-text {
    font-size: 12px;
padding: 0px;
   margin:0px;
  }

  .btn {
    font-size: 12px;
    height: 33px;
    padding: 4px 4px;
    margin: 0px;

  }

  .status-join {
    width: 100%;
  }
.status-container {
  gap: 1px;
}
.status-bar {
  padding: 8px 6px;
  margin-bottom: 12px;
}
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-44565fc3 */#lead-marketplace {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); /* ✅ responsive, nem ad warningot */
  gap: 24px; /* ✅ valid property, warning akkor van, ha nem jól értelmezi – most jó */
  margin-top: 24px;
}

.lead-box {
  background: #fff8e1;
  border: 1px solid #e0c04f;
  border-radius: 12px;
  box-shadow: 0 5px 20px rgba(0,0,0,0.1);
  padding: 20px;
  font-family: 'Roboto', sans-serif;
  font-size: 16px; /* ✅ szerkeszthető alap betűméret */
}

.lead-box h3 {
  font-size: 20px;
  margin-bottom: 10px;
}

.lead-box p {
  font-size: 15px;
  margin-bottom: 6px;
}


#lead-filter {
  margin-bottom: 24px;
  font-family: 'Roboto', sans-serif;
}
#lead-filter select {
  font-size: 15px;
  border: 1px solid #ccc;
}



/* Alap: Kiválasztom */
.lead-select-btn {
  background-color: #f6c90e;
  color: #000;
  border: none;
  padding: 10px 18px;
  border-radius: 6px;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.2s ease;
}

/* Hover, ha NEM kiválasztott */
.lead-select-btn:hover:not(.selected):not(.disabled) {
  background-color: #e0b700;
}

/* ✅ Eltávolítom állapot (szép piros) */
.lead-box.selected .lead-select-btn {
  background-color: #dc3545;
  color: #fff;
}

/* Hover, ha kiválasztott */
.lead-box.selected .lead-select-btn:hover {
  background-color: #c82333;
}
/* ⛔️ Ne legyen böngésző-féle fókusz keret */
.lead-select-btn:focus {
  outline: none;
  box-shadow: none;
}
/* ✅ Fókusz szín visszaállítás sárgára */
.lead-select-btn:not(.selected):focus {
  background-color: #f6c90e;
  color: #000;
}
/* ✅ Ha kiválasztott, akkor fókuszban is piros marad */
.lead-box.selected .lead-select-btn:focus {
  background-color: #dc3545;
  color: #fff;
}
/* ⛔️ Ne legyen böngésző-féle fókusz keret */
.lead-select-btn:focus {
  outline: none;
  box-shadow: none;
}
/* ✅ Fókusz szín visszaállítás sárgára */
.lead-select-btn:not(.selected):focus {
  background-color: #f6c90e;
  color: #000;
}
/* ✅ Ha kiválasztott, akkor fókuszban is piros marad */
.lead-box.selected .lead-select-btn:focus {
  background-color: #dc3545;
  color: #fff;
}
/* 🔒 Vendég hover tooltip megmarad, nem nyúlunk hozzá */







/* 🟡 Kosársáv */

.lead-cart-info {
  font-size: 15px;
  font-weight: 500;
  color: #333;
}

#lead-buy-btn {
  background-color: #28a745;
  color: white;
  border: none;
  border-radius: 6px;
  padding: 8px 14px;
  font-weight: bold;
  cursor: pointer;
  white-space: nowrap;
  flex-shrink: 0;
}

#lead-buy-btn:hover {
  background-color: #218838;
}


#lead-cart-summary {
  position: fixed;
  bottom: 16px;
  left: 0;
  right: 0;
  margin: 0 auto;
  max-width: 600px;
  z-index: 9999;
  pointer-events: none;
  background: transparent;
  padding: 0;
  overflow: visible;
}

.lead-cart-bar {
  background: #fffbea;
  border: none;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.08); /* Added layered shadow for depth */
  padding: 14px 18px; /* Slightly larger padding */
  
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px; /* Slightly larger gap */
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  pointer-events: auto;
  
  /* Ensure text stays in 2 lines */
  line-height: 1.3;
  min-height: 44px; /* Minimum height to accommodate 2 lines */
}

/* Text container to control line breaks */
.lead-cart-bar .text-container {
  display: -webkit-box;
  -webkit-line-clamp: 2; /* Force text to 2 lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
  white-space: normal;
}

/* Desktop scaling - 40% larger */
@media (min-width: 769px) {
  .lead-cart-bar {
    transform: scale(1.2); /* 40% larger */
    transform-origin: bottom center; /* Scale from bottom to prevent position issues */
    margin-bottom: 20px; /* Add space for the scaled element */
  }
}

/* Mobile adjustments */
@media (max-width: 480px) {
  #lead-cart-summary {
    width: calc(100% - 16px);
    bottom: 12px;
    left: 8px;
    right: 8px;
    transform: none;
  }
  
  .lead-cart-bar {
    padding: 11px 15px;
    gap: 11px;
  }
  
  .lead-cart-info {
  font-size: 14px;
  font-weight: 600;
  color: #333;
}
}/* End custom CSS */