/*
Theme Name:     Projetos Construtora Santa Angela
Theme URI: 	https://sanchocom.com
Description:    Tema criado especialmente por Sancho Comunicação. 
Author:         Sanchocom
Theme URI: 	https://sanchocom.com
Template:       hello-elementor
Text Domain: mk_framework
Domain Path: /languages/
*/


/* ==========================================================================
   DASHBOARD - LISTA TAREFAS E ITENS DE PROJETO
   ========================================================================== */

/* Divisões da lista de tarefas */
#psp-projects .psp-archive-project .psp-flex-row .psp-archive-list-meta + .psp-archive-list-meta {
  width: 48%;
}

div.psp-archive-list-task.psp-archive-list-meta {
  width: 48%;
  border: 1px solid #ddd;
  border-radius: 6px;
}
.tarefas .psp-p{
    padding: 0 20px 10px;
}
.psp-col.tarefas{
    margin-top: -50px;
    padding-bottom: 10px;
}

/* Título da fase */
#psp-projects .titulo-fase {
  background-color: #beccca !important;
  color: #ffffff !important;
  padding: 10px !important;
  border-radius: 5px !important;
  font-weight: bold !important;
  margin-bottom: 10px;
}

/* ==========================================================================
   DASHBOARD - STATUS DE TAREFAS (ATRASADAS/ADIANTADAS)
   ========================================================================== */

.psp-archive-list-meta.overdue {
  background-color: #ffe6e6;
  border-left: 5px solid #ff0000;
  color: #333;
}

#psp-projects .psp-archive-list-meta.psp-archive-list-task.overdue .psp-p {
  color: #f96077 !important;
  font-weight: bold;
}

.psp-task-title.overdue {
  color: #f96077 !important;
  font-weight: bold;
  background-color: #ffe6e6;
  border-left: 5px solid #ff0000;
  color: #333;
}

.tag-atraso {
    background-color: #c00;
    color: white;
    font-size: 11px;
    font-weight: bold;
    padding: 4px 10px;
    border-radius: 8px;
    text-transform: uppercase;
    white-space: nowrap;
    margin-right: 10px;
}


/* ==========================================================================
   TOOLTIP PARA TAREFAS
   ========================================================================== */

.psp-archive-list-task {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.psp-archive-list-task[data-tooltip]:hover::after {
  content: attr(data-tooltip);
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  padding: 5px;
  border-radius: 5px;
  position: absolute;
  z-index: 10;
  pointer-events: none;
  white-space: nowrap;
  opacity: 0;
  transition: opacity 0.2s ease, transform 0.2s ease;
  transform: translate(-50%, 10px);
}

.psp-archive-list-task[data-tooltip]:hover::after {
  opacity: 1;
  transform: translate(-50%, 10px) scale(1.1);
}

/* ==========================================================================
   DASHBOARD - PRAZOS PLANEJADOS E OBRA
   ========================================================================== */
.atraso-projeto p{
  margin-bottom: 0;
}
.psp-col-2 .psp-p{
    font-size: 14px;
    color: #888;
}

/* ==========================================================================
   OCULTANDO ELEMENTOS INDESEJADOS NO DASHBOARD
   ========================================================================== */

.footer-nav {
  display: none;
}

#psp-projects .phase-comments,
section#psp-discussion.psp-section.cf,
#psp-projects .psp-expand-comments,
.psp-phase-stat .comment-count {
  display: none;
}

#psp-projects .psp-task-list .task-item .after-task-name b.psp-assigned-to {
  display: none !important;
}

#psp-projects .psp-overview__documents,
div.tabs-title a#documents-label,
.psp-phase-document-count,
.psp-phase-documents {
  display: none;
}

.assigned {
  display: none;
}

/* ==========================================================================
   TIMELINE, GRÁFICOS E LAYOUT GERAL DO DASHBOARD
   ========================================================================== */

#psp-projects .psp-tb-progress,
#psp-projects .psp-progress {
  background: #e4e3e9;
}

#psp-projects #psp-archive-content .psp-archive-aside {
  display: none;
}
#psp-projects #psp-archive-content .psp-archive-body {
  width: 100%;
}

/* ==========================================================================
   TIPOGRAFIA E LAYOUT DE TEXTOS
   ========================================================================== */

