/* =================== ESTILOS GLOBAIS =================== */
body.single-job_listing {
  padding-top: 0 !important;
}

.sidebar,
#secondary,
.widget-area {
  display: none !important;
}

.content-area,
.site-main {
  width: 100% !important;
  max-width: 100% !important;
}

/* =================== HEADER / TOPO =================== */
#apus-header {
  position: relative !important;
  background: #064C7F !important;
}

.header-top-job {
  position: relative;
  background: linear-gradient(90deg, #1e3c72 0%, #2a5298 100%) !important;
  padding: 10px 20px !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2) !important;
  color: #fff !important;
  min-height: 500px !important;
}

.header-top-job::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('https://sm.ign.com/ign_br/screenshot/default/cbpk-1_ku5p.jpg') !important;
  background-size: cover !important;
  background-position: center !important;
  opacity: 0.05 !important;
  pointer-events: none !important;
}

/* Responsivo header-top-job */
@media (max-width: 600px) {
  .header-top-job.style-white {
      height: auto !important; /* se ajusta ao conteúdo */
  min-height: 700px !important; /* define uma altura mínima segura */
  padding: 20px 0 !important; /* garante espaçamento mesmo com pouco conteúdo */
  }
  h1.entry-title {font-size:20px !important}
  .hiperguia-qr-wrapper {margin-top:20px !important}
  .listing-location.listing-address {margin-top:10px !important}
  div.listing-category {margin-bottom:10px !important;}
}

/* =================== TÍTULOS =================== */
.entry-title {
  font-weight: 900 !important;
  font-size: 45px !important;
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
  color: #FFFF00 !important;
}




/* =================== QR CODE =================== */
.wpkqcg_qrcode {
  max-width: 160px !important;
  margin-bottom: 10px !important;
}

.hiperguia-qr-wrapper {
  margin-bottom: 5% !important;
  padding-left:15px !important;
  padding-right:15px !important;
}

.hiperguia-qr-wrapper img {
  max-width: 160px !important;
  margin-bottom: 2% !important;
}

/* =================== BOTÕES DE CONTATO =================== */
.buttons-container {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: space-between !important;
  max-width: 360px !important;
  margin: 0 auto !important;
  gap: 15px !important;
}

.buttons-container a.btn-contact {
  text-decoration: none !important;
  flex: 0 0 45% !important;
  box-sizing: border-box !important;
  display: block !important;
}

.buttons-container a.btn-contact .btn-content {
  background-color: #ddd !important;
  border-radius: 6px !important;
  padding: 12px 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  width: 100% !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
  color: white !important;
  transition: background-color 0.3s ease !important;
}

.buttons-container a.btn-whatsapp .btn-content {
  background-color: #25D366 !important;
}
.buttons-container a.btn-telefone .btn-content {
  background-color: #34B7F1 !important;
}
.buttons-container a.btn-navegar .btn-content {
  background-color: #FF5722 !important;
}
.buttons-container a.btn-google .btn-content {
  background-color: #4285F4 !important;
}

.buttons-container a.btn-contact:hover .btn-content {
  filter: brightness(0.85) !important;
}

.buttons-container a.btn-contact .btn-content i {
  margin-right: 10px !important;
  color: white !important;
  font-size: 18px !important;
}

/* Responsivo botões */
@media (max-width: 480px) {
  .buttons-container {
    max-width: 100% !important;
    gap: 10px !important;
    justify-content: center !important;
  }

  .buttons-container a.btn-contact {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  .buttons-container a.btn-contact .btn-content {
    font-size: 14px !important;
    padding: 10px 0 !important;
  }

  .buttons-container a.btn-contact .btn-content i {
    margin-right: 8px !important;
    font-size: 16px !important;
  }
}

/* =================== CLAIM & FORMULÁRIOS =================== */
.claim-listing:before {
  display: none !important;
}

#wpjmcl_submit_claim .button {
  margin-top: 3% !important;
  background-color: #ff431e !important;
  color: #fff !important;
  font-family: "Poppins", sans-serif !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  padding: 30px !important;
}

