/*
 * CSS Override สำหรับแก้ปัญหาลูกศรซ้ำซ้อนในเมนู
 * ไฟล์นี้ต้องโหลด หลังจาก style.css
 */

/* ========== FIX: ลบลูกศรเดิมของ theme ========== */

/* ลบ ::before icon จาก theme เดิมทั้งหมด */
.site-navbar .site-navigation .site-menu .has-children > a::before,
.site-menu .has-children > a::before,
.site-menu .has-children .has-children > a::before {
    display: none !important;
    content: none !important;
    opacity: 0 !important;
}

/* ========== ใช้ลูกศรของเราแทน ========== */

/* เพิ่ม icon ลูกศรให้เมนูที่มีเมนูย่อย */
.site-menu .has-children > a::after {
    content: '›' !important;
    font-family: Arial, sans-serif !important; /* ไม่ใช้ icon font */
    font-size: 1.2em !important;
    font-weight: normal !important;
    position: absolute !important;
    right: 10px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    opacity: 0.6 !important;
    transition: transform 0.2s ease, opacity 0.2s ease !important;
}

/* สำหรับเมนูระดับแรก (dropdown ลงล่าง) - ใช้ลูกศรลง */
.site-menu > li.has-children > a::after {
    content: '▾' !important;
    font-size: 1em !important;
}

/* Hover effect */
.site-menu .has-children > a:hover::after {
    opacity: 1 !important;
    transform: translateY(-50%) translateX(2px) !important;
}

/* สำหรับเมนูระดับแรกที่ hover - ลูกศรไม่เลื่อน */
.site-menu > li.has-children > a:hover::after {
    transform: translateY(-50%) !important;
}

/* เพิ่มพื้นที่สำหรับลูกศร */
.site-menu .has-children > a {
    padding-right: 25px !important;
    position: relative !important;
}