/* Hoptrans — mobile off-canvas / slide-out menu (staging 2026-09-18)
 * Scope: #slide-out-widget-area + #slide-out-widget-area-bg + close only.
 * Cream panel + ink text; Susisiekime = outline pill (not solid bar).
 * No orphan body.page-id-XXXX, selectors. Does not restyle desktop #header-outer.
 */

/* Panel + dimmer — light cream (site surface; ~#F5F2EA) */
#slide-out-widget-area-bg.slide-out-from-right,
#slide-out-widget-area-bg {
	background-color: #f4f2eb !important;
	background-image: none !important;
}

body.material #slide-out-widget-area.slide-out-from-right:not(.fullscreen-alt):not(.fullscreen),
body.material #slide-out-widget-area.slide-out-from-right,
body.material #slide-out-widget-area,
#slide-out-widget-area.slide-out-from-right,
#slide-out-widget-area {
	background-color: #f4f2eb !important;
	background-image: none !important;
	color: #1c2e20 !important;
}

#slide-out-widget-area .inner,
#slide-out-widget-area .inner-wrap,
#slide-out-widget-area .off-canvas-menu-container {
	background-color: transparent !important;
	color: #1c2e20 !important;
}

/* Nav links — Hoptrans ink (not white on black) */
body #slide-out-widget-area .inner-wrap > .inner .off-canvas-menu-container li > a,
body #slide-out-widget-area.slide-out-from-right .inner-wrap > .inner .off-canvas-menu-container li > a,
body.material #slide-out-widget-area.slide-out-from-right .off-canvas-menu-container .menu > li > a,
body.material #slide-out-widget-area.slide-out-from-right .off-canvas-menu-container .menu li a,
#slide-out-widget-area .off-canvas-menu-container .menu > li > a,
#slide-out-widget-area .off-canvas-menu-container .menu li a,
#slide-out-widget-area .inner .off-canvas-menu-container a,
#slide-out-widget-area .menuwrapper li a,
#slide-out-widget-area .inner a {
	color: #1c2e20 !important;
}

body.material #slide-out-widget-area.slide-out-from-right .off-canvas-menu-container .menu li > a:hover,
body.material #slide-out-widget-area.slide-out-from-right .off-canvas-menu-container .menu li > a:focus,
body.material #slide-out-widget-area.slide-out-from-right .off-canvas-menu-container .menu li a:hover,
body.material #slide-out-widget-area.slide-out-from-right .off-canvas-menu-container .menu li a:focus,
body.material #slide-out-widget-area.slide-out-from-right .off-canvas-menu-container .menu li.current-menu-item > a,
body.material #slide-out-widget-area.slide-out-from-right .off-canvas-menu-container .menu li.current_page_item > a,
body.material #slide-out-widget-area.slide-out-from-right .off-canvas-menu-container .menu li.current-menu-ancestor > a,
#slide-out-widget-area .off-canvas-menu-container .menu li a:hover,
#slide-out-widget-area .off-canvas-menu-container .menu li a:focus,
#slide-out-widget-area .off-canvas-menu-container .menu li.current-menu-item > a,
#slide-out-widget-area .off-canvas-menu-container .menu li.current_page_item > a,
#slide-out-widget-area .off-canvas-menu-container .menu li.current-menu-ancestor > a,
#slide-out-widget-area .inner a:hover,
#slide-out-widget-area .inner a:focus {
	color: #2d8a4e !important;
}

/* Salient material underline / after — ink, not white */
body.material #slide-out-widget-area[class*="slide-out-from-right"] .off-canvas-menu-container li a:after,
body.material #slide-out-widget-area[class*="slide-out-from-right"] .off-canvas-menu-container li > a:after,
#slide-out-widget-area .off-canvas-menu-container .menu li a:after,
#slide-out-widget-area .off-canvas-menu-container .menu li > a:after {
	background-color: #1c2e20 !important;
}

