/* ======= DUIT CLIENTES – ADMIN TOUCH MODE ======= */

body.post-type-projeto {
    background: #fafafa;
    font-family: "Poppins", sans-serif;
}

/* Container principal */
body.post-type-projeto #wpbody-content {
    padding: 30px 40px;
}

/* Wrapper branco */
body.post-type-projeto #poststuff {
    background: #fff;
    border-radius: 18px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.06);
    padding: 40px 50px;
    max-width: 1000px;
    margin: 0 auto;
    border-top: 6px solid #FFD200;
}

/* Título */
body.post-type-projeto #titlediv {
    margin-bottom: 35px;
}
body.post-type-projeto #title {
    font-size: 26px;
    font-weight: 600;
    border: none;
    background: #f5f5f5;
    padding: 14px 20px;
    border-radius: 10px;
}

/* Campos ACF */
.acf-field {
    border: none !important;
    background: #f9f9f9;
    border-radius: 14px;
    padding: 18px 22px;
    margin-bottom: 16px;
    transition: all 0.2s ease;
}
.acf-field:hover {
    background: #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}
.acf-label label {
    font-weight: 600;
    color: #222;
    font-size: 14px;
    margin-bottom: 6px;
    display: inline-block;
}
.acf-input select,
.acf-input input[type="text"],
.acf-input input[type="date"],
.acf-input textarea {
    width: 100%;
    padding: 14px;
    font-size: 15px;
    border-radius: 10px;
    border: 1px solid #ddd;
    background: #fff;
    transition: all 0.2s ease;
}
.acf-input select:focus,
.acf-input input:focus,
.acf-input textarea:focus {
    border-color: #FFD200;
    box-shadow: 0 0 0 2px rgba(255,210,0,0.2);
}

/* Select Estado */
.acf-field[data-name="estado"] select {
    font-weight: bold;
    text-transform: uppercase;
    color: #111;
}
.acf-field[data-name="estado"] option[value="Novo"] { color:#999; }
.acf-field[data-name="estado"] option[value="Em Produção"] { color:#0073aa; }
.acf-field[data-name="estado"] option[value="Aguardando Feedback"] { color:#ff8c00; }
.acf-field[data-name="estado"] option[value="Concluído"] { color:#46b450; }

/* DUIT Header */
#wpbody-content::before {
    content: "";
    display: block;
    width: 120px;
    height: 40px;
    margin-bottom: 25px;
}

/* Botão Atualizar */
body.post-type-projeto #publish {
    background: #FFD200 !important;
    color: #000 !important;
    font-weight: 600;
    border: none;
    border-radius: 10px;
    padding: 12px 20px;
    transition: 0.2s;
}
body.post-type-projeto #publish:hover {
    background: #ffce00 !important;
}


/* ======= DUIT CLIENTES - Listagem clean ======= */
body.edit-php.post-type-projeto table.wp-list-table th#cliente,
body.edit-php.post-type-projeto table.wp-list-table th#estado {
    width: 180px;
}

body.edit-php.post-type-projeto table.wp-list-table td {
    vertical-align: middle;
}


/* ======= DUIT CLIENTES - LISTAGEM COMPACTA ======= */
body.edit-php.post-type-projeto .wp-list-table {
    border-collapse: collapse;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
}

body.edit-php.post-type-projeto .wp-list-table th,
body.edit-php.post-type-projeto .wp-list-table td {
    padding: 6px 12px !important;
    vertical-align: middle;
}

/* Menos altura nas linhas */
body.edit-php.post-type-projeto .wp-list-table tr {
    height: 40px;
}

/* Cabeçalhos mais finos */
body.edit-php.post-type-projeto .wp-list-table thead th {
    background: #fafafa;
    font-weight: 600;
    color: #333;
    border-bottom: 1px solid #e5e5e5;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    font-size: 13px;
}

/* Linhas alternadas mais suaves */
body.edit-php.post-type-projeto .wp-list-table tbody tr:nth-child(even) {
    background: #fcfcfc;
}

/* Espaço mínimo entre colunas */
body.edit-php.post-type-projeto .wp-list-table th#cb {
    width: 30px;
}
body.edit-php.post-type-projeto .wp-list-table th#title {
    width: 40%;
}
body.edit-php.post-type-projeto .wp-list-table th#cliente {
    width: 25%;
}
body.edit-php.post-type-projeto .wp-list-table th#estado {
    width: 20%;
}
body.edit-php.post-type-projeto .wp-list-table th.date {
    width: 15%;
}

