/* =========================================
   SKIN MEDIC — Header refinement
   ========================================= */

/* === Ukryj ukośniki (inline style nie wygra z !important) === */
#ast-desktop-header .main-header-menu > li > a .menu-text > i,
#ast-desktop-header .main-header-menu > li > a .menu-text > i[style],
#ast-hf-menu-1 .menu-text > i {
	display: none !important;
	visibility: hidden !important;
}

/* === Białe tła na wszystkich warstwach nav === */
#ast-desktop-header .main-navigation,
#ast-desktop-header .ast-nav-menu,
#ast-desktop-header .ast-inline-flex,
#ast-desktop-header .main-header-bar-navigation,
#ast-desktop-header .ast-main-header-bar-alignment,
#ast-desktop-header .ast-builder-menu-1,
#ast-hf-menu-1,
#ast-hf-menu-1 li {
	background: #fff !important;
	background-color: #fff !important;
}

/* === Ukryj nieaktualne info o voucherach === */
#ast-desktop-header .ast-header-html-10,
#ast-mobile-header .ast-header-html-10 {
	display: none !important;
}

/* === Usuń szare tła z wszystkich warstw headera === */
#masthead,
#ast-desktop-header,
#ast-mobile-header,
.ast-main-header-wrap,
.ast-stick-primary-below-wrapper,
.ast-above-header-wrap,
.ast-above-header-bar,
.ast-primary-header-bar,
.ast-below-header-bar,
.ast-below-header-wrap,
.site-header-focus-item {
	background: #fff !important;
	background-color: #fff !important;
}

/* === TOP BAR: logo + kontakt — cienki, subtelny === */
#ast-desktop-header .ast-primary-header-bar {
	padding-top: 10px;
	padding-bottom: 10px;
	background: #fff !important;
	border-bottom: none;
}

/* === NAV BAR: mocniejszy, wyróżniony === */
#ast-desktop-header .ast-below-header-bar,
#ast-desktop-header .ast-below-header-wrap,
#ast-desktop-header .ast-below-header,
.site-below-header-wrap,
.ast-below-header-bar.ast-below-header {
	background: #fff !important;
	background-color: #fff !important;
	border-top: 0.5px solid #ede8da;
	border-bottom: 3px solid rgb(196,167,91);
	padding-top: 0;
	padding-bottom: 0;
}

/* === Sticky shadow === */
.ast-header-sticked #masthead,
#masthead.ast-header-sticked {
	box-shadow: 0 2px 24px rgba(0,0,0,0.06);
}

/* === Logo === */
#ast-desktop-header .custom-logo {
	max-height: 44px;
	width: auto;
}

/* === Kontakt: ukryj ikonki w kółku, zostaw czysty tekst === */
#ast-desktop-header .ast-header-html .fa-phone,
#ast-desktop-header .ast-header-html .fa-envelope {
	display: none !important;
}

#ast-desktop-header .ast-header-html p {
	margin: 0;
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 13px;
	color: #555;
}

#ast-desktop-header .ast-header-html a {
	color: #333;
	text-decoration: none;
	font-size: 13px;
	font-weight: 500;
	transition: color 0.15s;
}

#ast-desktop-header .ast-header-html a:hover {
	color: rgb(196,167,91);
}

#ast-desktop-header .ast-header-html-2 a::before {
	content: "↗ ";
	color: rgb(196,167,91);
	font-size: 11px;
}

#ast-desktop-header .ast-header-html-3 a::before {
	content: "✉ ";
	color: rgb(196,167,91);
	font-size: 11px;
}

/* === Nav links === */
#ast-desktop-header .main-header-menu > li > a.menu-link {
	font-size: 13.5px;
	font-weight: 500;
	color: #222;
	letter-spacing: 0.3px;
	padding: 22px 16px;
	position: relative;
	text-decoration: none;
	transition: color 0.15s;
}

#ast-desktop-header .main-header-menu > li > a.menu-link:hover,
#ast-desktop-header .main-header-menu > li.current-menu-item > a.menu-link,
#ast-desktop-header .main-header-menu > li.current-menu-ancestor > a.menu-link,
#ast-desktop-header .main-header-menu > li.current_page_ancestor > a.menu-link {
	color: rgb(196,167,91);
}

/* Złota kreska na dole przy hover/active */
#ast-desktop-header .main-header-menu > li > a.menu-link::after {
	content: "";
	position: absolute;
	bottom: -3px;
	left: 0;
	right: 0;
	height: 3px;
	background: rgb(196,167,91);
	transform: scaleX(0);
	transition: transform 0.2s ease;
}

#ast-desktop-header .main-header-menu > li > a.menu-link:hover::after,
#ast-desktop-header .main-header-menu > li.current-menu-item > a.menu-link::after,
#ast-desktop-header .main-header-menu > li.current-menu-ancestor > a.menu-link::after {
	transform: scaleX(1);
}

/* Ukryj pierwszą strzałkę SVG w głównym linku (tę przed .menu-text) */
#ast-desktop-header .main-header-menu > li > a.menu-link > span.ast-icon:first-child {
	display: none !important;
}

/* === Submenu === */
#ast-desktop-header .sub-menu {
	border-top: none !important;
	border-radius: 0 0 10px 10px !important;
	box-shadow: 0 8px 28px rgba(0,0,0,0.09) !important;
	padding: 6px 0 !important;
	background: #fff !important;
	z-index: 9999 !important;
	position: absolute !important;
}

#ast-desktop-header .sub-menu li a.menu-link,
#ast-desktop-header .sub-menu li a.menu-link:visited {
	font-size: 13px !important;
	color: #2c2c2c !important;
	padding: 10px 20px !important;
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	transition: color 0.15s, background 0.15s !important;
	font-weight: 400 !important;
	text-decoration: none !important;
}