#psp-projects {
  font-size: 14px;
}
#psp-projects .psp-section-nav a {
  font-size: 16px;
}
#psp-projects .psp-table th .psp-sub-nav-item,
#psp-projects .psp-table-header .psp-sub-nav-item {
  font-size: 14px;
}
#psp-projects .psp-archive-project hgroup .psp-h3 {
  font-size: 22px;
  font-weight: 500;
}
#psp-projects .psp-reports-wrap .tablenav-pages input.current-page,
#psp-projects .psp-reports-wrap .tablenav-pages .button {
  font-size: 14px;
}
#psp-projects .psp-h2 {
  font-size: 25px;
}
#psp-projects .psp-h1,
#psp-projects .psp-h2,
#psp-projects .psp-h3,
#psp-projects .psp-h4,
#psp-projects .psp-h5 {
  margin-bottom: 5px;
}
#psp-projects .psp-h5 {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
#psp-projects .psp-h3 {
  font-size: 18px;
}
#psp-projects .psp-chart-complete {
  font-size: 35px;
}
#psp-projects .psp-section-nav a.psp-btn {
  font-size: 13px;
}
#psp-projects .psp-h1 {
  font-weight: 500;
  font-size: 32px;
}
#psp-projects #psp-primary-header .psp-masthead-logo a.psp-single-project-logo img {
  max-height: 70px;
}


/* ==========================================================================
   TAREFAS - INCLUIR PRAZO PLANEJADO E TITULO FASE
   ========================================================================== */
/* Força as duas datas (Planejado + Previsto) lado a lado */
#psp-offcanvas-task-details .sa-planned-field,
#psp-offcanvas-task-details .due-date {
  display: inline-block;
  vertical-align: middle;
  margin-right: 1.5em; /* espaço entre elas */
}

/* Opcional: reduz margem inferior da primeira linha para ficar mais “colado” */
#psp-offcanvas-task-details .sa-planned-field {
  margin-bottom: 0.2em;
}


/* ==========================================================================
   OCULTAR DOCUMENTOS E CAMPOS INDESEJADOS NO EDITOR/CRIADOR DE PROJETOS
   ========================================================================== */

li a[data-key="field_52a9e4594b146"] {
  display: none !important;
}

.acf-field[data-name="assigned"] select {
  width: 33% !important;
}

div.notice.notice-info {
  border-bottom: 1px solid #e8eaeb;
  padding: 5px 0;
  margin: 5px 0;
}

/* ==========================================================================
   PROGRESSO DO PROJETO - INDIVIDUAL
   ========================================================================== */
#psp-projects .psp-quick-overview__broad #psp-short-progress{
    width: 45%;
}
#psp-projects .psp-quick-overview__broad{
    gap: 10px;
}
#psp-projects #psp-quick-overview .psp-overview__dates{
    gap: 10px;
    justify-content: center;
}
#psp-projects .psp-quick-overview__broad #psp-time-overview{
    width: 20%;
}


/* ==========================================================================
   PROJETO SINGLE
   ========================================================================== */
/* Titulos progresso */
.linha-titulo .psp-p{
	font-weight: 700;
    text-transform: uppercase;
    line-height: 1.2em;
    font-size: 12px !important;
    letter-spacing: 1px;
    margin: 0;
    padding: 0 20px;
}
.psp-col.tarefas .psp-h5{
	font-size:10px !important;
}

#psp-projects .psp-quick-overview__broad #psp-short-progress {
    width: 35%;
    padding-right: 20px;
}

/* Layout em duas colunas para fases */
#psp-projects .psp-phase{
    width: 50%;
    margin: 0;
    padding: 0 20px;
}

/*Ocultar botão adicionar Fase*/
#psp-projects .js-psp-fe-add-phase{
    display: none !important;
}

/*Espaçamento section de Fases*/
#psp-projects .psp-wrapper{
    padding: 30px;
}

#psp-projects #psp-progress{
    margin-bottom: 10px;
}

#psp-projects #psp-essentials{
    margin: 0;
}

/* GRÁFICO EM BARRA */
/* Reset para remover heranças do plugin */
#psp-projects .psp-chart div{
    padding-bottom: 0 !important;
    height: 50px;
}

#psp-projects .psp-chart {
  all: unset;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  max-width: none !important;
}

#psp-projects .psp-phase-overview{
    margin-bottom: 0;
    padding: 20px 0;
}

/* Container da barra de progresso */
.psp-phase-progress-wrapper {
  position: relative;
  width: 100%;
  height: 16px;
  background-color: #e0e0e0;
  border-radius: 8px;
  margin-top: 10px;
  margin-bottom: 24px;
  overflow: visible;
}

/* Barra preenchida */
.psp-phase-progress-fill {
  height: 100%;
  border-radius: 8px;
  transition: width 0.3s ease-in-out;
}

