/*User CSS*/
/* Arxiu carregat correctament */

.click {
  cursor: pointer;
}

.tooltip-inner {
  color: white;
  background-color: var(--bs-primary-bg);
  box-shadow: 0px 0px 4px var(--bs-primary-bg);
  opacity: 1 !important;
}

.tooltip.bs-tooltip-right .tooltip-arrow::before {
  border-right-color: var(--bs-primary) !important;
}

.tooltip.bs-tooltip-left .tooltip-arrow::before {
  border-left-color: var(--bs-primary) !important;
}

.tooltip.bs-tooltip-bottom .tooltip-arrow::before {
  border-bottom-color: var(--bs-primary) !important;
}

.tooltip.bs-tooltip-top .tooltip-arrow::before {
  border-top-color: var(--bs-primary) !important;
}

.io-header {
  padding-top: 100px;
  max-height: 300px;
  background-position: center;
  background-size: cover;
}

.io-header div {
  font-size: x-large;
  bottom: 0;
  width: 100%;
  background: var(--dark-grey-2);
  color: white;
  text-align: center;
  font-weight: bold;
  text-shadow: 0 0 4px var(--orange);
}

.loader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  opacity: 0.6;
  background: url("static/spinners/loader3.gif") 50% 50% no-repeat rgb(249, 249, 249);
}

.opengraph {
  display: inline-block;
  text-indent: -9999px;
  width: 15px;
  height: 15px;
  background: url("static/logos/opengraph.svg") no-repeat center;
  background-size: 15px 15px;
}

.mdi-telegram::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("https://www.google.com/s2/favicons?domain=telegram.org&sz=32");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: middle;
}

svg.mdi-telegram {
  color: #0088cc; /* Telegram blue */
}


/* .telegram {
  display: inline-block;
  text-indent: -9999px;
  width: 14px;
  height: 14px;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M11.944 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.056 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 0 1 .171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.48.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z" fill="%23007bff"/></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  font-size: inherit;
  text-rendering: auto;
  line-height: inherit;
  -webkit-font-smoothing: antialiased;
}

.telegram-outline {
  display: inline-block;
  text-indent: -9999px;
  width: 14px;
  height: 14px;
  background-image:url('{% static "logos/telegram-outline.svg" %}');

} */

.blink {
  animation: blinker 0.5s linear infinite;
}

.select2-selection__choice__remove {
  padding-right: 20px !important;
  /* background-color: var(--bs-primary-bg);
  color: var(--bs-primary); */
}

.qr {
  position: fixed;
  left: 50%;
  top: 50%;
  /* width: 100%;
  height: 100%; */
  z-index: 9999;
  /* margin-top: -100px;
  margin-left: -100px; */
  transform: translate(-50%, -50%);
}

.btn-whatsapp {
  color: #fff;
  background-color: #25D366;
  border-color: #25D366;
}

.btn-whatsapp:hover {
  color: #25D366;
  background-color: white;
  border-color: #25D366;
}

.btn-check:focus+.btn-whatsapp,
.btn-whatsapp:focus {
  color: white;
  background-color: #25D366;
  border-color: #25D366;
  -webkit-box-shadow: 0 0 0 0 rgba(72, 180, 97, 0.5);
  box-shadow: 0 0 0 0 rgba(72, 180, 97, 0.5);
}

.btn-check:checked+.btn-whatsapp,
.btn-check:active+.btn-whatsapp,
.btn-whatsapp:active,
.btn-whatsapp.active,
.show>.btn-whatsapp.dropdown-toggle {
  color: white;
  background-color: #208637;
  border-color: #25D366;
}

.btn-check:checked+.btn-whatsapp:focus,
.btn-check:active+.btn-whatsapp:focus,
.btn-whatsapp:active:focus,
.btn-whatsapp.active:focus,
.show>.btn-whatsapp.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0 rgba(72, 180, 97, 0.5);
  box-shadow: 0 0 0 0 rgba(72, 180, 97, 0.5);
}

