/*
 * CLP-24 追加:主選單第一層(level-0)
 *   1) <button class="level-0"> 字體與 <a class="level-0"> 完全一致(Manrope 800 / 16px / line-height 24px)
 *      — 原因:粗體只套在 <a>,<button> 沒吃到,Deals 變細字。
 *   2) 第一層 Icon:有 Icon 時以圖取代文字,高 32px、寬 auto,垂直置中;不撐高選單列。
 * 獨立檔,不需重編 tailwind。載入點:Magento_Theme/layout/default_head_blocks.xml
 */
nav[aria-label] button.level-0,
nav[aria-label] a.level-0 {
    font-family: Manrope, sans-serif;
    font-size: 16px;
    font-weight: 800;
    line-height: 24px;
}
nav[aria-label] button.level-0 {
    background: transparent;
    border: 0;
    color: inherit;
    text-align: left;
}

/* Icon:桌機高 32px。選單項目 py-4(上下 16px)+ 文字行高 24px;圖 32px 以上下 -4px 外距收回,選單列高度與純文字項目相同 */
.clp-menu-icon {
    display: block;
    height: 32px;
    width: auto;
    max-width: none;
}
.clp-menu-icon--desktop {
    margin: -4px 0;
}
/* 手機:同一張圖,高度 30px(需求 28–32px),靠左與其他項目文字對齊 */
.clp-menu-icon--mobile {
    height: 30px;
    margin: 0;
}