/* Bolha de porcentagem */
.psp-phase-progress-dot {
  position: absolute !important;
  top: -32px !important;
  transform: translateX(-50%) !important;
  min-width: 36px !important;
  height: 24px !important;
  padding: 0 8px !important;
  background-color: #4caf50 !important;
  color: white !important;
  font-size: 12px !important;
  font-weight: bold !important;
  line-height: 24px !important;
  border-radius: 12px !important;
  white-space: nowrap !important;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
  z-index: 10 !important;
}

/* Triângulo da bolha */
.psp-phase-progress-dot::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-width: 5px;
  border-style: solid;
  border-color: #4caf50 transparent transparent transparent;
}











/* ==========================================================================
   ESTILOS PARA COMENTÁRIOS / ATA DA TASK
   ========================================================================== */

.psp-task-title .psp-h3 {
  font-weight: 300;
  font-size: 23px !important;
}

#psp-projects .psp-commentlist .psp-comment .psp-comment-date {
  font-size: 16px;
  font-weight: 700;
  color: #0f501c;
}
#psp-projects .psp-commentlist .psp-comment-meta__utils {
  font-size: 12px;
  color: #6c9274 !important;
  font-weight: 400;
}
.psp-comment-meta__utils a {
  color: #cac9d1 !important;
}
#psp-projects .psp-commentlist .psp-comment .psp-comment-author img.avatar {
  width: 20px;
}
#psp-projects .psp-commentlist .psp-comment .psp-comment-author::before {
  display: none;
}
#psp-projects .psp-commentlist .psp-comment .psp-comment-author {
  padding-left: 0;
  margin: 10px 0;
}
#psp-projects .psp-commentlist .psp-comment .psp-comment-author .psp-author__name {
  font-size: 12px;
  text-transform: capitalize;
}
#psp-projects .psp-commentlist .psp-comment {
  background-color: #f3f3f3;
  padding: 10px 20px;
  border-radius: 5px;
  margin:0;
}
#psp-projects .psp-commentlist .psp-comment .psp-comment-text {
  padding: 10px 0;
  border-radius: 0;
  border-top: 1px solid #2a35421a;
}
#psp-projects .psp-commentlist .psp-comment .psp-comment-reply {
  display: none;
}

/*Comentarios em scroll, limitados a 2 e mais recente embaixo*/
.psp-commentlist {
    max-height: 300px;         /* Ajuste conforme altura desejada */
    overflow-y: auto;
    display: flex;
    flex-direction: column-reverse; /* Faz os mais recentes ficarem no final */
    gap: 16px;                 /* Espaço entre comentários, opcional */
    padding-right: 10px;       /* Evita corte do scroll */
}


/* ==========================================================================
   RECOLHER/EXPANDIR ATA
   ========================================================================== */

.comentario-limite {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  position: relative;
  transition: max-height 0.3s ease-in-out;
  max-height: 3.2em;
}

.comentario-limite.expanded {
  -webkit-line-clamp: unset;
  max-height: none;
}

.botao-expandir {
  cursor: pointer;
  color: #5f8c81;
  text-decoration: underline;
  margin-top: 5px;
  display: inline-block;
  font-size: 12px;
}

.botao-expandir:hover {
  font-weight: 600;
}

.botao-expandir i {
  font-size: 9px;
}

/* ==========================================================================
   ESTILOS ESPECÍFICOS PARA "DUE DATE" E ATA
   ========================================================================== */

.due-date span.text::before {
  content: 'Prazo de Obra: ';
  font-weight: 700;
}

/* Ata - autor */
.author-name {
  font-size: 12px;
  font-weight: 400;
  text-transform: capitalize;
}
.author-name::before {
  content: "Por ";
}

/* Botões de comentário */
button.save-comment {
  color: #ffffff;
  background-color: #2a3542;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 2px;
}
button.save-comment:hover {
  color: #ffffff;
  background-color: #6d757e;
}
button.cancel-comment {
  color: #2a3542;
  background: none;
  font-size: 14px;
}
button.cancel-comment:hover {
  color: #6d757e;
}
a.psp-js-edit-comment:hover {
  color: #2a3542 !important;
}
a.psp-js-delete-comment:hover {
  color: red !important;
}

/* ==========================================================================
   ANIMAÇÃO PARA STATUS (BOLINHA PULSANTE)
   ========================================================================== */

.status-atraso::before,
.status-adiantado::before,
.status-em-dia::before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-right: 5px;
  vertical-align: middle;
  animation: pulsate 1.5s infinite;
}

