/**
 * SendPol - Admin Menu Styling
 * Fix for ::before pseudo-element on child menu items
 */

/* 
 * Nuclear option: Hide ALL ::before pseudo-elements in SendPol submenu
 * This targets any element within the SendPol menu's submenu
 */
.item-sendpol .submenu *::before,
[data-ui-id="menu-whyzzle-sendpol-main"] .submenu *::before,
.level-0.item-sendpol ul *::before,
.level-0[data-ui-id="menu-whyzzle-sendpol-main"] ul *::before {
    display: none !important;
    content: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
}

/* Target specific menu items by data-ui-id (li and a elements) */
[data-ui-id="menu-whyzzle-sendpol-dashboard"]::before,
[data-ui-id="menu-whyzzle-sendpol-dashboard"] a::before,
[data-ui-id="menu-whyzzle-sendpol-documents"]::before,
[data-ui-id="menu-whyzzle-sendpol-documents"] a::before,
[data-ui-id="menu-whyzzle-sendpol-connection"]::before,
[data-ui-id="menu-whyzzle-sendpol-connection"] a::before,
[data-ui-id="menu-whyzzle-sendpol-settings"]::before,
[data-ui-id="menu-whyzzle-sendpol-settings"] a::before,
[data-ui-id="menu-whyzzle-sendpol-advanced"]::before,
[data-ui-id="menu-whyzzle-sendpol-advanced"] a::before,
[data-ui-id="menu-whyzzle-sendpol-logs"]::before,
[data-ui-id="menu-whyzzle-sendpol-logs"] a::before {
    display: none !important;
    content: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
}

/* Target by class names with high specificity */
.admin__menu .level-0.item-sendpol .level-1::before,
.admin__menu .level-0.item-sendpol .level-1 > a::before,
.admin__menu .level-0.item-sendpol .level-1 a::before,
.admin__menu .level-0.item-sendpol li::before,
.admin__menu .level-0.item-sendpol li a::before,
body .admin__menu .item-sendpol .submenu li::before,
body .admin__menu .item-sendpol .submenu li a::before,
body .admin__menu .item-sendpol .submenu a::before {
    display: none !important;
    content: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
}

/* Custom SVG icon for the SendPol menu item (works on all Magento versions) */
.admin__menu .level-0[data-ui-id="menu-whyzzle-sendpol-main"] > a::before,
[data-ui-id="menu-whyzzle-sendpol-main"] > a::before {
    display: inline-block !important;
    visibility: visible !important;
    content: "" !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Crect width='64' height='64' rx='8' fill='%232563eb'/%3E%3Cpath d='M20 20h24v4H20zM20 30h24v4H20zM20 40h16v4H20z' fill='%23fff'/%3E%3C/svg%3E") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    width: 34px !important;
    height: 34px !important;
}

/* Show "SendPol" text below the icon in the main menu */
.admin__menu .level-0[data-ui-id="menu-whyzzle-sendpol-main"] > a {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    padding: 12px 8px !important;
    min-height: 70px !important;
}

.admin__menu .level-0[data-ui-id="menu-whyzzle-sendpol-main"] > a::after {
    display: none !important;
}

/* Hover state for the text */
.admin__menu .level-0[data-ui-id="menu-whyzzle-sendpol-main"]:hover > a::after,
.admin__menu .level-0[data-ui-id="menu-whyzzle-sendpol-main"]._show > a::after {
    color: #ffffff !important;
}

/* Active state */
.admin__menu .level-0[data-ui-id="menu-whyzzle-sendpol-main"]._current > a::after {
    color: #ffffff !important;
}