:root {
  --pozecon-start: #ff6f00;
  --pozecon-end: #d50000;
  --pozecon-gradient: linear-gradient(45deg, var(--pozecon-start), var(--pozecon-end));
  --pozecon-color: #d84315;
  --pozecon-light: #ffe0b2;
  --pozecon-dark: #bf360c;
  --pozecon-border: #ff8a65;
}
body a:link {
  text-decoration: none;
}
body a:visited {
  text-decoration: none;
}
body a:hover {
  text-decoration: none;
}
body a:active {
  text-decoration: none;
}

/* BUTTONS */
.btn-pozecon {
  color: #fff;
  background-image: var(--pozecon-gradient);
  border: none;
}
.btn-pozecon:hover {
  opacity: 0.85;
}

.btn-outline-pozecon {
  color: var(--pozecon-start);
  border: 1px solid var(--pozecon-border);
  background-color: transparent;
}
.btn-outline-pozecon:hover {
  background-image: var(--pozecon-gradient);
  color: #fff;
  border-color: var(--pozecon-end);
}

/* ALERTS */
.alert-pozecon {
  background-image: var(--pozecon-gradient);
  color: white;
  border: 1px solid var(--pozecon-border);
}

/* BADGES */
.badge-pozecon {
  background-image: var(--pozecon-gradient);
  color: white;
  padding: 0.35em 0.65em;
  font-size: 0.75em;
  border-radius: 0.375rem;
}

/* TEXT UTILITIES */
.text-pozecon {
  color: var(--pozecon-color) !important;
}
.text-bg-pozecon {
  background-color: var(--pozecon-light);
  color: var(--pozecon-dark);
}
.text-pozecon-gradient {
  background: var(--pozecon-gradient);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;

}

/* BACKGROUNDS */
.bg-pozecon {
  background-image: var(--pozecon-gradient);
  color: white !important;
}
.bg-pozecon-soft {
  background-color: var(--pozecon-light) !important;
  color: var(--pozecon-dark);
}

/* BORDERS */
.border-pozecon {
  border: 1px solid var(--pozecon-border) !important;
}
.border-top-pozecon {
  border-top: 1px solid var(--pozecon-border) !important;
}
.border-bottom-pozecon {
  border-bottom: 1px solid var(--pozecon-border) !important;
}

/* LIST GROUP */
.list-group-item-pozecon {
  background-color: var(--pozecon-light);
  color: var(--pozecon-dark);
  border: 1px solid var(--pozecon-border);
}
.list-group-item-pozecon.active {
  background-image: var(--pozecon-gradient);
  color: #fff;
  border-color: var(--pozecon-end);
}

/* NAV PILLS */
.nav-pills .nav-link.pozecon {
  color: var(--pozecon-color);
  border: 1px solid transparent;
}
.nav-pills .nav-link.pozecon.active {
  background-image: var(--pozecon-gradient);
  color: white;
}

/* PROGRESS BAR */
.progress-bar-pozecon {
  background-image: var(--pozecon-gradient);
}

/* TABLE */
.table-pozecon {
  border-color: var(--pozecon-border);
}
.table-pozecon th,
.table-pozecon td {
  border-color: var(--pozecon-border);
}
.table-pozecon thead {
  background-color: var(--pozecon-light);
  color: var(--pozecon-dark);
}

/* UTILITIES */
.hover-pozecon:hover {
  background-color: var(--pozecon-light);
  color: var(--pozecon-dark);
  cursor: pointer;
}