/* Badge de estado compacto */
body.edit-php.post-type-projeto .wp-list-table td span[style*="display:inline-block"] {
    padding: 3px 8px !important;
    font-size: 12px;
    border-radius: 6px;
}

/* Ações (editar, ver, mover) mais pequenas */
body.edit-php.post-type-projeto .row-actions span {
    font-size: 12px;
}


/* ======= DUIT CLIENTES - Ajuste visual da listagem ======= */

/* Corrige o cabeçalho do título */
body.edit-php.post-type-projeto .wp-list-table thead th#title {
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.02em;
  background: #fafafa;
   padding:0px !important;
    border-bottom: 1px solid #e5e5e5;
    border-radius: 0px !important;
}

/* Corrige o alinhamento da célula de título */
body.edit-php.post-type-projeto .wp-list-table td.title {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    font-size: 14px;
}

/* Remove a sombra de destaque */
body.edit-php.post-type-projeto .wp-list-table th#title {
    box-shadow: none !important;
}

/* Tira o negrito exagerado */
body.edit-php.post-type-projeto .wp-list-table th#title strong,
body.edit-php.post-type-projeto .wp-list-table td.title a.row-title {
    font-weight: 500;
    color: #1e1e1e;
}

/* Hover mais subtil */
body.edit-php.post-type-projeto .wp-list-table td.title a.row-title:hover {
    color: #FFD200;
}

/* ======= DUIT CLIENTES – ÍCONES ANTES DA LABEL ======= */

/* Remove os ícones de dentro dos inputs */
.acf-input::before {
  content: none !important;
}

/* Adiciona ícones ao lado das labels */
.acf-label {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
}

.acf-label::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 0.6;
  transition: opacity 0.2s ease;
}

/* Ícones por campo */
.acf-field[data-name="cliente"] .acf-label::before {
  background-image: url("https://cdn-icons-png.flaticon.com/512/747/747376.png"); /* user */
}
.acf-field[data-name="tipo"] .acf-label::before {
  background-image: url("https://cdn-icons-png.flaticon.com/512/992/992700.png"); /* layers */
}
.acf-field[data-name="estado"] .acf-label::before {
  background-image: url("https://cdn-icons-png.flaticon.com/512/709/709496.png"); /* status */
}
.acf-field[data-name="data_de_inicio"] .acf-label::before {
  background-image: url("https://cdn-icons-png.flaticon.com/512/747/747310.png"); /* calendar */
}
.acf-field[data-name="prazo"] .acf-label::before {
  background-image: url("https://cdn-icons-png.flaticon.com/512/747/747310.png"); /* calendar */
}
.acf-field[data-name="link_de_entrega"] .acf-label::before {
  background-image: url("https://cdn-icons-png.flaticon.com/512/455/455691.png"); /* link */
}
.acf-field[data-name="ficheiro"] .acf-label::before {
  background-image: url("https://cdn-icons-png.flaticon.com/512/1092/1092216.png "); /* file */
}
.acf-field[data-name="notas_internas"] .acf-label::before {
  background-image: url("https://cdn-icons-png.flaticon.com/512/3075/3075867.png "); /* notes */
}

/* Efeito hover */
.acf-field:hover .acf-label::before {
  opacity: 1;
  filter: drop-shadow(0 0 2px #FFD200);
}

/* Legendas mais bonitas */
.acf-label label {
  font-weight: 600;
  color: #111;
  font-size: 14px;
}


/* :::::: postbox ::::: */
.postbox {border:none !important}
.acf-fields > .acf-field {margin-bottom: 10px !important;}
.postbox-header {border:none !important}


/* ======= DUIT CLIENTES - LOGIN ======= */
body.page-id-XX { /* substitui XX pelo ID da página /login */
  background: #fafafa;
  font-family: 'Poppins', sans-serif;
}

.wpum-login-form {
  max-width: 380px;
  margin: 100px auto;
  background: #fff;
  padding: 40px 35px;
  border-radius: 16px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.05);
  border-top: 5px solid #FFD200;
}

.wpum-login-form label {
  font-weight: 600;
  color: #111;
  font-size: 14px;
}

.wpum-login-form input[type="text"],
.wpum-login-form input[type="password"] {
  width: 100%;
  padding: 14px;
  border-radius: 10px;
  border: 1px solid #ddd;
  margin-bottom: 20px;
}