body.material #slide-out-widget-area[class*="slide-out-from-right"] .off-canvas-menu-container li a:hover:after,
body.material #slide-out-widget-area[class*="slide-out-from-right"] .off-canvas-menu-container li a:focus:after,
body.material #slide-out-widget-area[class*="slide-out-from-right"] .off-canvas-menu-container .current-menu-item > a:after,
body.material #slide-out-widget-area[class*="slide-out-from-right"] .off-canvas-menu-container .current_page_item > a:after,
body.material #slide-out-widget-area[class*="slide-out-from-right"] .off-canvas-menu-container .current-menu-ancestor > a:after,
#slide-out-widget-area .off-canvas-menu-container .menu li a:hover:after,
#slide-out-widget-area .off-canvas-menu-container .menu li a:focus:after,
#slide-out-widget-area .off-canvas-menu-container .menu li.current-menu-item > a:after,
#slide-out-widget-area .off-canvas-menu-container .menu li.current_page_item > a:after,
#slide-out-widget-area .off-canvas-menu-container .menu li.current-menu-ancestor > a:after {
	background-color: #2d8a4e !important;
}

#slide-out-widget-area .off-canvas-menu-container .menu li a .sf-sub-indicator,
#slide-out-widget-area .off-canvas-menu-container .menu li a .ocm-dropdown-arrow,
#slide-out-widget-area .off-canvas-menu-container .menu li a i {
	color: #1c2e20 !important;
}

/* Susisiekime — outline pill (borderline), not solid green/black bar */
#slide-out-widget-area .off-canvas-menu-container li.menu-item-1680 > a,
#slide-out-widget-area .off-canvas-menu-container li.menu-item-1680[class*="button_"] > a,
body.material #slide-out-widget-area.slide-out-from-right .off-canvas-menu-container li.menu-item-1680 > a {
	background-color: transparent !important;
	background-image: none !important;
	color: #1c2e20 !important;
	border: 1.5px solid #1c2e20 !important;
	border-radius: 999px !important;
	box-shadow: none !important;
	padding: 10px 22px !important;
	display: inline-block !important;
	width: auto !important;
	max-width: 100%;
	text-align: center;
	line-height: 1.25 !important;
	margin-top: 0.35em;
}

#slide-out-widget-area .off-canvas-menu-container li.menu-item-1680 > a:before,
#slide-out-widget-area .off-canvas-menu-container li.menu-item-1680 > a:after {
	display: none !important;
	background: none !important;
	content: none !important;
}

#slide-out-widget-area .off-canvas-menu-container li.menu-item-1680 > a:hover,
#slide-out-widget-area .off-canvas-menu-container li.menu-item-1680 > a:focus,
body.material #slide-out-widget-area.slide-out-from-right .off-canvas-menu-container li.menu-item-1680 > a:hover,
body.material #slide-out-widget-area.slide-out-from-right .off-canvas-menu-container li.menu-item-1680 > a:focus {
	background-color: transparent !important;
	color: #2d8a4e !important;
	border-color: #2d8a4e !important;
}

/* Close X — ink bars only. Filling .close-wrap painted a solid dark square. */
.slide_out_area_close .close-wrap {
	background-color: transparent !important;
	background-image: none !important;
}

.slide_out_area_close .close-line,
body.material .slide_out_area_close .close-line,
.slide_out_area_close .close-wrap .close-line {
	background-color: #1c2e20 !important;
}

/* Menu label is stored as “Paslaugos - Sektoriai”; match the other caps items. */
#slide-out-widget-area .off-canvas-menu-container li.menu-item-1663 > a,
#header-outer #top nav > ul > li.menu-item-1663 > a,
#header-outer #top nav > ul > li.menu-item-1663 > a .menu-title-text,
#header-outer #top nav > ul > li.menu-item-1663 .nectar-text-reveal-button__text {
	text-transform: uppercase !important;
}

/* Social / bottom meta — ink */
#slide-out-widget-area .off-canvas-social-links a,
#slide-out-widget-area .bottom-meta a,
#slide-out-widget-area .off-canvas-social-links a i,
#slide-out-widget-area .off-canvas-social-links .fa,
#slide-out-widget-area .bottom-meta a i {
	color: #1c2e20 !important;
}

#slide-out-widget-area .off-canvas-social-links a:hover,
#slide-out-widget-area .off-canvas-social-links a:focus,
#slide-out-widget-area .off-canvas-social-links a:hover i,
#slide-out-widget-area .off-canvas-social-links a:focus i {
	color: #2d8a4e !important;
}