.ql-container.ql-snow {
    border: none !important;
    padding: 0 !important;
}
 

/* Lub bardziej konkretnie dla różnych elementów */
.ql-editor p,
.ql-editor div,
.ql-editor span,
.ql-editor strong,
.ql-editor em,
.ql-editor u,
.ql-editor li,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3 {
    color: #000 !important;
}

.ql-editor {
    border: 2px solid #000;        
    border-radius: 15px;            
    padding: 15px;             
    min-height: 120px;            
    font-size: 14px;
    color: #000 !important; 
}

.ql-toolbar.ql-snow {
    border: none !important;
    background: transparent !important; 
    padding: 0 !important;
    margin-bottom: 10px !important;  
}

/* Picker hover states */
.ql-snow .ql-picker-label:hover,
.ql-snow .ql-picker-label.ql-active,
.ql-snow .ql-picker-item:hover,
.ql-snow .ql-picker-item.ql-selected {
    color: #484848 !important;
    background: none !important;
    opacity: 0.7 !important;
    border: none !important;
}

/* Icon colors and styling */
.ql-snow .ql-stroke {
    stroke: #000 !important;
    stroke-width: 1.2 !important;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.ql-snow .ql-fill {
    fill: #000 !important;
}

/* Hover effects */
.ql-toolbar button:hover svg,
.ql-toolbar button:hover svg *,
.ql-toolbar .ql-picker-label:hover svg,
.ql-toolbar .ql-picker-label:hover svg * {
    opacity: 0.7 !important;   
}

/* Button styling */
.ql-toolbar button {
    width: 35px !important;     
    margin: 5px !important;
}

/* Picker label styling */
.ql-toolbar.ql-snow .ql-picker-label {
    display: flex !important;
    align-items: center !important;
    height: 32px !important;
    padding: 0 10px !important;
    border: none !important;
    background: transparent !important;
    box-sizing: border-box !important;
    font-size: 14px !important;
    color: #000 !important;
}

.ql-toolbar.ql-snow .ql-picker-label:hover {
    border: none !important;
    background: none !important;
}

.ql-toolbar.ql-snow .ql-picker-label svg {
    width: 14px;
    height: 14px;
    margin-left: 6px;
}

/* Reset default Quill styles */
.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
    float: none !important;
    height: auto !important;
    vertical-align: middle;
}

.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
    float: none !important;
    height: auto !important;
}

.ql-snow .ql-picker {
    float: none !important;
    height: auto !important;
}

.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
    margin-top: 0 !important;
    top: auto !important;
    width: auto !important;
}

/* Tooltip styling */
.ql-tooltip {
    z-index: 9999 !important;
    background: white !important;
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
    padding: 8px !important;
}

/* Input w tooltip */
.ql-tooltip input {
    color: #000 !important;
    font-size: 14px !important;
    padding: 4px 8px !important;
    border: 1px solid #ccc !important;
    border-radius: 3px !important;
    background: white !important;
}

.ql-tooltip input::placeholder {
    color: #666 !important;
}

/* Preview link */
.ql-tooltip .ql-preview {
    color: #000 !important;
    text-decoration: none !important;
}

/* Action buttons */
.ql-tooltip .ql-action,
.ql-tooltip .ql-remove {
    color: #000 !important;
    margin-left: 8px !important;
}

.ql-tooltip .ql-action:hover,
.ql-tooltip .ql-remove:hover {
    opacity: 0.7 !important;
}