/* =================== OUTROS =================== */
.entry-header-right [class*=apus-bookmark],
.entry-header-right .share-popup,
.entry-header-right .listing-reviews {
  padding: 15px 10px !important;
}

.entry-header-content-inner img {
  width: 60% !important;
  margin-top: 20px !important;
}

@media (max-width: 600px) {
  .joao {
    margin-top: 5% !important;
  }
}

.elementor-kit-18 h1 {
  color: #0e0e0e !important;
}



/* Container e estrutura geral */
#apus-breadscrumb {
  background: linear-gradient(90deg, #007bff 0%, #0056b3 100%);
  color: #fff;
  padding: 30px 0;
  font-family: 'Poppins', sans-serif;
}

#apus-breadscrumb .bread-title {
  font-weight: 700;
  font-size: 2.4rem;
  margin-bottom: 10px;
}

#apus-breadscrumb .breadcrumb {
  list-style: none;
  padding: 0;
  margin: 0;
  display: inline-flex;
  gap: 8px;
  font-size: 0.9rem;
  color: #cce4ff;
}

#apus-breadscrumb .breadcrumb li a {
  color: #cce4ff;
  text-decoration: none;
  transition: color 0.3s ease;
}

#apus-breadscrumb .breadcrumb li a:hover {
  color: #fff;
}

#apus-breadscrumb .breadcrumb li span.active {
  color: #e0e0e0;
  font-weight: 600;
}

/* Main container */
#main-container {
  margin: 40px auto;
  max-width: 1140px;
  font-family: 'Inter', sans-serif;
  color: #333;
}

/* User name heading */
.user-name {
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: 25px;
  color: #222;
}

/* Box list item wrapper */
.my-listing-item-wrapper.job_listing {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 8px;
  margin-bottom: 20px;
  padding: 20px 25px;
  box-shadow: 0 2px 6px rgb(0 0 0 / 0.05);
  transition: box-shadow 0.3s ease;
}

.my-listing-item-wrapper.job_listing:hover {
  box-shadow: 0 6px 20px rgb(0 0 0 / 0.12);
}

/* Listing title */
.listing-title {
  font-size: 1.4rem;
  font-weight: 600;
  margin: 0 0 8px 0;
}

.listing-title a {
  color: #007bff;
  text-decoration: none;
  transition: color 0.3s ease;
}

.listing-title a:hover {
  color: #0056b3;
  text-decoration: underline;
}

/* Listing location */
.listing-location.listing-address a {
  font-size: 0.95rem;
  color: #555;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 6px;
}

.listing-location.listing-address a:hover {
  color: #007bff;
}

.listing-location i.flaticon-placeholder {
  font-size: 1.1rem;
  color: #007bff;
}

/* Phone wrapper */
.phone-wrapper.listing-phone {
  margin-top: 8px;
  font-size: 0.95rem;
  color: #444;
  position: relative;
  user-select: none;
}

.phone-wrapper.listing-phone a.phone {
  color: #007bff;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-weight: 600;
}

.phone-wrapper.listing-phone a.phone:hover {
  color: #0056b3;
}

.phone-wrapper.listing-phone i.flaticon-call {
  font-size: 1.1rem;
  color: #007bff;
}

/* "Mostrar" phone reveal */
.phone-wrapper.listing-phone span.phone-show {
  cursor: pointer;
  color: #007bff;
  font-weight: 600;
  margin-left: 8px;
  user-select: none;
}

.phone-wrapper.listing-phone span.phone-show .bg-theme {
  background-color: #007bff;
  color: #fff;
  padding: 2px 6px;
  border-radius: 4px;
  margin-left: 4px;
  font-size: 0.85rem;
}