@keyframes pulsate {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.3);
  }
  100% {
    transform: scale(1);
  }
}

.status-atraso::before {
  background-color: #a00; /* vermelho */
}
.status-adiantado::before {
  background-color: #070; /* verde */
}
.status-em-dia::before {
  background-color: #0056b3; /* azul */
}


/* ==========================================================================
   EDITAR DATAS NO POPUP FRONTEND
   ========================================================================== */
/* garante que o datepicker fique sobre o offcanvas */
.ui-datepicker {
  z-index: 99999 !important;
}
/* deixa o input clicável mesmo quando o calendário estiver aberto */
.ui-datepicker-inline,
.ui-datepicker {
  pointer-events: auto;
}


/* ==========================================================================
   RESPONSIVIDADE
   ========================================================================== */

@media (max-width: 768px) {
  /* Empilha as colunas verticalmente */
  .psp-archive-project-additional-info {
    flex-direction: column;
  }
  /* Cada coluna ocupa 100% da largura e padding ajustado */
  .psp-col-1,
  .psp-col-2,
  .psp-col.tarefas {
    flex: 1;
    min-width: 100%;
    padding: 10px;
  }
  /* Na linha dos prazos, os itens se empilham verticalmente */
  .prazos-row {
    flex-direction: column;
  }
  /* Nas tarefas, os itens ocupam 100% da largura */
  div.psp-archive-list-task.psp-archive-list-meta {
    width: 100%;
    margin-bottom: 10px;
  }
  /*Em DASHBOARD*/
  .psp-col-1, .psp-col-2, .psp-col.tarefas{
      padding-bottom: 0 !important;
      padding-top: 0 !important;
  }
  #psp-projects .psp-archive-project:last-child{
      padding: 20px;
  }
  .psp-col-1{
      padding: 10px !important;
  }
  .prazos-row, .atraso-projeto{
      text-align: center;
  }
  .prazos-row p{
      margin: 0 !important;
  }
  #psp-projects .psp-col-xs-1, #psp-projects .psp-col-sm-1, #psp-projects .psp-col-md-1, #psp-projects .psp-col-lg-1, #psp-projects .psp-col-xs-2, #psp-projects .psp-col-sm-2, #psp-projects .psp-col-md-2, #psp-projects .psp-col-lg-2, #psp-projects .psp-col-xs-3, #psp-projects .psp-col-sm-3, #psp-projects .psp-col-md-3, #psp-projects .psp-col-lg-3, #psp-projects .psp-col-xs-4, #psp-projects .psp-col-sm-4, #psp-projects .psp-col-md-4, #psp-projects .psp-col-lg-4, #psp-projects .psp-col-xs-5, #psp-projects .psp-col-sm-5, #psp-projects .psp-col-md-5, #psp-projects .psp-col-lg-5, #psp-projects .psp-col-xs-6, #psp-projects .psp-col-sm-6, #psp-projects .psp-col-md-6, #psp-projects .psp-col-lg-6, #psp-projects .psp-col-xs-7, #psp-projects .psp-col-sm-7, #psp-projects .psp-col-md-7, #psp-projects .psp-col-lg-7, #psp-projects .psp-col-xs-8, #psp-projects .psp-col-sm-8, #psp-projects .psp-col-md-8, #psp-projects .psp-col-lg-8, #psp-projects .psp-col-xs-9, #psp-projects .psp-col-sm-9, #psp-projects .psp-col-md-9, #psp-projects .psp-col-lg-9, #psp-projects .psp-col-xs-10, #psp-projects .psp-col-sm-10, #psp-projects .psp-col-md-10, #psp-projects .psp-col-lg-10, #psp-projects .psp-col-xs-11, #psp-projects .psp-col-sm-11, #psp-projects .psp-col-md-11, #psp-projects .psp-col-lg-11, #psp-projects .psp-col-xs-12, #psp-projects .psp-col-sm-12, #psp-projects .psp-col-md-12, #psp-projects .psp-col-lg-12{
      text-align: center;
  }
  div.psp-archive-list-dates.psp-archive-list-meta{
      text-align: center;
  }
  .psp-col.tarefas{
      text-align: center;
  }
  /*Em Progresso do Projeto - Individual*/
  #psp-projects .psp-quick-overview__broad #psp-short-progress{
      width: 100%;
  }
  #psp-projects .psp-quick-overview__broad #psp-time-overview{
      width: 100%;
  }
  .prazos-row{
      padding-bottom: 10px !important;
  }
}