@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New&display=swap');

body {
  font-family: 'Zen Kaku Gothic New', sans-serif;
  color: #333;
}

.timeline-item {
    cursor: grab;
}
.timeline-item:active {
    cursor: grabbing;
}
.timeline-item .drag-handle {
    transition: opacity 0.2s ease;
}
.timeline-item:hover .drag-handle {
    opacity: 1;
}

/* Personaliza a barra de rolagem */
::-webkit-scrollbar {
  width: 4px;             /* largura da barra vertical */
  height: 4px;            /* altura da barra horizontal */
}

/* Fundo da barra */
::-webkit-scrollbar-track {
  background: transparent;    /* cor do fundo */
  border-radius: 4px;
}

/* Parte móvel (scroll) */
::-webkit-scrollbar-thumb {
  background-color: #888; /* cor do "polegar" da barra */
  border-radius: 4px;
  transition: background 0.3s ease;
}

/* Efeito ao passar o mouse */
::-webkit-scrollbar-thumb:hover {
  background-color: #555;
}

.cke{
  border: none !important;
}
/* Barra de ferramentas preta */
.cke_top{
    background-color: #000 !important;
    /* border-radius: 0.5rem 0.5rem 0 0 !important; */
}

.cke_bottom {
background-color: #000 !important;
    /* border-radius: 0 0 0.5rem 0.5rem  !important; */
}

/* Ícones brancos */
.cke_button_icon {
    filter: invert(1) brightness(200%) !important;
}

.django-ckeditor-widget span{
  color: white !important;
}

.cke_contents{
  background: #F5F5F5 !important;
}


.cropper-wrapper {
    background: #000;
    position: relative;
    margin-bottom: 20px;
}
.cropper-area img {
    max-width: 100%;
    display: block;
    border-radius: 6px;
}
.cropper-buttons {
    margin-top: 10px;
    display: flex;
    gap: 10px;
}

/* Esconde o botão de upload do slim */
.slim-btn.slim-btn-upload {
    opacity: 0;
    pointer-events: none;
    height: 0;
    width: 0;
}