/*
Theme Name: Immersafe Phlox Child
Template: phlox
Description: Motyw potomny Phlox dla immersafe.de/shop
Version: 0.1.0
Text Domain: immersafe-phlox-child
*/

/* Fly Cart: przycisk Checkout jako zielone CTA (styl Fly Cart 02) */
.woofc-area.woofc-style-02 .woofc-area-bot .woofc-action .woofc-action-inner > div a.woofc-action-checkout {
	background-color: #007a08;
	border-color: #007a08;
	color: #fff;
	font-weight: 700;
}

.woofc-area.woofc-style-02 .woofc-area-bot .woofc-action .woofc-action-inner > div a.woofc-action-checkout:hover {
	background-color: #005f06;
	border-color: #005f06;
	color: #fff;
}

/* Nagłówek tablet i mobile (szablon ElementsKit #6222): logo w jednym rzędzie z koszykiem i hamburgerem, desktop bez zmian */
@media (max-width: 1024px) {
	.elementor-element-580f10b > .elementor-widget-wrap {
		display: flex;
		flex-wrap: nowrap;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		background-color: #f0f0f0;
		padding: 6px 12px;
	}

	.elementor-element-580f10b .elementor-element-91ee56c {
		order: 2;
		flex: 0 0 auto;
		width: auto;
		margin: 0;
	}

	.elementor-element-580f10b .elementor-element-91ee56c .elementor-container {
		padding: 0;
	}

	.elementor-element-580f10b .elementor-element-6afcabc > .elementor-element-populated {
		background-color: transparent;
		padding: 0;
		margin: 0;
	}

	.elementor-6222 .elementor-element.elementor-element-6880a63 {
		margin-top: 0;
		margin-bottom: 12px;
	}

	.elementor-element-580f10b .elementor-element-0754a86 {
		order: 1;
		flex: 1 1 auto;
		width: auto;
		max-width: none;
		margin: 0;
	}

	.elementor-element-580f10b .elementor-element-0754a86 img {
		width: auto;
		height: 48px;
		display: block;
	}
}

/* Menu mobilne ElementsKit: jeden prosty wjazd panelu z prawej (ease-in), tło zanika, bez pozostałych efektów */
@media (max-width: 1024px) {
	body .elementskit-navbar-nav-default.elementskit-menu-offcanvas-elements {
		left: auto;
		right: 0;
		transform: translateX(100%);
		visibility: hidden;
		transition: transform 0.3s ease-in, visibility 0s linear 0.3s;
	}

	body .elementskit-navbar-nav-default.elementskit-menu-offcanvas-elements.active {
		left: auto;
		transform: translateX(0);
		visibility: visible;
		transition: transform 0.3s ease-in, visibility 0s;
	}

	body .elementskit-menu-overlay {
		left: 0;
		opacity: 0;
		visibility: hidden;
		transition: opacity 0.3s ease, visibility 0s linear 0.3s;
	}

	body .elementskit-menu-overlay.active {
		opacity: 1;
		visibility: visible;
		transition: opacity 0.3s ease, visibility 0s;
	}

	body .elementskit-navbar-nav-default .elementskit-dropdown,
	body .elementskit-navbar-nav-default .elementskit-megamenu-panel,
	body .elementskit-navbar-nav-default .elementskit-navbar-nav > li > a,
	body .elementskit-navbar-nav-default .elementskit-submenu-panel > li > a,
	body button.elementskit-menu-close,
	body button.elementskit-menu-hamburger,
	.ekit-sticky .elementskit-menu-offcanvas-elements::before {
		transition: none;
	}
}

