/* Summernote içeriğindeki resimler için stil */
.summernote ol li img {
    display: inline-block;  /* Resimleri yan yana dizmek için inline-block kullanılır */
    margin-right: 5px;      /* Resimler arasındaki boşluğu ayarlamak için */
}

/* Summernote içeriğindeki resimlerin genişlik ayarları */
.summernote ol li img[style*="width: 50%"] {
    width: 50% !important;  /* Genişliği %50 olarak ayarla */
}

.summernote ol li img[style*="width: 25%"] {
    width: 25% !important;  /* Genişliği %25 olarak ayarla */
}

/* Summernote içeriğindeki resimler için font boyutu */
.summernote ol li img[style*="font-size"] {
    font-size: 1rem !important;  /* Font size'ı 1rem olarak ayarla */
}

/* Summernote içeriğindeki paragrafların arasına boşluk ekle */
.summernote p {
    margin-bottom: 15px;  /* Paragraflar arasındaki boşluğu artırmak için */
}

/* Resimlerin üzerine gelindiğinde zoom efekti */
.summernote .overlay-container {
    position: relative;
}

.summernote .overlay-link {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(0, 0, 0, 0.5);
    padding: 10px;
    color: white;
    display: none;
}

.summernote .overlay-container:hover .overlay-link {
    display: block;  /* Resim üzerine gelindiğinde overlay linki görünür */
}