.btn-whatsapp:disabled,
.btn-whatsapp.disabled {
  color: white;
  background-color: #28a745;
  border-color: #25D366;
}

.agent-photo {
  max-width: 300px;
  max-height: 300px;
}

.advanced-txt {
  background: var(--bs-primary-bg);
  color: var(--bs-primary);
  font-family: var(--bs-body-font-family);
  font-size: 18px;
}

.advanced {
  width: 250px;
  position: absolute;
  top: 45px;
  left: -50px;
  align-items: center;
  transform: rotate(315deg);
  z-index: 999;
  padding: 1px 0 3px 0;
}

.box {
  position: relative;
  overflow: hidden;
}

.agent-img {
  width: 100%;
  max-height: 400px;
  object-fit: contain;
  object-position: top center;
}

i.help {
  color: #607D8B; 
}

/* Custom Idealista icon */
.mdi-idealista::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("https://www.google.com/s2/favicons?domain=idealista.com&sz=32");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: middle;
}

/* Custom Idealista icon */
.mdi-idealista-inverted::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("https://www.google.com/s2/favicons?domain=idealista.com&sz=32");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: middle;
}

.btn-idealista {
  color: black;
  background-color: #e1f56e;
  border-color: #e1f56e;
}

.btn-idealista:hover {
  color: #e1f56e;
  background-color: darkgray;
  border-color: #e1f56e;
}

.mdi-fotocasa::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("https://www.google.com/s2/favicons?domain=fotocasa.es&sz=32");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: middle;
}

.mdi-yaencontre::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("https://www.google.com/s2/favicons?domain=yaencontre.com&sz=32");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: middle;
}

.btn-fotocasa {
  color: #fff;
  background-color: #303ab2;
  border-color: #303ab2;
}

.btn-fotocasa:hover {
  color: #303ab2;
  background-color: white;
  border-color: #303ab2;
}

.btn-yaencontre {
  color: #fff;
  background-color: #ea3c89;
  border-color: #ea3c89;
}

.btn-yaencontre:hover {
  color: #ea3c89;
  background-color: white;
  border-color: #ea3c89;
}

/* Custom Kyero icon */
.mdi-kyero::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("https://www.google.com/s2/favicons?domain=kyero.com&sz=32");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: middle;
}

.btn-kyero {
  color: #fff;
  background-color: #ff6b35;
  border-color: #ff6b35;
}

.btn-kyero:hover {
  color: #ff6b35;
  background-color: white;
  border-color: #ff6b35;
}

/* Custom EU Real Estate icon */
.mdi-eu-realestate::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("https://www.google.com/s2/favicons?domain=european.realestate&sz=32");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: middle;
}

/* Custom Green-Acres icon */
.mdi-green-acres::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("https://www.google.com/s2/favicons?domain=green-acres.es&sz=32");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: middle;
}

.btn-eu-realestate {
  color: #fff;
  background-color: #003399;
  border-color: #003399;
}

.btn-eu-realestate:hover {
  color: #003399;
  background-color: white;
  border-color: #003399;
}

.btn-bing {
  color: #fff;
  background-color: #008373; /* Bing green */
  border-color: #008373;
}

.btn-bing:hover {
  color: #008373;
  background-color: #fff;
  border-color: #008373;
}

.mdi-bing::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("https://www.google.com/s2/favicons?domain=bing.com&sz=32");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: middle;
}

.btn-bing .mdi-bing::before {
  filter: brightness(0) invert(1);
}

.btn-bing:hover .mdi-bing::before {
  filter: none;
}

.btn-google {
  color: #fff;
  background-color: #3c7ff1;
  border-color: #3c7ff1;
}

.btn-google:hover {
  color: #3c7ff1;
  background-color: #fff;
  border-color: #3c7ff1;
}

.scrollable-section {
  max-height: 68vh; /* or any value you need */
  overflow-y: auto;
  border: 1px solid #ccc; /* optional, for visibility */
  padding: 1rem;
}