/* ============================================================
   UNICODE ICON OVERRIDES
   Substitui todas as icon fonts por caracteres Unicode nativos.
   Não depende de nenhuma fonte externa — funciona em qualquer browser.
   ============================================================ */

/* --- Reset: anular font-family de icon fonts nos elementos afectados --- */
.icomoon-font-awesome-14x14-chevron-down:before,
.icomoon-font-awesome-14x14-graduation-cap:before,
.icomoon-font-awesome-14x14-floppy-o:before,
.icomoon-font-awesome-14x14-line-chart:before,
.icomoon-font-awesome-14x14-phone:before,
.Defaults-gavel:before,
.Defaults-cloud-download:before,
.Defaults-image:before,
.Defaults-key:before,
.Defaults-bed:before,
.Defaults-chain:before,
.Defaults-at:before,
.gallery-zoom-ico:before,
.gallery-zoom-ico.icomoon-the7-font-the7-zoom-06:before,
[class^="icon-ar-"]:before,
[class*=" icon-ar-"]:before {
  font-family: "Segoe UI Symbol", "Apple Color Emoji", "Noto Color Emoji", "Segoe UI Emoji", Arial, sans-serif !important;
  font-style: normal !important;
  font-weight: normal !important;
  -webkit-font-smoothing: auto !important;
}

/* --- Separador: chevron-down → ﹀ (small down chevron) --- */
.icomoon-font-awesome-14x14-chevron-down:before {
  content: "\25BE" !important;  /* ▾ */
}

/* --- Serviços --- */
.icomoon-font-awesome-14x14-graduation-cap:before {
  content: "\1F393" !important;  /* 🎓 */
}
.Defaults-gavel:before {
  content: "\2696" !important;  /* ⚖ */
}
.Defaults-cloud-download:before {
  content: "\2601" !important;  /* ☁ */
}
.icomoon-font-awesome-14x14-floppy-o:before {
  content: "\1F4BE" !important;  /* 💾 */
}
.Defaults-image:before {
  content: "\1F5BC" !important;  /* 🖼 */
}
.Defaults-key:before {
  content: "\1F511" !important;  /* 🔑 */
}
.Defaults-bed:before {
  content: "\1F3E8" !important;  /* 🏨 */
}
.icomoon-font-awesome-14x14-line-chart:before {
  content: "\1F4C8" !important;  /* 📈 */
}

/* --- Contacto --- */
.Defaults-chain:before {
  content: "\1F517" !important;  /* 🔗 */
}
.icomoon-font-awesome-14x14-phone:before {
  content: "\260E" !important;  /* ☎ */
}
.Defaults-at:before {
  content: "\2709" !important;  /* ✉ */
}

/* --- Galeria: ícone de zoom no hover --- */
.gallery-zoom-ico:before,
.gallery-zoom-ico.icomoon-the7-font-the7-zoom-06:before {
  content: "\1F50D" !important;  /* 🔍 */
}
.gallery-zoom-ico span:before {
  content: none !important;
}

/* --- Setas do carrossel --- */
[class^="icon-ar-"][class$="-l"]:before,
[class*=" icon-ar-"][class$="-l"]:before {
  content: "\276E" !important;  /* ❮ */
}
[class^="icon-ar-"][class$="-r"]:before,
[class*=" icon-ar-"][class$="-r"]:before {
  content: "\276F" !important;  /* ❯ */
}

/* --- Setas do lightbox PhotoSwipe ---
   Abordagem: eliminar completamente a técnica mask-image/SVG e usar
   caracteres Unicode como setas. Forçar visibilidade em TODOS os estados
   (touch, idle, hidden) para garantir que as setas estão sempre acessíveis.
   ------------------------------------------------------------------ */

/* 1. Forçar visibilidade dos botões em todos os estados */
.pswp .pswp__button--arrow--left,
.pswp .pswp__button--arrow--right,
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right,
.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
  visibility: visible !important;
  opacity: 1 !important;
  display: block !important;
  width: 70px !important;
  height: 100px !important;
  position: absolute !important;
  top: 50% !important;
  margin-top: -50px !important;
  background: none !important;
  cursor: pointer !important;
  z-index: 9999 !important;
}
.pswp .pswp__button--arrow--left {
  left: 0 !important;
}
.pswp .pswp__button--arrow--right {
  right: 0 !important;
}

/* 2. Substituir o ::before (que usava mask-image SVG) por Unicode */
.pswp .pswp__button--arrow--left:before,
.pswp .pswp__button--arrow--right:before,
.pswp button.pswp__button.pswp__button--arrow--left:before,
.pswp button.pswp__button.pswp__button--arrow--right:before {
  -webkit-mask: none !important;
  -webkit-mask-image: none !important;
  mask: none !important;
  mask-image: none !important;
  background-color: transparent !important;
  background-image: none !important;
  background: none !important;
  position: static !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  height: 100% !important;
  font-family: Arial, "Segoe UI Symbol", sans-serif !important;
  font-size: 48px !important;
  line-height: 1 !important;
  color: rgba(255, 255, 255, 0.85) !important;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.6) !important;
}

/* 3. Definir o conteúdo Unicode para cada seta */
.pswp .pswp__button--arrow--left:before,
.pswp button.pswp__button.pswp__button--arrow--left:before {
  content: "\276E" !important;  /* ❮ */
}
.pswp .pswp__button--arrow--right:before,
.pswp button.pswp__button.pswp__button--arrow--right:before {
  content: "\276F" !important;  /* ❯ */
}

/* 4. Efeito hover */
.pswp .pswp__button--arrow--left:hover:before,
.pswp .pswp__button--arrow--right:hover:before {
  color: #fff !important;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.8) !important;
}