/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

/* Global */

.has-border {
	border-radius: 10px;
}

.banner.has-video {
	background-image: linear-gradient(135deg,var(--fs-color-secondary) 0%, #a45dbb 100%);
}

.is-outline {
	color: #a45dbb;
}

button.wishlist-button i {
	top: 0;
}

/* top bar */

#top-bar {
	background-image: linear-gradient(90deg,var(--fs-color-secondary) 0%, #a45dbb 100%);
}

#top-bar .nav > li > a:hover {
	color: #000;
}

/* Header */

.icon-user:before {
	color: var(--fs-color-primary);
}

.nav-dropdown {
	padding: 5px 0;
}

.nav-dropdown > li > a {
	padding: 6px 20px;
	color: var(--fs-color-base);
}

.menu-item-275 > ul.sub-menu {
	min-width: 330px;
}

ul.nav-dropdown > li:hover {
	background-color: var(--light-purple);
}

/* Harmadik menüszint: kinyíló almenü a szülő elem mellett
 *
 * A Flatsome alapból nem nyitja ki a harmadik szintet: a gyerekes második
 * szintű elemet oszloppá alakítja (li.nav-dropdown-col -> display: table-cell),
 * a linkjét oszlopcímmé stílusozza, a gyerekeit pedig alatta sorolja fel. Így
 * egy széles, több hasábos legördülő jön létre.
 *
 * Itt ehelyett a szülő elem normál menüpont marad jobbra mutató nyíllal, a
 * gyerekei pedig jobbra kinyíló, külön dobozban jelennek meg.
 *
 * A megnyitás sima :hover/:focus-within — a Flatsome JS-e csak az első
 * szintre tesz .current-dropdown osztályt, a mélyebb szintekre nem.
 */

/* A táblázatos elrendezés feloldása, hogy a tételek egymás alá kerüljenek. */
.header-nav .nav-dropdown {
	display: block;
}

.header-nav .nav-dropdown > li.nav-dropdown-col {
	display: block;
	position: relative;
	width: auto;
	min-width: 0;
}

/* A szülő linkje ne oszlopcím legyen, hanem a testvéreivel egyező menüpont. */
.header-nav .nav-dropdown > li.nav-dropdown-col > a {
	position: relative;
	padding-right: 34px;
	color: inherit;
	font-size: inherit;
	font-weight: inherit;
	text-transform: none;
}

/* Jobbra mutató nyíl. Tisztán CSS-ből rajzolva, hogy ne függjön
   ikonkészlettől: a Flatsome és a bővítmény is más-más fontot tölt be. */
.header-nav .nav-dropdown > li.nav-dropdown-col > a::after {
	content: "";
	position: absolute;
	right: 16px;
	top: 50%;
	width: .4em;
	height: .4em;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: translateY(-50%) rotate(-45deg);
	opacity: .55;
}

.header-nav .nav-dropdown > li.nav-dropdown-col:hover > a::after,
.header-nav .nav-dropdown > li.nav-dropdown-col:focus-within > a::after {
	opacity: 1;
}

/* A harmadik szint doboza a szülő jobb oldalán. A -5px felső eltolás a
   .nav-dropdown 5px-es függőleges belső margóját egyenlíti ki, hogy az első
   tétel a szülővel egy vonalban kezdődjön. */
.header-nav .nav-dropdown > li.nav-dropdown-col > ul.nav-column {
	position: absolute;
	left: 100%;
	top: -5px;
	z-index: 10;
	min-width: 240px;
	margin: 0;
	padding: 5px 0;
	background-color: #fff;
	border: 2px solid var(--fs-color-secondary);
	border-radius: 10px;
	box-shadow: 0 3px 12px rgba(0, 0, 0, .12);
	opacity: 0;
	visibility: hidden;
	transition: opacity .2s, visibility .2s;
}

.header-nav .nav-dropdown > li.nav-dropdown-col:hover > ul.nav-column,
.header-nav .nav-dropdown > li.nav-dropdown-col:focus-within > ul.nav-column {
	opacity: 1;
	visibility: visible;
}

.header-nav .nav-dropdown > li.nav-dropdown-col > ul.nav-column > li > a {
	padding: 8px 20px;
	color: var(--fs-color-base);
}

.header-nav .nav-dropdown > li.nav-dropdown-col > ul.nav-column > li:hover {
	background-color: #f7f3fa;
}

/* Header mobile */

@media screen and (max-width: 849px) {
	.nav-vertical li li.menu-item-has-children:not(:first-child) {
		margin-top: 0;
	}

	ul.sub-menu.nav-sidebar-ul.children > .menu-item-has-children > ul.sub-menu.nav-sidebar-ul {
		padding-left: 26px;
	}
}