/* When showing full phone */
.phone-wrapper.listing-phone.show a.phone {
  display: inline-flex;
}

.phone-wrapper.listing-phone.show span.phone-show {
  display: none;
}

/* Right actions container */
.right-inner {
  text-align: right;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-end;
  align-items: center;
}

div.my-listing-item-wrapper .right-inner a:hover, div.my-listing-item-wrapper .right-inner a:focus {background:#007bff !important;color:#fff !important}
div.my-listing-item-wrapper .right-inner a, div.my-listing-item-wrapper .right-inner a {background:#fff !important;color:#007bff !important}

/* Action buttons */
.job-dashboard-action-edit,
.job-dashboard-action-delete {
  background-color: #007bff;
  color: #fff;
  padding: 8px 14px;
  font-size: 0.9rem;
  border-radius: 5px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: background-color 0.3s ease;
  font-weight: 600;
}

.job-dashboard-action-edit i,
.job-dashboard-action-delete i {
  font-size: 1.1rem;
}

.job-dashboard-action-edit:hover {
  background-color: #0056b3;
}

.job-dashboard-action-delete {
  background-color: #dc3545;
}

.job-dashboard-action-delete:hover {
  background-color: #a71d2a;
}

/* Listing status */
.listing-status {
  margin-left: 10px;
}

.btn-status {
  padding: 6px 14px;
  border-radius: 20px;
  font-size: 0.9rem;
  font-weight: 700;
  display: inline-block;
  color: #fff;
  user-select: none;
}

.btn-status-publish {
  background-color: #28a745;
}

/* Responsive flex */
.row.flex-middle-sm {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

/* Alignment right helper */
.ali-right {
  text-align: right;
}

/* Flex middle for inner items */
.flex-middle {
  display: flex;
  align-items: center;
  gap: 15px;
}
 
.my-listing-item-wrapper.job_listing {background:linear-gradient(90deg, #007bff 0%, #0056b3 100%) !important; color:#fff !important; min-height:150px !important; padding:30px !important}

.my-listing-item-wrapper.job_listing h3 {color:#fff !important}
.my-listing-item-wrapper.job_listing a {color:#fff !important}
.my-listing-item-wrapper.job_listing span {color:#fff !important}
.my-listing-item-wrapper.job_listing i {color:#fff !important}

h3.user-name {text-align:center !important;color:#0056b3 !important;}

.my-listing-item-wrapper.job_listing i {color:#0056b3 !important}
.my-listing-item-wrapper.job_listing i:hover {color:#fff !important}
.my-listing-item-wrapper.job_listing i:focus {color:#fff !important}

.hero-image {margin-top:3% !important;margin-bottom:2% !important;}

.company-logo img {
  width: 100% !important;
  max-width: 90px !important;
  height: auto !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  display: block !important;
  margin-bottom:2% !important;
}

/* Adicione no final do arquivo */
body.home #apus-header,
body.page-template-page-df #apus-header {
  position: fixed !important;
  background: #fff !important;
  top: 0 !important;
  border-bottom: 1px solid #e5e7eb !important;
  box-shadow: 0 2px 5px rgba(0,0,0,0.05) !important;
  z-index: 1000 !important;
}

/* Garanta que o conteúdo não fique sob o header */
body.home,
body.page-template-page-df {
  padding-top: 70px !important;
}

.container.top-content.hidden-lg.hidden-md {display:none !important;}





.job-manager-form select#job_category {
    min-height: 180px; /* Aumenta a altura da caixa */
}

.job-manager-form select#job_category[multiple] {
    height: auto;
}

.job-manager-form .job-category-search {
    margin-bottom: 10px;
}

.job-manager-form .job-category-search input {
    width: 100%;
    padding: 6px 10px;
    border: 1px solid #ccc;
    border-radius: 6px;
}

/* Expande a coluna para 100% da largura no desktop */
.entry-content {
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
  box-sizing: border-box !important;
}