.wpum-login-form input[type="submit"] {
  background: #FFD200;
  color: #000;
  font-weight: 600;
  border: none;
  border-radius: 10px;
  padding: 12px 20px;
  cursor: pointer;
  transition: 0.2s;
}

.wpum-login-form input[type="submit"]:hover {
  background: #ffce00;
}


/* ===== Dashboard clean ===== */
.duit-dashboard-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 20px;
  margin: 40px 0;
}

.duit-card.resumo {
  background: #fff;
  border-radius: 12px;
  padding: 20px 15px;
  box-shadow: 0 5px 20px rgba(0,0,0,0.04);
  text-align: center;
  transition: all 0.2s ease-in-out;
}

.duit-card.resumo:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 24px rgba(0,0,0,0.08);
}

.duit-card .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
}

.duit-card .icon svg {
  width: 28px;
  height: 28px;
  stroke-width: 1.8;
  color: #FFD200;
}

.duit-card .info h3 {
  font-size: 14px;
  font-weight: 600;
  color: #222;
  margin: 0 0 5px;
}

.duit-card .info .num {
  font-size: 24px;
  font-weight: 700;
  color: #000;
}


/* ===== Botão global ===== */
.dashboard-botao-global {
  text-align: center;
  margin-top: 30px;
}

.btn-global {
  display: inline-block;
  background: #FFD200;
  color: #000;
  font-weight: 700;
  text-decoration: none;
  padding: 12px 28px;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.2s ease-in-out;
}

.btn-global:hover {
  background: #ffe033;
  transform: translateY(-2px);
}



/* ===== Estrutura geral ===== */
.duit-projeto-detalhes {
  background:#fff;
  border-radius:16px;
  padding:25px 30px;
  box-shadow:0 6px 25px rgba(0,0,0,0.05);
}
.projeto-header {
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:25px;
}

/* ===== Barra de progresso ===== */
.duit-progress {
  display:flex;
  gap:6px;
  margin:25px 0 35px;
}
.duit-progress .step {
  flex:1;
  position:relative;
  text-align:center;
  background:#eee;
  color:#777;
  font-size:12px;
  padding:10px 5px;
  border-radius:6px;
  font-weight:600;
  transition:all .3s ease;
}
.duit-progress .step.ativo {
  background:#FFD200;
  color:#000;
}
.duit-progress .step.ativo::after {
  content:"";
  position:absolute;
  right:-6px;
  top:50%;
  transform:translateY(-50%);
  width:0; height:0;
  border-left:6px solid #FFD200;
  border-top:6px solid transparent;
  border-bottom:6px solid transparent;
}