#ast-desktop-header .sub-menu li a.menu-link:hover {
	color: rgb(196,167,91) !important;
	background: #faf8f2 !important;
}

#ast-desktop-header .sub-menu .ast-icon.icon-arrow,
#ast-desktop-header .sub-menu .fa-long-arrow-right,
#ast-desktop-header .sub-menu .menu-text i {
	display: none !important;
}

/* === "Rezerwuj online" button === */
#ast-desktop-header .ast-builder-button-wrap .ast-custom-button {
	background: rgb(196,167,91);
	color: #fff !important;
	border-radius: 30px;
	padding: 11px 24px;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.4px;
	transition: background 0.2s, box-shadow 0.2s;
	box-shadow: 0 2px 14px rgba(196,167,91,0.3);
	white-space: nowrap;
	text-transform: none;
}

#ast-desktop-header .ast-builder-button-wrap .ast-custom-button:hover {
	background: rgb(160,136,72);
	box-shadow: 0 4px 20px rgba(196,167,91,0.4);
}

#ast-desktop-header .ast-builder-button-wrap a.menu-link {
	display: none;
}

/* === Koszyk === */
#ast-desktop-header .ast-woo-header-cart-total {
	font-size: 13px;
	font-weight: 600;
	color: rgb(196,167,91);
}

/* === MOBILE: ukryj ikonkę telefonu w górnym pasku === */
#ast-mobile-header .fa-phone,
#ast-mobile-header .fa-envelope {
	display: none !important;
}

#ast-mobile-header .ast-above-header-bar {
	background: #fff !important;
	border-bottom: 0.5px solid #ede8da;
	padding: 8px 0;
}

#ast-mobile-header .ast-header-html p {
	margin: 0;
	font-size: 13px;
	color: #333;
	font-weight: 500;
}

#ast-mobile-header .ast-header-html a {
	color: #333;
	text-decoration: none;
}

/* === MOBILE MENU === */
.ast-mobile-header-content,
.ast-mobile-header-content .main-navigation,
.ast-mobile-header-content .main-header-menu,
.ast-mobile-header-content ul,
.ast-mobile-header-content li {
	background: #fff !important;
}

/* Odstęp od paska z X — żeby Oferta nie chowała się pod nim */
.ast-mobile-header-content {
	padding-top: 8px !important;
}

/* Ukryj tylko strzałki/ikonki dekoracyjne, NIE toggle button */
.ast-mobile-header-content .fa-long-arrow-right,
.ast-mobile-header-content .menu-text i,
.ast-mobile-header-content li > a > i {
	display: none !important;
}

/* Toggle button (rozwijanie podmenu) — widoczny i klikalny */
.ast-mobile-header-content .ast-menu-toggle,
.ast-mobile-header-content button.ast-menu-toggle {
	display: flex !important;
	visibility: visible !important;
	background: none !important;
	border: none !important;
	padding: 14px 16px !important;
	cursor: pointer !important;
}

.ast-mobile-header-content .ast-menu-toggle .ast-icon svg {
	width: 14px !important;
	height: 14px !important;
	fill: #aaa !important;
}

/* Submenu mobile po rozwinięciu */
.ast-mobile-header-content li.ast-submenu-expanded > .sub-menu,
.ast-mobile-header-content li[aria-expanded="true"] > .sub-menu {
	display: block !important;
}

/* Linki główne — jednolity kolor */
.ast-mobile-header-content .main-header-menu li a,
.ast-mobile-header-content .main-header-menu li a.menu-link,
.ast-mobile-header-content .main-header-menu li a span.menu-text {
	font-size: 15px !important;
	font-weight: 500 !important;
	color: #222 !important;
	padding: 14px 20px !important;
	border-bottom: 0.5px solid #f0ebe0 !important;
	background: #fff !important;
	text-decoration: none !important;
}

.ast-mobile-header-content .main-header-menu li a:hover,
.ast-mobile-header-content .main-header-menu li a:hover span.menu-text {
	color: rgb(196,167,91) !important;
}

/* Submenu mobile */
.ast-mobile-header-content .sub-menu,
.ast-mobile-header-content .sub-menu li {
	background: #faf8f2 !important;
}

.ast-mobile-header-content .sub-menu {
	border-left: 3px solid rgb(196,167,91) !important;
	margin-left: 20px !important;
}

.ast-mobile-header-content .sub-menu li a,
.ast-mobile-header-content .sub-menu li a.menu-link {
	font-size: 14px !important;
	color: #555 !important;
	padding: 10px 16px !important;
	background: transparent !important;
	border-bottom: 0.5px solid #ede8da !important;
}

/* === MOBILE: button rezerwuj === */
#ast-mobile-header .ast-custom-button {
	background: rgb(196,167,91) !important;
	color: #fff !important;
	border-radius: 30px !important;
	padding: 10px 20px !important;
	font-size: 13px !important;
	font-weight: 600 !important;
}

/* === Search === */
#ast-desktop-header .is-search-form .is-search-input {
	border: 0.5px solid #ddd6c4;
	border-radius: 30px 0 0 30px;
	font-size: 13px;
	padding: 7px 14px;
	outline: none;
	transition: border-color 0.15s;
}

#ast-desktop-header .is-search-form .is-search-input:focus {
	border-color: rgb(196,167,91);
}

#ast-desktop-header .is-search-form .is-search-submit {
	background: rgb(196,167,91);
	color: #fff;
	border: none;
	border-radius: 0 30px 30px 0;
	padding: 7px 16px;
	font-size: 13px;
	font-weight: 600;
	cursor: pointer;
	transition: background 0.2s;
}

#ast-desktop-header .is-search-form .is-search-submit:hover {
	background: rgb(160,136,72);
}