/* ======================================
   Belediye Başkanı – Hover & Okunurluk
====================================== */

.mayor-page-wrap .mayor-prose,
.mayor-page-wrap .mayor-prose p{
    font-size: 16.5px;
    line-height: 1.9;
}

/* Liste kutuları */
.mayor-page-wrap .mayor-box-list{
    list-style: none;
    padding: 0;
    margin: 14px 0 22px;
}

.mayor-page-wrap .mayor-box-list li{
    background: #f3f6fb;
    border-radius: 6px;
    padding: 14px 16px 14px 40px;
    margin-bottom: 12px;
    position: relative;
    font-size: 16px;
    line-height: 1.8;
    color: #1f2937;
    transition: background-color .2s ease,
                box-shadow .2s ease,
                transform .15s ease;
}

/* Kırmızı kare ikon */
.mayor-page-wrap .mayor-box-list li::before{
    content: "";
    width: 12px;
    height: 12px;
    background: #e11d2e;
    border-radius: 2px;
    position: absolute;
    left: 16px;
    top: 18px;
}

/* Hover efekti */
.mayor-page-wrap .mayor-box-list li:hover{
    background: #c9d6ee !important;
    box-shadow: 0 8px 18px rgba(0,0,0,.08);
    transform: translateY(-1px);
}


/* ===== Red marker: square at rest, tiny wedge only on hover (no gap) ===== */
.mayor-page-wrap .mayor-box-list li{
  overflow: hidden; /* keeps the marker clean against the card */
}

/* Marker is a real square by default */
.mayor-page-wrap .mayor-box-list li::before{
  width: 18px !important;
  height: 18px !important;
  left: 14px !important;
  top: 18px !important;
  border-radius: 4px !important;
  background: #e11d2e !important;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  transition: width .22s ease, clip-path .22s ease, box-shadow .22s ease;
}

/* On hover: only the arrow tip extends a few pixels */
.mayor-page-wrap .mayor-box-list li:hover::before{
  width: 22px !important; /* small extension: just the tip */
  clip-path: polygon(0 0, 18px 0, 22px 50%, 18px 100%, 0 100%);
  box-shadow: 0 6px 14px rgba(225,29,46,.22);
}

/* Remove any legacy notch/flag pseudo element */
.mayor-page-wrap .mayor-box-list li::after{ content: none !important; }