/**
 * Tema Inanagram - Override das cores primárias
 * Substitui #ff5a5f (vermelho/coral) por #1a6da7 e #082043
 * Carregar após web/style.css
 */
:root {
  --primary: #1a6da7;
  --primary-dark: #082043;
}

.btn-primary {
  color: #fff !important;
  background: #1a6da7 linear-gradient(180deg, #2a7db7, #1a6da7) repeat-x !important;
  border-color: #1a6da7 !important;
  box-shadow: none !important;
}
.btn-primary:hover {
  color: #fff !important;
  background: #082043 linear-gradient(180deg, #0d2d52, #082043) repeat-x !important;
  border-color: #082043 !important;
}
.btn-primary:focus,
.btn-primary.focus {
  color: #fff !important;
  background: #082043 linear-gradient(180deg, #0d2d52, #082043) repeat-x !important;
  border-color: #082043 !important;
  box-shadow: 0 0 0 0.2rem rgba(26, 109, 167, 0.5) !important;
}
.btn-primary.disabled,
.btn-primary:disabled {
  color: #fff !important;
  background-color: #1a6da7 !important;
  border-color: #1a6da7 !important;
  background-image: none !important;
}
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #fff !important;
  background-color: #082043 !important;
  background-image: none !important;
  border-color: #082043 !important;
}
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(26, 109, 167, 0.5) !important;
}

.btn-outline-primary {
  color: #1a6da7 !important;
  border-color: #1a6da7 !important;
}
.btn-outline-primary:hover {
  color: #fff !important;
  background-color: #1a6da7 !important;
  border-color: #1a6da7 !important;
}
.btn-outline-primary:focus,
.btn-outline-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(26, 109, 167, 0.5) !important;
}
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show > .btn-outline-primary.dropdown-toggle {
  color: #fff !important;
  background-color: #082043 !important;
  border-color: #082043 !important;
}

.text-primary {
  color: #1a6da7 !important;
}

.bg-primary {
  background-color: #1a6da7 !important;
}
a.bg-primary:hover,
button.bg-primary:hover {
  background-color: #082043 !important;
}

.badge-primary {
  background-color: #1a6da7 !important;
  color: #fff !important;
}
a.badge-primary:hover,
a.badge-primary:focus {
  background-color: #082043 !important;
}

.border-primary {
  border-color: #1a6da7 !important;
}

.alert-primary {
  background-color: rgba(26, 109, 167, 0.15);
  border-color: rgba(26, 109, 167, 0.3);
  color: #082043;
}
.alert-primary .alert-link {
  color: #082043;
}

.list-group-item-primary {
  background-color: rgba(26, 109, 167, 0.15);
  color: #082043;
}
.list-group-item-primary.list-group-item-action:hover,
.list-group-item-primary.list-group-item-action:focus {
  background-color: rgba(26, 109, 167, 0.25);
}
.list-group-item-primary.list-group-item-action.active {
  background-color: #1a6da7;
  border-color: #1a6da7;
  color: #fff;
}

/* Links hover primary - todos os link-hover-*-primary para evitar cor rosada @filipemontt */
.link-hover-primary-primary:hover,
.link-hover-primary-primary:focus,
.link-hover-secondary-primary:hover,
.link-hover-secondary-primary:focus,
.link-hover-success-primary:hover,
.link-hover-success-primary:focus,
.link-hover-info-primary:hover,
.link-hover-info-primary:focus,
.link-hover-warning-primary:hover,
.link-hover-warning-primary:focus,
.link-hover-danger-primary:hover,
.link-hover-danger-primary:focus,
.link-hover-light-primary:hover,
.link-hover-light-primary:focus,
.link-hover-dark-primary:hover,
.link-hover-dark-primary:focus,
.link-hover-white-primary:hover,
.link-hover-white-primary:focus,
.link-hover-gray-primary:hover,
.link-hover-gray-primary:focus,
.link-hover-darker-light-primary:hover,
.link-hover-darker-light-primary:focus {
  color: #1a6da7 !important;
}
.link-hover-primary-dark:hover,
.link-hover-primary-dark:focus {
  color: #082043 !important;
}
/* Catch-all: qualquer link com link-hover e primary (exceto primary-dark) */
a[class*="link-hover"][class*="primary"]:hover:not([class*="primary-dark"]),
a[class*="link-hover"][class*="primary"]:focus:not([class*="primary-dark"]) {
  color: #1a6da7 !important;
}

/* Ícones e elementos que usam primary */
.icon-box.background-icon.color-primary .icon-box-icon,
.icon-box.icon-outline.color-primary .icon-box-icon .icon,
.icon-box.icon-outline.color-primary .icon-box-icon i {
  color: #1a6da7;
}
.icon-box.icon-outline.color-primary .icon-box-icon:hover,
.icon-box-style-02 .color-primary i,
.icon-box-style-02 .color-primary .icon {
  color: #1a6da7;
}
.social-icon.primary-color a {
  color: #1a6da7;
}
.social-icon.primary-color a:hover {
  color: #082043;
}
.nav-pills.text-primary .nav-link.active {
  background-color: #1a6da7;
  color: #fff;
}
.store .content-left .badge-primary {
  background-color: #1a6da7;
}
/* 04/02/2025 - Nav: hover do menu superior e links do header em azul (evitar #ff5a5f) @filipemontt */
.header-customize-item .link:hover {
  color: #1a6da7 !important;
  text-decoration: none;
}
.hover-primary .nav-link:hover {
  color: #1a6da7 !important;
}
.main-header .nav-link:hover {
  color: #1a6da7 !important;
}
.main-header .navbar-nav > .nav-item > .nav-link:hover {
  color: #1a6da7 !important;
}
@media screen and (max-width: 1199px) {
  .main-header .nav-link:hover {
    color: #1a6da7 !important;
  }
  .main-header .navbar-nav > .nav-item > .nav-link:hover {
    color: #1a6da7 !important;
  }
}