/* Buttons */
.button:not(.circle):not(.ux-quantity__button):not(.ux-search-submit) {
	line-height: 1.6em;
	padding: 0.55em 1.2em 0.4em 1.2em;
}

/* main page */

.bottom-border-radius {
	border-radius: 0 0 10px 10px;
	overflow: hidden;
}

/* HUSKY */

.woof_container_inner h4 {
	text-transform: uppercase;
	letter-spacing: .05em;
	line-height: 1.05;
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 20px;
	margin-top: 30px;
}

.switcher23:checked + .switcher23-toggle::before {
	background: #fddbca;
}

.switcher23:checked + .switcher23-toggle > span {
	background: var(--fs-color-secondary);
}

/* A Turbo Mode a meta szűrők címkéjébe beszúrja a találatszámot
   (<span class="woof_turbo_count">). A kapcsolóként rajzolt Mennyiségi
   kedvezménynél ez a címke maga a kapcsoló, így a szám a csúszka gombjának
   stílusát kapná (.switcher23-toggle > span). Az Akciós és a Kiemelt
   kapcsolón sincs szám. */
.switcher23-toggle > .woof_turbo_count {
	display: none !important;
}

.woof_fs_by_featured {
	margin-bottom: 4px;
}

/* HUSKY end */

/* produt catalog */

select.orderby {
	border-radius: 10px;
}

/* mini cart */
ul.product_list_widget li img {
	height: auto;
	max-height: 100px;
}

/* product page */

.fs-shipping-notice .medium-text-center {
	text-align: left !important;
}

.image-tools .wishlist-button:hover {
	background-color: var(--fs-color-secondary);
	border-color: var(--fs-color-secondary);
}

/* checkout */
.shipping.shipping--boxed .shipping__list_item {
	border-radius: 10px;
}

.woocommerce-checkout input[type="text"],
.woocommerce-checkout input[type="tel"],
.woocommerce-checkout input[type="email"],
.woocommerce-checkout input[type="password"],
.woocommerce-checkout textarea#order_comments,
.woocommerce-checkout select {
	border-radius: 10px;
}


/* footer */

.no-bottom-padding > .col {
	padding-bottom: 0;
}

.no-bottom-margin {
	margin-bottom: 0;
}

footer .button {
	background-color: var(--fs-color-secondary);
}

footer section {
	background-image: linear-gradient(135deg, var(--fs-color-secondary) -30%, #a45dbb 90%);
}

/* popup fix */

html.pum-open.pum-open-overlay.pum-open-scrollable body > :not([aria-modal="true"]) {
	padding-right: 0;
}

/* contact page */

.wpcf7-form input,
.wpcf7-form textarea {
	border-radius: 10px;
}

/* My account page */
.my-account-header.normal-title {
	background-color: var(--light-purple);
}

.woocommerce-MyAccount-content .message-container {
	text-align: left !important;
}

.woocommerce-MyAccount-content .message-container .wc-forward {
	float: right;
	display: block;
	margin-left: 1em;
}

.dashboard-links a {
	border-radius: 10px !important;
	border: 2px solid var(--fs-color-secondary) !important;
}

.dashboard-links a:hover {
	background-color: var(--light-orange) !important;
	color:  var(--fs-experimental-link-color) !important;
}

.woocommerce-MyAccount-content .bitrow-button {
	border-radius: 10px;
	background-color: var(--fs-color-primary);
	padding: .5rem 1.25rem;
}

/* consent */

.cs_preview_container .btn,
.cs-bar-popup {
	border-radius: 10px !important;
}

.cs-bar-popup {
	border: 2px solid var(--fs-color-secondary) !important;
}

.cs-info-bar {
	border: 2px solid var(--fs-color-secondary) !important;
	color: #000 !important;
	padding: 1em 2em !important;
	border-radius: 10px !important;
	margin: 15px !important;
}

.cs_preview_container .btn {
	font-weight: 700 !important;
}

.cs_preview_container .allow_all_btn {
	background-color: var(--fs-color-secondary) !important;
}

.cs_preview_container .disable_all_btn,
.cs_preview_container .options_btn {
	background-color: var(--light-purple) !important;
}

.cs_preview_container .policy_wrap a {
	color: var(--fs-color-primary) !important;
}

.cs_preview_container .policy_wrap a:after {
	background-color: unset !important;
}

.cs_preview_container > div > div .cs-modal:not(.cs-modal-admin) .primary-switch .primary-switch-input:checked + .primary-switch-btn {
	background: var(--fs-color-primary) !important;
}

.cs-info-sticky-button {
	padding: 10px 20px !important;
}

.cs-info-sticky {
	min-height: 40px !important;
}