/* Tablet i mobile: koszyk (menu serch-header, pozycja Fly Cart) jako ikona obok hamburgera */
@media (max-width: 1024px) {
	.elementor-6222 {
		position: relative;
	}

	.elementor-6222 .elementor-element-d305abf,
	.elementor-6222 .elementor-element-d305abf .elementor-column,
	.elementor-6222 .elementor-element-39512de > .elementor-element-populated,
	.elementor-6222 .elementor-element-39512de > .elementor-widget-wrap {
		background: transparent !important;
		background-color: transparent !important;
	}

	.elementor-6222 .elementor-element-39512de {
		display: block !important;
		position: absolute;
		right: 64px;
		z-index: 5;
		width: auto !important;
		height: 60px;
		padding: 0;
		margin: 0;
	}

	.elementor-6222 .elementor-element-39512de > .elementor-widget-wrap {
		height: 100%;
		padding: 0;
		margin: 0;
		align-items: center;
	}

	.elementor-6222 .elementor-element-39512de .elementor-widget,
	.elementor-6222 .elementor-element-39512de .elementskit-navbar-nav > li > a,
	.elementor-6222 .elementor-element-2818879 .elementor-widget {
		margin: 0;
	}

	.elementor-element-580f10b > .elementor-widget-wrap {
		height: 60px;
	}

	.elementor-6222 .elementor-element-d908c3a .elementskit-menu-hamburger,
	.elementor-6222 .elementor-element-d908c3a .elementskit-menu-overlay,
	.elementor-6222 .elementor-element-d908c3a .elementskit-menu-close {
		display: none !important;
	}

	body .elementor-element-d908c3a .elementskit-navbar-nav-default.elementskit-menu-offcanvas-elements {
		position: static !important;
		display: block !important;
		width: auto;
		height: auto;
		padding: 0;
		overflow: visible;
		background: transparent;
		box-shadow: none;
		transform: none !important;
		visibility: visible !important;
		transition: none !important;
	}

	.elementor-6222 .elementskit-menu-hamburger {
		margin: 0;
	}

	.elementor-element-580f10b .elementor-element-0754a86,
	.elementor-element-580f10b .elementor-element-0754a86 .elementor-widget-container,
	.elementor-element-580f10b .elementor-element-0754a86 a {
		display: block;
		line-height: 0;
	}

	.elementor-element-d908c3a .elementskit-navbar-nav {
		display: block;
		margin: 0;
		padding: 0;
	}

	.elementor-6222 .elementor-element-d908c3a .elementskit-navbar-nav > li > a {
		padding: 0 8px;
		line-height: 1;
	}
}

@media (max-width: 767px) {
	.elementor-6222 .elementor-element-d305abf {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		height: 0;
		margin: 0;
		padding: 0;
	}

	.elementor-6222 .elementor-element-d305abf > .elementor-container {
		position: static;
	}

	.elementor-6222 .elementor-element-39512de {
		top: 0;
	}

	.elementor-element-d908c3a .woofc-menu-item-inner-subtotal {
		display: none;
	}
}

/* Tablet: pasek kontaktowy zostaje (stała wysokość), koszyk i hamburger głównego menu w rzędzie z logo */
@media (min-width: 768px) and (max-width: 1024px) {
	.elementor-6222 .elementor-element-d305abf {
		position: static;
		height: 56px;
		overflow: hidden;
	}

	.elementor-6222 .elementor-element-d305abf .elementor-widget-text-editor {
		font-size: 13px;
		line-height: 20px;
	}

	.elementor-6222 .elementor-element-d305abf > .elementor-container {
		position: static;
	}

	.elementor-6222 .elementor-element-39512de {
		top: 56px;
	}

	.elementor-6222 .elementor-element-23c5e2f,
	.elementor-6222 .elementor-element-23c5e2f > .elementor-widget-wrap {
		position: static;
	}

	.elementor-6222 .elementor-element-9827c62 {
		position: absolute;
		top: 0;
		right: 12px;
		z-index: 10001;
		width: 45px;
		height: 60px;
		margin: 0;
		padding: 0;
	}

	.elementor-6222 .elementor-element-9827c62 > .elementor-container {
		position: static;
	}

	.elementor-6222 .elementor-element-9827c62 > .elementor-container,
	.elementor-6222 .elementor-element-2818879,
	.elementor-6222 .elementor-element-2818879 > .elementor-widget-wrap {
		width: 100%;
		height: 100%;
		min-height: 0;
		margin: 0;
		padding: 0;
		background: transparent;
		align-items: center;
		align-content: center;
	}
}