/* Categorias em destaque (hero): card hover em azul em vez de vermelho @filipemontt */
.icon-box-style-01:hover {
  background: #1a6da7 !important;
  color: #fff !important;
}
.icon-box-style-01:hover .icon {
  stroke: #fff;
  fill: #fff;
}

.callout-primary {
  border-left-color: #1a6da7;
}

/* Faixa de preço (search) - jQuery UI slider @filipemontt */
.ui-widget-content .ui-widget-header {
  background: #1a6da7 !important;
}
.ui-slider .ui-slider-handle {
  background-color: #1a6da7 !important;
}
.ui-slider .ui-slider-handle:hover {
  background-color: #082043 !important;
}
.ui-slider-horizontal .ui-slider-range {
  background: #1a6da7 !important;
}

/* Botões com bordas arredondadas em todas as páginas @filipemontt */
.btn {
  border-radius: 10px !important;
}
.btn-sm {
  border-radius: 8px !important;
}
.btn-lg {
  border-radius: 12px !important;
}

/* 25/02/2025 - Página search mobile: form de busca afastado do topo (30+40=70px) @filipemontt */
@media (max-width: 767px) {
  .explore-full-map-grid .wrapper-content .sidebar {
    margin-top: 70px;
  }
}

/* 25/02/2025 - Filtros: no desktop sempre aberto; no mobile accordion fechado, ícone gira ao abrir @filipemontt */
@media (min-width: 768px) {
  .widget-filter #filtros-accordion-body.collapse {
    display: block !important;
  }
  .widget-filter .filtros-accordion-trigger .filtros-accordion-icon {
    display: none;
  }
}
@media (max-width: 767px) {
  .widget-filter .card-header {
    padding-bottom: 20px;
  }
}
.widget-filter .filtros-accordion-trigger {
  color: inherit;
  text-decoration: none;
}
.widget-filter .filtros-accordion-trigger:hover,
.widget-filter .filtros-accordion-trigger:focus {
  color: inherit;
  text-decoration: none;
}
.widget-filter .filtros-accordion-icon {
  transition: transform 0.2s ease;
  flex-shrink: 0;
}
/* Ícone gira 180° quando accordion aberto (.show no body) @filipemontt */
.widget-filter:has(#filtros-accordion-body.show) .filtros-accordion-icon {
  transform: rotate(180deg);
}

/* 25/02/2025 - Menu rodapé mobile: fixo, ícone em cima + texto, destaque ativo, safe-area @filipemontt */
@media (max-width: 767px) {
  .content-wrap {
    padding-bottom: 72px;
  }
  /* 25/03/2026 - Painel (.panel): espaço p/ menu fixo inferior (conta, meus-anúncios, salvos, pacotes, perfil) @filipemontt */
  .site-wrapper.panel .wrapper-content {
    padding-bottom: 72px !important;
  }
}
.mobile-footer-nav {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1030;
  display: flex !important;
  flex-direction: row;
  align-items: stretch;
  justify-content: space-around;
  background: #fff;
  border-top: 1px solid #e8edef;
  padding: 8px 0 calc(8px + env(safe-area-inset-bottom, 0));
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.06);
}
.mobile-footer-nav__item {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 4px 2px;
  color: #666;
  text-decoration: none;
  font-size: 0.7rem;
  font-weight: 500;
  transition: color 0.2s ease;
}
.mobile-footer-nav__item:hover {
  color: #1a6da7;
  text-decoration: none;
}
.mobile-footer-nav__item i {
  display: block;
  font-size: 1.35rem;
  margin-bottom: 2px;
  line-height: 1;
}
.mobile-footer-nav__item.active {
  color: #1a6da7;
}
.mobile-footer-nav__item.active i {
  color: #1a6da7;
}

/* Ocultar menu mobile no desktop (depois do display:flex para ganhar especificidade) @filipemontt */
@media (min-width: 768px) {
  .mobile-footer-nav {
    display: none !important;
  }
}

/* 25/03/2026 | 22:40 - Margem inferior 100px: search, anunciar, conta e subpáginas painel @filipemontt */
.site-wrapper.page-bottom-space-100 #wrapper-content {
  padding-bottom: 100px !important;
}

/* 07/04/2026 - Mobile (navbar colapsada): padding-top na faixa da logo (island/status); ajustado -30px vs 100px inicial @filipemontt */
@media (max-width: 1199.98px) {
  .main-header .header-mobile {
    padding-top: max(70px, env(safe-area-inset-top, 0px));
  }
}