/* ============================================================
   DAISYUI INPUTS — ESTILO SELECT2 FERMENETEC
   ============================================================ */

/* INPUT PADRÃO */
.input,
.input-bordered,
.select,
.textarea {
    height: 3rem !important;
    min-height: 3rem !important;

    padding-left: 1rem !important;
    padding-right: 1rem !important;

    background-color: var(--color-base-100) !important;
    border: 1px solid #CFD1D4 !important;

    border-radius: .65rem !important;

    font-size: .9rem !important;
    color: var(--color-base-content) !important;

    box-shadow: none !important;
}

/* FOCUS — igual ao seu Select2 */
.input:focus,
.input-bordered:focus,
.select:focus,
.textarea:focus {
    outline: none !important;
    border-color: #CFD1D4 !important;
    box-shadow: 0 0 0 2px var(--color-primary) !important;
}

/* PLACEHOLDER */
.input::placeholder,
.select::placeholder,
.textarea::placeholder {
    color: var(--color-base-content / 50%) !important;
}

/* SELECT PADRÃO PARA COMBINAR COM SELECT2 */
.select {
    appearance: none !important;
    background-image: none !important;
}

/* Ajuste da seta padrão */
.select::-ms-expand {
    display: none;
}

/* ============================================================
   INPUT DAISYUI DESABILITADO — IGUAL SELECT2 DISABLED
   ============================================================ */

input.input[disabled],
select.input[disabled],
textarea.input[disabled],
.input.input-bordered:disabled,
select[disabled].select {
    background-color: var(--color-base-200) !important;
    border-color: #CFD1D4 !important;
    color: var(--color-base-content) !important;

    opacity: 0.8 !important;
    cursor: not-allowed !important;
}

/* placeholder desabilitado */
input.input[disabled]::placeholder,
textarea.input[disabled]::placeholder {
    opacity: 0.5 !important;
}

/* ids padronizados do seu fwk */
.fwk-field input[disabled],
.fwk-field select[disabled],
.fwk-field textarea[disabled] {
    background-color: var(--color-base-200) !important;
    border-color: #CFD1D4 !important;
    opacity: 0.8 !important;
    cursor: not-allowed !important;
}

/* remove efeitos de foco */
input.input[disabled]:focus,
select.input[disabled]:focus,
textarea.input[disabled]:focus {
    box-shadow: none !important;
    border-color: #CFD1D4 !important;
}

.no-transition {
    transition: none !important;
}

/* Reativa o scrollbar que o DaisyUI esconde */
.carousel.show-scrollbar {
  overflow-x: auto;          /* horizontal */
  -ms-overflow-style: auto;  /* IE/Edge */
  scrollbar-width: thin;     /* Firefox */
}

/* Chrome, Edge, Safari */
.carousel.show-scrollbar::-webkit-scrollbar {
  height: 6px;               /* altura da barra horizontal */
}

.carousel.show-scrollbar::-webkit-scrollbar-track {
  background: transparent;
}

.carousel.show-scrollbar::-webkit-scrollbar-thumb {
  background: rgba(100,100,100,0.6);
  border-radius: 9999px;
}


/* ============================================================
   TOOLBAR — estilo DaisyUI
   ============================================================ */

.ck.ck-toolbar {
    background-color: var(--color-base-100) !important;
    border: 1px solid #CFD1D4 !important;

    border-radius: 0.5rem 0.5rem 0 0 !important;
    padding: 0.25rem 0.5rem !important;
    border-bottom: none !important;
}

.ck.ck-toolbar .ck-button {
    border-radius: 0.4rem !important;
    color: var(--color-base-content) !important;
}

.ck.ck-toolbar .ck-button:hover {
    background-color: var(--color-base-200) !important;
}

.ck.ck-toolbar .ck-button.ck-on {
    background-color: var(--color-primary) !important;
    color: var(--color-primary-content) !important;
}


/* ============================================================
   ÁREA EDITÁVEL — igual .input.input-bordered DaisyUI
   ============================================================ */

.ck-editor__editable,
.ck.ck-editor__main > .ck-editor__editable {
    background-color: var(--color-base-100) !important;
    border: 1px solid #CFD1D4 !important;
    border-radius: 0 0 0.5rem 0.5rem !important; /* bordinha só embaixo, igual input */
    padding: 1rem !important;

    min-height: 10rem !important;
    font-size: 0.95rem !important;
    color: var(--color-base-content) !important;

    transition: border-color .15s ease !important;
}

.ck-editor__editable p {
    margin: 0.5rem 0 !important;
}


/* Hover */
.ck-editor__editable:hover {
    border-color: var(--color-base-300) !important;
}

/* Focus — igual input + select2 */
.ck-editor__editable:focus {
    border-color: var(--color-primary) !important;
    box-shadow: 0 0 0 2px var(--color-primary)33 !important;
    outline: none !important;
}


/* ============================================================
   SCROLLBAR INTERNA (opcional)
   ============================================================ */

.ck-editor__editable::-webkit-scrollbar {
    width: 8px;
}

.ck-editor__editable::-webkit-scrollbar-thumb {
    background: var(--color-base-300);
    border-radius: 6px;
}


/* ============================================================
   MODO DESABILITADO — igual input e Select2 disabled
   ============================================================ */

.ck-editor[disabled] .ck-editor__editable,
.ck-editor__editable[disabled],
.ck.ck-editor__main > .ck-editor__editable[disabled] {
    background-color: var(--color-base-200) !important;
    border-color: var(--color-base-300) !important;

    opacity: 0.6 !important;
    color: var(--color-base-content) !important;

    cursor: not-allowed !important;
    pointer-events: none !important;
}

/* Toolbar desabilitada */
.ck-editor[disabled] .ck.ck-toolbar,
.ck.ck-toolbar[disabled] {
    background-color: var(--color-base-200) !important;
    border-color: var(--color-base-300) !important;

    opacity: 0.6 !important;
    pointer-events: none !important;
}

/* Remove bordas do sticky panel */
.ck.ck-sticky-panel,
.ck.ck-sticky-panel__content,
.ck.ck-sticky-panel__placeholder {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

.ck.ck-sticky-panel__content {
    border-radius: 0 !important;
}