/* TTY header extras (EMC2 Online, 21 Oct 2026) */

/* modern cart icon (line shopping bag) */
.header-cart-link .icon-shopping-cart:before,.cart-item .icon-shopping-cart:before{content:""!important;display:inline-block;width:24px;height:24px;vertical-align:middle;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%231d2420%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%202%203%206v14a2%202%200%200%200%202%202h14a2%202%200%200%200%202-2V6l-3-4Z%22/%3E%3Cpath%20d%3D%22M3%206h18%22/%3E%3Cpath%20d%3D%22M16%2010a4%204%200%200%201-8%200%22/%3E%3C/svg%3E") center/contain no-repeat}
.header-bottom .header-cart-link .icon-shopping-cart:before,.nav-dark .header-cart-link .icon-shopping-cart:before,.dark .header-cart-link .icon-shopping-cart:before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%202%203%206v14a2%202%200%200%200%202%202h14a2%202%200%200%200%202-2V6l-3-4Z%22/%3E%3Cpath%20d%3D%22M3%206h18%22/%3E%3Cpath%20d%3D%22M16%2010a4%204%200%200%201-8%200%22/%3E%3C/svg%3E")}
.header-cart-link .icon-shopping-cart{font-size:0!important;line-height:1}
.header-cart-link [data-icon-label]:after{background:#3d7a22!important;color:#fff!important;box-shadow:0 0 0 2px #fff;font-size:11px!important;font-weight:800;min-width:18px;height:18px;line-height:18px;border-radius:999px;top:-6px!important;right:-8px!important}
.header-bottom .header-cart-link [data-icon-label]:after{background:#fff!important;color:#2f6a17!important;box-shadow:none}

/* mobile menu drawer */
.mobile-sidebar{background:#fff!important}
.mobile-sidebar .sidebar-menu{padding:16px 0 28px!important}
.mobile-sidebar .html_topbar_left,.mobile-sidebar .html_top_right_text{display:none!important}
.mobile-sidebar .header-search-form{padding:0 16px 10px!important}
.mobile-sidebar .header-search-form input[type=search]{height:46px;border:1px solid #d3dad5;border-radius:999px 0 0 999px;padding:0 16px;font-size:16px;box-shadow:none}
.mobile-sidebar .header-search-form .button{height:46px;border-radius:0 999px 999px 0!important;background:#3d7a22!important;border-color:#3d7a22!important}
.mobile-sidebar .nav-sidebar>li{border-top:0!important;margin:0}
.mobile-sidebar .nav-sidebar>li.menu-item>a{display:flex;align-items:center;min-height:52px;padding:0 20px!important;font-size:16px!important;font-weight:700!important;text-transform:none!important;letter-spacing:0!important;color:#1d2420!important;border-bottom:1px solid #eef1ee}
.mobile-sidebar .nav-sidebar>li.menu-item>a:hover,.mobile-sidebar .nav-sidebar>li.menu-item.active>a{color:#2f6a17!important;background:#f6f8f5}
.mobile-sidebar .nav-sidebar .toggle{margin-right:10px;opacity:.7}
.mobile-sidebar .nav-sidebar .sub-menu li a{font-size:15px!important;font-weight:600!important;text-transform:none!important;letter-spacing:0!important;color:#3b443e!important;padding:10px 32px!important}
.mobile-sidebar .nav-sidebar>li.tty-dr-installer>a,.mobile-sidebar .nav-sidebar>li.account-item>a{margin:10px 16px 0;border:1px solid #cfe2c6!important;border-radius:14px;background:#eef5ea;min-height:52px;padding:0 16px 0 48px!important;position:relative;color:#1d2420!important;font-size:15px!important;font-weight:800!important;text-transform:none!important}
.mobile-sidebar .nav-sidebar>li.tty-dr-installer>a:before,.mobile-sidebar .nav-sidebar>li.account-item>a:before{content:"";position:absolute;left:16px;top:50%;width:22px;height:22px;margin-top:-11px;background:center/contain no-repeat}
.mobile-sidebar .nav-sidebar>li.account-item>a:before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%232f6a17%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M19%2021v-2a4%204%200%200%200-4-4H9a4%204%200%200%200-4%204v2%22/%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%227%22%20r%3D%224%22/%3E%3C/svg%3E")}
.mobile-sidebar .nav-sidebar>li.tty-dr-installer>a:before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%232f6a17%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M2%2018a1%201%200%200%200%201%201h18a1%201%200%200%200%201-1v-2a1%201%200%200%200-1-1H3a1%201%200%200%200-1%201v2z%22/%3E%3Cpath%20d%3D%22M10%2010V5a1%201%200%200%201%201-1h2a1%201%200%200%201%201%201v5%22/%3E%3Cpath%20d%3D%22M4%2015v-3a6%206%200%200%201%206-6%22/%3E%3Cpath%20d%3D%22M14%206a6%206%200%200%201%206%206v3%22/%3E%3C/svg%3E")}
.mobile-sidebar .nav-sidebar>li.account-item>a .icon-user,.mobile-sidebar .nav-sidebar>li.account-item>a i{display:none}
.mobile-sidebar .nav-sidebar>li.account-item{order:90}
.mobile-sidebar .header-contact-wrapper{padding:16px 16px 0!important}
.mobile-sidebar .header-contact-wrapper ul{display:flex;gap:8px;flex-wrap:wrap}
.mobile-sidebar .header-contact-wrapper li{margin:0!important}
.mobile-sidebar .header-contact-wrapper a{display:inline-flex!important;align-items:center;gap:6px;min-height:42px;padding:0 16px!important;border-radius:999px;border:1px solid #d3dad5;color:#1d2420!important;font-size:14px!important;font-weight:700!important;text-transform:none!important;letter-spacing:0!important}
.mobile-sidebar .header-social-icons{padding:14px 16px 0!important}
/* installer item: real inline icon (a ::before icon could vanish on phones while scrolling) */
.mobile-sidebar .nav-sidebar>li.tty-dr-installer>a{padding:0 16px!important;gap:10px}
.mobile-sidebar .nav-sidebar>li.tty-dr-installer>a:before{content:none!important;display:none!important}
.mobile-sidebar .tty-dr-ic{flex:none;width:22px;height:22px;display:block}
/* My account above Register as an installer */
.mobile-sidebar ul.nav-sidebar{display:flex;flex-direction:column}
.mobile-sidebar ul.nav-sidebar>li{order:0}
.mobile-sidebar ul.nav-sidebar>li.account-item{order:1}
.mobile-sidebar ul.nav-sidebar>li.tty-dr-installer{order:2}
.mobile-sidebar ul.nav-sidebar>li.header-contact-wrapper,.mobile-sidebar ul.nav-sidebar>li.header-social-icons,.mobile-sidebar ul.nav-sidebar>li.html_top_right_text{order:3}
/* touch: keep the cards' colours while pressed */
.mobile-sidebar .nav-sidebar>li.tty-dr-installer>a:hover,.mobile-sidebar .nav-sidebar>li.account-item>a:hover{background:#eef5ea!important;color:#1d2420!important}