/* Rihalo Store UI v0.3.4 — shared commerce/header cleanup. */

/* Keep Kadence's native account icon, but remove the long "My account" label on
   product/cart/checkout so the header stays visually identical across the flow. */
body.rihalo-commerce-page header .header-account-wrap,
body.rihalo-commerce-page header .header-account-wrap a,
body.rihalo-commerce-page header .header-account-wrap button,
body.rihalo-commerce-page header .header-account-wrap .header-account-button,
body.rihalo-commerce-page header .site-header-item:has(.header-account-wrap) a {
    font-size: 0 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    gap: 0 !important;
}

body.rihalo-commerce-page header .header-account-wrap svg,
body.rihalo-commerce-page header .header-account-wrap .kadence-svg-iconset,
body.rihalo-commerce-page header .header-account-wrap .kadence-svg-iconset svg {
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    display: block !important;
}

/* JS only marks a real second visible Kadence Account control; it never draws or
   replaces icons. This is a fallback for header-builder duplication. */
body.rihalo-commerce-page header .rihalo-header-account-duplicate {
    display: none !important;
}

/* v0.3.5: Kadence can render the My Account label through a plain anchor/text
   node rather than .header-account-wrap. Attribute targeting keeps the native
   icon and removes only the text label across product/cart/checkout. */
body.rihalo-commerce-page header a[href*="/my-account/"],
body.rihalo-commerce-page header a[href*="my-account"] {
    font-size: 0 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    gap: 0 !important;
}

body.rihalo-commerce-page header a[href*="/my-account/"] svg,
body.rihalo-commerce-page header a[href*="my-account"] svg,
body.rihalo-commerce-page header a[href*="/my-account/"] .kadence-svg-iconset,
body.rihalo-commerce-page header a[href*="my-account"] .kadence-svg-iconset {
    display: inline-flex !important;
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
}

body.rihalo-commerce-page header .header-account-label,
body.rihalo-commerce-page header .header-account-text,
body.rihalo-commerce-page header .header-account-title,
body.rihalo-commerce-page header .header-account-button-text {
    display: none !important;
}