.toast-pozecon {
    background-color: var(--pozecon-light);
    color: var(--pozecon-dark);
    border-left: 4px solid var(--pozecon-border);
  }
  .toast-pozecon .toast-header {
    background-image: var(--pozecon-gradient);
    color: white;
  }
  .card-pozecon {
    border: 1px solid var(--pozecon-border);
  }
  .card-pozecon .card-header {
    background-color: var(--pozecon-light);
    color: var(--pozecon-dark);
  }
  .card-pozecon .card-footer {
    background-color: var(--pozecon-light);
    color: var(--pozecon-dark);
  }
  .pagination-pozecon .page-link {
    color: var(--pozecon-color);
    border: 1px solid var(--pozecon-border);
  }
  .pagination-pozecon .page-link:hover {
    background-color: var(--pozecon-light);
  }
  .pagination-pozecon .active .page-link {
    background-image: var(--pozecon-gradient);
    border-color: var(--pozecon-end);
    color: white;
  }
  .form-control-pozecon {
    border: 1px solid var(--pozecon-border);
    color: var(--pozecon-dark);
  }
  .form-control-pozecon:focus {
    border-color: var(--pozecon-end);
    box-shadow: 0 0 0 0.2rem rgba(255, 111, 0, 0.25);
  }
  .form-check-input:checked.bg-pozecon {
    background-color: var(--pozecon-start);
    border-color: var(--pozecon-end);
  }
  .form-switch .form-check-input.pozecon {
    width: 2em;
    height: 1em;
    background-color: var(--pozecon-light);
    border: 1px solid var(--pozecon-border);
    cursor: pointer;
    transition: background-color 0.3s, border-color 0.3s;
  }
  
  .form-switch .form-check-input.pozecon:checked {
    background-image: var(--pozecon-gradient);
    border-color: var(--pozecon-end);
  }
  
  .form-switch .form-check-input.pozecon:focus {
    box-shadow: 0 0 0 0.2rem rgba(245, 4, 4, 0.25);
  }
  .form-select.pozecon {
    background-color: var(--pozecon-light);
    color: var(--pozecon-dark);
    border: 1px solid var(--pozecon-border);
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
  }
  
  .form-select.pozecon:focus {
    border-color: var(--pozecon-end);
    box-shadow: 0 0 0 0.2rem rgba(255, 111, 0, 0.25);
    outline: 0;
    background-color: var(--pozecon-light);
    color: var(--pozecon-dark);
  }
  

  .modal-header-pozecon {
    background-image: var(--pozecon-gradient);
    color: white;
  }
  .modal-footer-pozecon {
    background-color: var(--pozecon-light);
    color: var(--pozecon-dark);
  }
  .accordion-button.pozecon {
    background-color: var(--pozecon-light);
    color: var(--pozecon-dark);
  }
  .accordion-button.pozecon:not(.collapsed) {
    background-image: var(--pozecon-gradient);
    color: white;
  }
  .accordion-button.pozecon:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 111, 0, 0.25);
  }
  .spinner-border-pozecon {
    color: var(--pozecon-start);
  }
  .spinner-grow-pozecon {
    background-color: var(--pozecon-start);
  }
  .dropdown-menu-pozecon {
    background-color: var(--pozecon-light);
    border-color: var(--pozecon-border);
  }
  .dropdown-item-pozecon {
    color: var(--pozecon-dark);
  }
  .dropdown-item-pozecon:hover {
    background-color: var(--pozecon-border);
    color: white;
  }
  .tooltip-inner.pozecon {
    background-color: var(--pozecon-dark);
    color: white;
  }
  .bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before,
  .bs-tooltip-top .tooltip-arrow::before {
    border-top-color: var(--pozecon-dark);
  }
  .btn-close-pozecon {
    background-color: var(--pozecon-border);
    border-radius: 50%;
  }
  .btn-close-pozecon:hover {
    background-color: var(--pozecon-end);
  }
  .breadcrumb-pozecon .breadcrumb-item {
    color: var(--pozecon-color);
  }
  .breadcrumb-pozecon .breadcrumb-item.active {
    color: var(--pozecon-dark);
  }
  .offcanvas-pozecon {
    background-color: var(--pozecon-light);
    color: var(--pozecon-dark);
  }
  .offcanvas-pozecon .offcanvas-header {
    background-image: var(--pozecon-gradient);
    color: white;
  }
  .navbar-pozecon {
    background-image: var(--pozecon-gradient);
  }
  .navbar-pozecon .navbar-brand,
  .navbar-pozecon .nav-link {
    color: white !important;
  }
  .navbar-pozecon .nav-link:hover {
    color: #fffacd !important; /* soft yellow */
  }
  .nav-tabs .nav-link.pozecon {
    color: var(--pozecon-color);
    border: 1px solid transparent;
  }
  .nav-tabs .nav-link.pozecon.active {
    background-image: var(--pozecon-gradient);
    color: white;
    border-color: var(--pozecon-end) var(--pozecon-end) transparent;
  }
  .carousel-control-prev-icon.pozecon,
  .carousel-control-next-icon.pozecon {
    background-image: none;
    background-color: var(--pozecon-end);
    border-radius: 50%;
  }
  .form-range::-webkit-slider-thumb.pozecon {
    background-color: var(--pozecon-start);
  }
  .form-range::-moz-range-thumb.pozecon {
    background-color: var(--pozecon-start);
  }
  .close-pozecon {
    color: white;
    background-color: var(--pozecon-end);
    border-radius: 50%;
    padding: 0.25rem 0.5rem;
  }
  .close-pozecon:hover {
    background-color: var(--pozecon-dark);
  }
  .blockquote-pozecon {
    border-left: 5px solid var(--pozecon-end);
    padding-left: 1rem;
    color: var(--pozecon-dark);
    background-color: var(--pozecon-light);
  }
  .step-pozecon {
    background-color: var(--pozecon-light);
    border: 2px solid var(--pozecon-border);
    color: var(--pozecon-dark);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .step-pozecon.active {
    background-image: var(--pozecon-gradient);
    color: white;
    border-color: var(--pozecon-end);
  }
  .timeline-dot-pozecon {
    background-image: var(--pozecon-gradient);
    border: 2px solid white;
    border-radius: 50%;
    width: 14px;
    height: 14px;
  }
  .hr-pozecon {
    border: 0;
    height: 1px;
    background-image: var(--pozecon-gradient);
  }
  .toast-progress-pozecon {
    height: 4px;
    background-image: var(--pozecon-gradient);
  }

  canvas {
    touch-action: none;
}
.custom-textarea, .custom-input {
 
  width: 100%;
  white-space: nowrap;      /* Prevent wrapping */
}