/* CSS DEADLINES MOBILE */





.deadline-item {
  padding: 20px 15px 15px 23px;
  border: 0px solid #FFF;
  border-radius: 25px;
  margin:0px auto 40px auto;
  background-color:var(--redlina-background-2);
  box-sizing: border-box;
  width: 100%;
  max-width: 550px;
  height: 270px;
  display: flex;
  flex-direction: column;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.0);
  position: relative;
}

.deadline-top-block {
  margin:0px;
  padding:0px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: transparent;
}

.deadline-date {
  font-family: Inter;
  margin:0px;
  padding:0px;
  font-size: 13px;
  font-weight: 400;
  color:#404040;
}

.deadline-title {
  font-family: Inter;
  margin:15px 40px 10px 0px;
  padding:0px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color:transparent;
  font-size: 16px;
  font-weight: 600;
}

.deadline-description {
  font-family: Inter;
  margin:0px 30px 5px 0px;
  padding:0px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: transparent;
  color: #404040;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.5;
}

.deadline-org {
  font-family: Inter;
  margin:0px;
  padding:0px;
  font-size: 13px;
  color: var(--redlina-black);
  display: flex;
  align-items: center;
  gap: 10px;
}

.deadline-org-icon {
  height: 16px;
}

.deadline-link {
  display: inline-block;
  margin:0px;
  padding:0px;
  font-size: 0.85rem;
  color: #2563eb;
  text-decoration: underline;
}




.deadline-bottom-block{
  margin-top: auto;
  background: transparent;
  display: flex;
  align-items: center;
}




.deadline-bottom-block-left{
  background: transparent;
  display: flex;
  align-items: center;
  flex: 1;
}


.deadline-bottom-block-right{
  background: transparent;
  
  margin-left: auto;
}


.hidden {
  display: none;
}









/* BOUTONS */

.deadline-bottom-block-right {
  display: flex;
  align-items: center;
  gap: 12px;
}

.deadline-action-btn {
  background: transparent;
  border: none;
  border-radius: 10px;
  padding: 4px;
  cursor: pointer;
  height: 35px;
  width: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition:  0.2s ease;
}


.deadline-action-btn svg {
  width: 16px;
  height: 16px;
  fill: #000;
  transition: fill 0.2s ease;
}


.deadline-action-btn:focus {
  outline: none;
}

.deadline-action-btn::after {
  display: none !important;
}


/* SVG ICONS */
.icon-svg-deadline{
    max-height:17px;
}









/* NO ACTIVE DEADLINE */

/* Empty state for deadlines list */
.deadline-empty {
  display: flex;
  align-items: center;
  justify-content: center;

  height: 200px; /* même hauteur qu'une deadline */
  width: 100%;  /* adapte si tu changes le layout */
  max-width: 550px;
  box-sizing: border-box;

  margin: 0 auto 40px auto;

  border: 0.5px dashed #d1d5db;
  background-color:var(--redlina-background-2);

  color: #9ca3af;
  font-size: 0.95rem;
  font-style: italic;
}

/* Texte centré */
.deadline-empty span {
  text-align: center;
}







/* Archived deadlines */
.deadline-archived {
  opacity: 1;
  border:0px solid #F1F1F1;
  background-color:var(--redlina-background-2);
}














/* =========================
   DEADLINE ANIMATIONS
   ========================= */

/* Base */
.deadline-item {
  overflow: visible;
  transition:
    opacity 0.25s ease,
    margin 0.45s ease,
    padding 0.45s ease,
    height 0.45s ease;
}

.deadline-exit,
.deadline-exit-active {
  overflow: hidden;
}

/* Exit */
.deadline-exit {
  opacity: 1;
}

.deadline-exit-active {
  opacity: 0;
  height: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}








.deadline-system-badge {
  font-size: 13px;
  font-weight: 500;
  color: var(--redlina-graytext-2);
  background-color: var(--redlina-background-2);
  border-radius: 10px;
  padding: 3px 10px;
}

.deadline-context-link {
 
  margin-left: 0px;
  margin-top:5px;
  font-size: 13px;
  font-weight: 500;
  color: var(--redlina-graytext-2);
  text-decoration: none;
  transition: opacity 0.25s ease;
}

.deadline-context-link:hover {
  opacity:0.6;
}



/* MENTION DEADLINE URGENTE / RETARD */

.deadline-date-block {
  display: flex;
  align-items: center;
  gap: 12px;
}

.deadline-top-right {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
}

.deadline-urgency {
  font-size: 11px;
  font-weight: 500;
  color: var(--redlina-black);
  background: var(--redlina-background-1);
  padding:2px 8px;
  border-radius:20px;
}

.urgency-red {
  color: var(--redlina-black);
}




/* FLOUTAGE CARDS SI NON ABONNES*/

.deadline-blurred .deadline-title,
.deadline-blurred .deadline-description,
.deadline-blurred .deadline-context-link,
.deadline-blurred .deadline-urgency {
  filter: blur(4px);
  user-select: none;
  pointer-events: none;
}

.deadline-blurred .deadline-action-btn {
  pointer-events: none;
  opacity: 0.3;
}

/* BOUTON S'ABONNER (overlay sur card floutée) */

.deadline-subscribe-glow {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 35%;
  transform: translate(-50%, -50%);
  background: var(--redlina-background-2);
  border-radius: 30px;
  filter: blur(30px);
  opacity: 0.97;
  z-index: 4;
  pointer-events: none;
}

.deadline-subscribe-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 5;

  background: var(--redlina-black);
  color: var(--redlina-background-4);
  font-size: 13px;
  font-weight: 400;
  padding: 8px 15px 9px 20px;
  border-radius: 13px;
  border:0px solid var(--redlina-grayline-2);
  text-decoration: none;
  white-space: nowrap;
  transition: opacity 0.2s ease;
}

.deadline-subscribe-arrow {
  transform: rotate(-90deg);
  flex-shrink: 0;
  margin-left:5px;
  position: relative;
  top: 4px;
}

.deadline-subscribe-btn:hover {
  opacity: 0.85;
}