/* ===== Badges de estado ===== */
.badge-estado {
  display:inline-block;
  padding:6px 12px;
  border-radius:6px;
  font-size:13px;
  font-weight:600;
  text-transform:uppercase;
}
.estado-novo { background:#ccc; color:#444; }
.estado-em-analise { background:#cde7ff; color:#0057b7; }
.estado-em-producao { background:#ffd20055; color:#000; }
.estado-aguardando-feedback { background:#ff8c0040; color:#ff8c00; }
.estado-revisao-final { background:#c8f7c5; color:#1e7c1e; }
.estado-concluido { background:#2ecc7140; color:#2ecc71; }

/* ===== Info do projeto ===== */
.projeto-info {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:10px;
  margin-bottom:25px;
}
.projeto-notas h3 {margin-bottom:6px;}
.projeto-link a.btn-link {
  display:inline-block;
  padding:8px 14px;
  background:#FFD200;
  border-radius:6px;
  text-decoration:none;
  color:#000;
  font-weight:600;
  transition:background .2s ease;
}
.projeto-link a.btn-link:hover { background:#ffe033; }
.btn-voltar {
  text-decoration:none;
  color:#444;
  font-weight:600;
  font-size:14px;
}

/* ===== Botão cinzento "Voltar ao painel" ===== */
.btn-voltar {
  display: inline-block;
  background: #f1f1f1;
  color: #333;
  padding: 8px 18px;
  border-radius: 6px;
  font-weight: 600;
  font-size: 14px;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
  border: 1px solid #ddd;
}

.btn-voltar:hover {
  background: #e0e0e0;
  border-color: #ccc;
  color: #000;
  transform: translateY(-1px);
}


/* ===== Lista de Projetos ===== */
.duit-lista-projetos {
  display: grid;
  gap: 20px;
  margin: 40px 0;
}

.duit-projeto-card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #fff;
  border-radius: 12px;
  padding: 20px 25px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.05);
  transition: transform .2s ease, box-shadow .2s ease;
}

.duit-projeto-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 25px rgba(0,0,0,0.08);
}

.duit-projeto-card .info h3 {
  margin: 0 0 8px;
  font-size: 17px;
  font-weight: 700;
  color: #111;
}

.duit-projeto-card .info p {
  margin: 3px 0;
  font-size: 14px;
  color: #555;
}

.duit-projeto-card .btn-ver {
  background: #FFD200;
  color: #000;
  font-weight: 600;
  text-decoration: none;
  padding: 8px 16px;
  border-radius: 6px;
  transition: background .2s ease;
}

.duit-projeto-card .btn-ver:hover {
  background: #ffe033;
}

/* cores subtis por estado */
.estado-novo .btn-ver { background:#ccc; color:#333; }
.estado-em-producao .btn-ver { background:#FFD200; color:#000; }
.estado-aguardando-feedback .btn-ver { background:#ff8c00; color:#fff; }
.estado-concluido .btn-ver { background:#2ecc71; color:#fff; }


/* Contador de projetos */
.duit-contador {
  font-size: 16px;
  font-weight: 600;
  color: #333;
  margin: 20px 0 10px;
}
.duit-contador strong {
  color: #FFD200;
  font-weight: 700;
}

/* ===== Barra temporal ===== */
.barra-tempo {
  width: 100%;
  height: 8px;
  background: #eee;
  border-radius: 8px;
  overflow: hidden;
  margin: 6px 0 8px;
}
.barra-tempo .progresso {
  height: 100%;
  background: #FFD200;
  transition: width 0.4s ease;
}

/* Texto sob a barra */
.duit-projeto-card .tempo {
  font-size: 13px;
  color: #666;
  margin-top: 2px;
}
.duit-projeto-card.estado-concluido .barra-tempo .progresso {
  background: #2ecc71;
}
.duit-projeto-card.estado-aguardando-feedback .barra-tempo .progresso {
  background: #ff8c00;
}


/* ===== Etapas principais (5 blocos) ===== */
.duit-progress {
  display: flex;
  gap: 8px;
  margin: 25px 0 20px;
}
.duit-progress .step {
  flex: 1;
  background: #eee;
  color: #888;
  text-align: center;
  padding: 8px 0;
  border-radius: 8px;
  font-weight: 600;
  font-size: 14px;
  position: relative;
}
.duit-progress .step::after {
  content: "";
  position: absolute;
  right: -8px;
  top: 50%;
  transform: translateY(-50%);
  border-left: 8px solid #eee;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}
.duit-progress .step:last-child::after { display: none; }

.duit-progress .step.ativo {
  background: #FFD200;
  color: #000;
}
.duit-progress .step.ativo::after {
  border-left-color: #FFD200;
}

/* ===== Barra percentual ===== */
.barra-tempo {
  width: 100%;
  height: 8px;
  background: #f2f2f2;
  border-radius: 8px;
  overflow: hidden;
  margin: 10px 0;
}
.barra-tempo .progresso {
  height: 100%;
  background: #FFD200;
  transition: width 0.5s ease;
}

/* Texto abaixo da barra */
.tempo {
  font-size: 13px;
  color: #666;
  margin-bottom: 25px;
}

/* ===== Badges de estado ===== */
.badge-estado {
  display: inline-block;
  padding: 6px 12px;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
}
.estado-novo { background:#ccc; color:#444; }
.estado-em-analise { background:#cde7ff; color:#0057b7; }
.estado-em-producao { background:#ffd20055; color:#000; }
.estado-revisao-final { background:#c8f7c5; color:#1e7c1e; }
.estado-concluido { background:#2ecc7140; color:#2ecc71; }


/* ===== Botão Voltar ao Dashboard ===== */
.lista-botao-dashboard {
  text-align: center;
  margin-top: 40px;
}

.btn-dashboard {
  display: inline-block;
  background: #FFD200;
  color: #000;
  font-weight: 700;
  text-decoration: none;
  padding: 12px 28px;
  border-radius: 8px;
  font-size: 15px;
  transition: all 0.2s ease-in-out;
}

.btn-dashboard:hover {
  background: #ffe033;
  transform: translateY(-2px);
}


.duit-footer {
  text-align: center;
  padding: 30px 0;
  font-size: 13px;
  color: #555;
  background: #fff;
  border-top: 1px solid #eee;
  margin-top: 60px;
}
.duit-footer p {
  margin: 0;
  font-weight: 500;
  letter-spacing: 0.2px;
}


/* ===== Página de Login DUIT ===== */
.duit-login-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60vh;
  background: #fff;
}

.duit-login-box {
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 8px 25px rgba(0,0,0,0.05);
  padding: 40px 35px;
  width: 100%;
  max-width: 360px;
}

.duit-login-box h2 {
  text-align: center;
  font-size: 22px;
  font-weight: 700;
  color: #000;
  margin-bottom: 20px;
}

.field {
  margin-bottom: 18px;
}

.field label {
  font-weight: 600;
  font-size: 13px;
  color: #333;
  margin-bottom: 6px;
  display: block;
}

.field input {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #ddd;
  border-radius: 6px;
  font-size: 14px;
  transition: border-color 0.2s ease;
}

.field input:focus {
  border-color: #FFD200;
  outline: none;
}

.btn-login {
  width: 100%;
  background: #FFD200;
  color: #000;
  border: none;
  padding: 12px 0;
  font-weight: 700;
  border-radius: 6px;
  font-size: 15px;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}

.btn-login:hover {
  background: #ffe033;
  transform: translateY(-2px);
}

/* Mensagem de erro */
.login-erro {
  background: #ffecec;
  color: #b80000;
  border: 1px solid #ffbfbf;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  margin-bottom: 20px;
  text-align: center;
  font-weight: 500;
}


/* ===== Topbar DUIT ===== */
.duit-topbar {
  width: 100%;
 
  padding: 12px 0;
  margin-bottom: 25px;
}

.duit-topbar-menu {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 30px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.duit-topbar-menu li a {
  text-decoration: none;
  font-weight: 600;
  font-size: 15px;
  color: #000;
  transition: color 0.2s ease;
}

.duit-topbar-menu li a:hover {
  color: #FFD200;
}

/* ===== Botão de logout ===== */
.duit-topbar-menu li a[href*="logout"] {
  background: #FFD200;
  color: #000;
  padding: 8px 16px;
  border-radius: 6px;
  font-weight: 700;
  transition: all 0.2s ease;
}

.duit-topbar-menu li a[href*="logout"]:hover {
  background: #ffe44d;
  transform: translateY(-2px);
}


/* ===== DUIT Topbar fixo ===== */
.duit-topbar-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  /*background: #fff;*/
  z-index: 999;
  /*box-shadow: 0 2px 8px rgba(0,0,0,0.05);*/
}

.duit-topbar {
  max-width: 1200px;
  margin: 0 auto;
  
}

.duit-topbar-menu {
  display: flex;
  justify-content: center;
  gap: 30px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.duit-topbar-menu li a {
  text-decoration: none;
  color: #000;
  font-weight: 600;
  font-size: 15px;
  transition: color 0.2s ease;
}

.duit-topbar-menu li a:hover {
  color: #FFD200;
}

.duit-topbar-menu li a[href*="logout"] {
  background: #FFD200;
  color: #000;
  padding: 8px 16px;
  border-radius: 6px;
  font-weight: 700;
}

.duit-topbar-menu li a[href*="logout"]:hover {
  background: #ffe44d;
  transform: translateY(-2px);
}


.duit-logout-page {
  max-width: 500px;
  margin: 120px auto;
  text-align: center;
  font-family: 'Poppins', sans-serif;
}

.duit-logout-page h2 {
  font-size: 26px;
  color: #000;
  margin-bottom: 10px;
}

.duit-logout-page p {
  color: #666;
  margin-bottom: 25px;
}

.btn-login-retornar {
  display: inline-block;
  background: #FFD200;
  color: #000;
  font-weight: 600;
  text-decoration: none;
  padding: 10px 22px;
  border-radius: 6px;
  transition: all 0.2s ease;
}

.btn-login-retornar:hover {
  background: #ffe44d;
  transform: translateY(-2px);
}


.duit-topbar-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  padding: 10px 30px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}

.btn-logout {
  background: #FFD200;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 8px;
  transition: all 0.2s ease;
  text-decoration: none;
}

.btn-logout:hover {
  background: #ffea61;
  transform: translateY(-2px);
}
/* =======================
   🧭 LIMPEZA DE ESTRUTURA
======================= */

/* Esconde o título padrão da página */
.page .entry-header,
.page .wp-block-post-title {
  display: none !important;
}

/* Remove margens e espaçamentos do conteúdo */
body.page,
.site-main,
.entry-content,
.wp-site-blocks {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Remove separadores ou linhas padrão */
hr, .wp-block-separator {
  display: none !important;
}

/* Remove linhas e bordas das secções do Elementor */
.elementor-section {
  border: none !important;
}

/* =======================
   🎨 AJUSTE DO FOOTER
======================= */

/* Footer minimalista e centrado */
.site-footer,
footer {
  background: #fff !important;
  border-top: none !important;
  text-align: center !important;
  padding: 10px 0 !important;
  font-size: 12px !important;
  color: #777 !important;
  margin-top: 40px !important;
}

/* Remove o texto “Criado com WordPress” */
.site-footer a[href*="wordpress.org"],
.site-info a[href*="wordpress.org"] {
  display: none !important;
}

/* Texto do footer */
.site-footer::before {
  content: "© DUIT Clientes — Todos os direitos reservados";
  display: block;
  color: #777;
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  letter-spacing: 0.3px;
}

/* Hover suave em links (caso existam) */
.site-footer a {
  color: #777 !important;
  text-decoration: none !important;
}
.site-footer a:hover {
  color: #000 !important;
}

/* Ajuste se houver espaço entre topo e conteúdo */
body.elementor-page {
  padding-top: 0 !important;
  margin-top: 0 !important;
}



/* Remove completamente o footer antigo */
#footer,
#footer p,
#footer a[href*="wordpress.org"] {
  display: none !important;
}

/* Adiciona um novo footer minimalista e centrado */
body::after {
  content: "© DUIT Clientes — Todos os direitos reservados";
  display: block;
  text-align: center;
  color: #777;
  font-family: 'Poppins', sans-serif;
  font-size: 13px;
  padding: 15px 0;
  margin-top: 40px;
  background: #fff;
  border-top: 1px solid #eee;
}


/* =========================================
   🔧 AJUSTE DO MENU SUPERIOR DUIT
========================================= */

.duit-topbar-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  background: #fff;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
  padding: 10px 40px;
  height: 70px;
  gap: 20px;
}

/* O menu de links */
.duit-topbar-menu {
  display: flex;
  gap: 25px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.duit-topbar-menu a {
  color: #000;
  font-weight: 600;
  text-decoration: none;
  transition: 0.2s;
}

.duit-topbar-menu a:hover {
  color: #FFD200;
}

/* O botão de logout — centralizado e do mesmo tamanho que o menu */
.btn-logout {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #FFD200;
  border-radius: 6px;
  padding: 10px 14px;
  height: 40px;
  width: 40px;
  transition: 0.2s;
}

.btn-logout:hover {
  background: #e5c200;
}

/* Ícone SVG centralizado e visível */
.btn-logout svg {
  display: block;
  margin: 0 auto;
  color: #000;
  width: 22px;
  height: 22px;
}

/* =========================================
   💨 Remover header antigo (título "Login", "Área de Cliente", etc.)
========================================= */
#header,
#headerimg,
#header h1,
#header h1 a,
#header .description {
  display: none !important;
}

/* Remover margem e linhas que ficam no topo */
body.page,
body.wp-singular {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Garantir que o conteúdo do Elementor encosta ao topo */
.elementor,
.elementor-location-content {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* =========================================
   ⚡ CORREÇÃO DO ALINHAMENTO DO LOGOUT ICON
========================================= */

.duit-topbar-wrapper {
  display: flex;
  align-items: center;
  justify-content: center; /* tudo centrado visualmente */
  background: #fff;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
  padding: 10px 40px;
  height: 70px;
  gap: 30px; /* espaço entre menu e botão */
}

/* Agrupar menu + botão no mesmo alinhamento */
.duit-topbar-menu {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 25px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.duit-topbar-menu li {
  display: flex;
  align-items: center;
}

.duit-topbar-menu a {
  color: #000;
  font-weight: 600;
  text-decoration: none;
  transition: 0.2s;
}

.duit-topbar-menu a:hover {
  color: #FFD200;
}

/* Botão logout */
.btn-logout {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #FFD200;
  border-radius: 6px;
  padding: 0;
  height: 40px;
  width: 40px;
  cursor: pointer;
  transition: 0.2s;
}

.btn-logout:hover {
  background: #e5c200;
}

/* Ícone SVG centralizado de forma absoluta */
.btn-logout svg {
  width: 22px;
  height: 22px;
  stroke: #000;
  margin: auto;
  display: block;
  transform: translateY(0.5px);
}

/* Garantir alinhamento geral da topbar no topo */
body {
  margin-top: 0 !important;
  padding-top: 0 !important;
}


/* =========================================
   💡 DUIT HEADER — Logo + Menu + Logout
========================================= */
.duit-topbar-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
  padding: 10px 40px;
  height: 70px;
  gap: 30px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
}

/* compensar o header fixo */
body {
  padding-top: 70px !important;
}

/* LOGO */
.duit-logo img {
  height: 36px;
  width: auto;
  display: block;
}

/* MENU */
.duit-topbar-nav {
  flex: 1;
  display: flex;
  justify-content: center;
}

.duit-topbar-menu {
  display: flex;
  align-items: center;
  gap: 30px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.duit-topbar-menu a {
  color: #000;
  font-weight: 600;
  text-decoration: none;
  transition: 0.2s;
}

.duit-topbar-menu a:hover {
  color: #FFD200;
}

/* LOGOUT BUTTON */
.btn-logout {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #FFD200;
  border-radius: 6px;
  height: 40px;
  width: 40px;
  cursor: pointer;
  transition: 0.2s;
}

.btn-logout:hover {
  background: #e5c200;
}

.btn-logout svg {
  width: 22px;
  height: 22px;
  stroke: #000;
  display: block;
  margin: auto;
}


/* =========================================
   💡 DUIT HEADER — Logo + Menu + Logout
========================================= */
.duit-topbar-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
  padding: 10px 40px;
  height: 70px;
  gap: 30px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
}

/* Compensa o header fixo */
body {
  padding-top: 70px !important;
}

/* LOGO */
.duit-logo img {
  height: 36px;
  width: auto;
  display: block;
}

/* MENU */
.duit-topbar-nav {
  flex: 1;
  display: flex;
  justify-content: center;
}

.duit-topbar-menu {
  display: flex;
  align-items: center;
  gap: 30px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.duit-topbar-menu a {
  color: #000;
  font-weight: 600;
  text-decoration: none;
  transition: 0.2s;
}

.duit-topbar-menu a:hover {
  color: #FFD200;
}

/* LOGOUT BUTTON */
.btn-logout {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #FFD200;
  border-radius: 6px;
  height: 40px;
  width: 40px;
  cursor: pointer;
  transition: 0.2s;
}

.btn-logout:hover {
  background: #e5c200;
}

.btn-logout svg {
  width: 22px;
  height: 22px;
  stroke: #000;
  display: block;
  margin: auto;
}

/* ===== DUIT TOUCH — Barra de Progresso por Etapas ===== */
.duit-progress {
  display: flex;
  gap: 8px;
  margin: 25px 0 30px;
}

.duit-progress .step {
  flex: 1;
  background: #eee;
  color: #888;
  text-align: center;
  padding: 10px 0;
  border-radius: 8px;
  font-weight: 600;
  font-size: 13px;
  position: relative;
  transition: all 0.3s ease;
}

.duit-progress .step::after {
  content: "";
  position: absolute;
  right: -8px;
  top: 50%;
  transform: translateY(-50%);
  border-left: 8px solid #eee;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}

.duit-progress .step:last-child::after {
  display: none;
}

/* Etapas concluídas */
.duit-progress .step.ativo {
  background: #FFD200;
  color: #000;
}

.duit-progress .step.ativo::after {
  border-left-color: #FFD200;
}

.acoes-projeto {
    display: flex;
    gap: 15px;
    align-items: center;
}

.btn-ver {
    background: #FFD200;
    padding: 12px 25px;
    border-radius: 8px;
    color: #000;
    font-weight: 600;
    text-decoration: none;
 font-size:12px;
}

.btn-cancelar {
    background: #e74c3c;
    color: #fff !important;
    padding: 10px 18px;
    font-size: 14px;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 600;
    display: inline-block;
    transition: .2s;
    white-space: nowrap;
}

.btn-cancelar:hover {
    background:#ff6b5a;
}
.duit-project-item .projeto-titulo {
    font-size: 1.1rem;
    font-weight: 600;
    margin: 0 0 5px 0;
    color: #222;
}

.duit-project-item .projeto-estado {
    font-size: 0.9rem;
    font-weight: 500;
    color: #555;
    margin-bottom: 4px;
}

.duit-project-item .projeto-data {
    font-size: 0.85rem;
    color: #777;
}


.btn-cancelar {
    background: #ff3b30;
    color: #fff !important;
    padding: 8px 16px;
    border-radius: 8px;
    font-weight: 600;
    margin-left: 10px;
    display: inline-block;
    text-decoration: none;
    transition: 0.2s;
}

.btn-cancelar:hover {
    background: #d63027;
}
    
.acoes-projeto {
    display: flex;
    align-items: center;
    gap: 10px;
}




.duit-topbar-wrapper {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    background: #fff;
    padding: 12px 20px;
    border-bottom: 1px solid #eee;
}

.duit-topbar-left {
    justify-self: start;
}

.duit-topbar-center {
    justify-self: center;
}

.duit-topbar-right {
    justify-self: end;
}

.duit-topbar-center nav ul {
    display: flex;
    align-items: center;
    gap: 22px;
}

.duit-topbar-left img {
    height:150px;
    width: auto;
}


/* Caixa cancelada */
.projeto-cancelado {
    background: #ffe5e5 !important;  /* vermelho claro */
    border-left: 8px solid #ff4d4d !important; 
}


.projeto-cancelado .aviso-cancelado {
    font-weight: 600;
    color: #c40000;
    margin-bottom: 6px;
}


.aviso-cancelado {
    color: #c60000;
    font-weight: 600;
    margin-bottom: 10px;
}


 .duit-logout-wrapper {
            display:flex;
            justify-content:center;
            align-items:center;
            min-height:60vh;
            padding:40px;
            background:#fafafa;
        }
        .duit-logout-card {
            background:white;
            border-radius:12px;
            padding:40px 50px;
            box-shadow:0 4px 20px rgba(0,0,0,0.06);
            text-align:center;
            max-width:420px;
            width:100%;
        }
        .duit-logout-card h2 {
            font-size:26px;
            margin-bottom:10px;
            color:#111;
        }
        .duit-logout-card p {
            margin:10px 0;
            font-size:16px;
            color:#444;
        }
        .btn-entrar {
            display:inline-block;
            margin-top:20px;
            padding:12px 26px;
            background:#FFD200;
            color:#000;
            text-decoration:none;
            font-weight:600;
            border-radius:8px;
            transition:0.2s;
        }
        .btn-entrar:hover {
            background:#000;
            color:white;
        }
        .suporte {
            margin-top:20px;
            font-size:14px;
            color:#777;
        }



         .duit-reset-wrapper {
            display:flex;
            justify-content:center;
            align-items:center;
            min-height:70vh;
            padding:40px;
            background:#fafafa;
        }
        .duit-reset-card {
            background:white;
            border-radius:12px;
            padding:40px 50px;
            box-shadow:0 4px 20px rgba(0,0,0,0.06);
            text-align:center;
            max-width:400px;
            width:100%;
        }
        .duit-reset-card h2 {
            margin-bottom:10px;
            color:#111;
        }
        .duit-reset-card p {
            color:#555;
            font-size:15px;
        }
        .duit-reset-form {
            margin-top:20px;
            text-align:left;
        }
        .duit-reset-form label {
            font-weight:600;
            margin-bottom:6px;
            display:block;
        }
        .duit-reset-form input {
            width:100%;
            padding:12px;
            border-radius:8px;
            border:1px solid #ddd;
            margin-bottom:20px;
        }
        .duit-reset-form button {
            width:100%;
            background:#FFD200;
            border:none;
            padding:12px;
            border-radius:8px;
            font-weight:600;
            cursor:pointer;
        }
        .duit-reset-form button:hover {
            background:#000;
            color:white;
        }
        .sucesso {
            background:#e7ffe7;
            padding:10px;
            border-radius:8px;
            margin-bottom:15px;
            color:#0a7a0a;
            font-weight:600;
        }
        .erro {
            background:#ffe7e7;
            padding:10px;
            border-radius:8px;
            margin-bottom:15px;
            color:#a30000;
            font-weight:600;
        }
        .voltar {
            display:inline-block;
            margin-top:15px;
            color:#333;
            text-decoration:none;
        }
        .voltar:hover {
            text-decoration:underline;
        }