/*	
	Theme Name: Motors - Child Theme
	Theme URI: http://motors.stylemixthemes.com/
	Author: StylemixThemes
	Author URI: http://stylemixthemes.com/
	Description: Motors Child theme
	Version: 4.0
	License: GNU General Public License v2 or later
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
	Tags: blue, red, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, fluid-layout, responsive-layout, flexible-header, custom-background, custom-colors, custom-header, custom-menu, editor-style, sticky-post, theme-options
	Text Domain: motors-child
    Template: motors

    This theme, like WordPress, is licensed under the GPL.
    Use it to make something cool, have fun, and share what you've learned with others.
*/

/* Add your own styles here */

:root {
  --motors-default-base-color: #1280DF;
  --mvl-primary-color: #1280DF!important;
}


i.icon-car-salon {
	font-family: 'icomoon'!important;
}

/* ==========================================================================
   3G AUTÓ – DEALER ÉS MUNKATÁRSI PROFILOK
   Közös személyes bemutatkozó, személyes elérhetőségek, szalonadatok és csapat.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. SZEMÉLYES PROFIL + BEMUTATKOZÓ
   -------------------------------------------------------------------------- */
.stm-dealer-public-profile .stm-dealer-main-info .stm-profile-bio-row {
	display: flex !important;
	align-items: stretch;
	flex-wrap: wrap;
	margin-top: 0;
	margin-bottom: 30px;
}

.stm-dealer-public-profile .stm-dealer-main-info .stm-profile-person-column,
.stm-dealer-public-profile .stm-dealer-main-info .stm-profile-notes-column {
	float: none !important;
}

/* A 25%-os oszlop kevés: a személyes kártya 5/12, a szöveges rész 7/12. */
.stm-dealer-public-profile .stm-dealer-main-info .stm-profile-person-column {
	flex: 0 0 41.666667%;
	width: 41.666667%;
	max-width: 41.666667%;
}

.stm-dealer-public-profile .stm-dealer-main-info .stm-profile-notes-column {
	flex: 0 0 58.333333%;
	width: 58.333333%;
	max-width: 58.333333%;
}

.stm-dealer-public-profile .stm-dealer-main-info .stm-profile-person-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	height: 100%;
	margin: 0;
	text-align: center;
}

.stm-dealer-public-profile .stm-dealer-main-info .stm-profile-person-card .stm-user-avatar {
	width: min(100%, 300px);
	margin: 0;
}

.stm-dealer-public-profile .stm-dealer-main-info .stm-profile-person-card .stm-user-avatar img {
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
	border-radius: 4px;
}

/* Név és beosztás külön belső dobozban. */
.stm-dealer-public-profile .stm-dealer-main-info .stm-profile-person-content {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 4px;
	width: 100%;
	padding-top: 12px;
	text-align: center;
}

.stm-template-listing_one_elementor .stm-dealer-public-profile .stm-profile-person-content h3,
.stm-dealer-public-profile .stm-profile-person-content h3 {
	margin: 0 !important;
	font-size: clamp(18px, 2vw, 26px);
	line-height: 1.2;
	color: var(--motors-default-base-color, #1280df);
}

.stm-dealer-public-profile .stm-profile-person-content h4 {
	margin: 0 !important;
	font-size: clamp(13px, 1.25vw, 18px);
	line-height: 1.25;
}

/* --------------------------------------------------------------------------
   2. SZEMÉLYHEZ TARTOZÓ ELÉRHETŐSÉGEK: E-MAIL, MAJD TELEFON
   -------------------------------------------------------------------------- */
.stm-dealer-public-profile .stm-profile-contact-list {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	gap: 14px 24px;
	margin: 0 0 20px;
	padding: 0 0 18px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.stm-dealer-public-profile .stm-profile-contact-item {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	min-width: min(100%, 220px);
}

.stm-dealer-public-profile .stm-profile-contact-item > i {
	flex: 0 0 auto;
	margin-top: 2px;
	font-size: 18px;
	color: var(--motors-default-base-color, #1280df);
}

.stm-dealer-public-profile .stm-profile-contact-item .inner {
	min-width: 0;
}

.stm-dealer-public-profile .stm-profile-contact-item h5 {
	margin: 0 0 3px;
	font-size: 12px;
	line-height: 1.25;
}

.stm-dealer-public-profile .stm-profile-contact-item a,
.stm-dealer-public-profile .stm-profile-contact-item span.phone {
	display: inline-block;
	max-width: 100%;
	word-break: break-word;
}

/* Felülírja a Motors eredeti 45px / 63px / 4px bemutatkozó térközeit. */
.stm-dealer-public-profile .stm-dealer-main-info .stm-profile-notes-column .stm-seller-notes {
	height: auto;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding-top: 0;
	border-top: 0 !important;
}

/* A wp_editor/plain text tartalmából képzett valódi bekezdések és listák térközei. */
.stm-dealer-public-profile .stm-seller-notes > div > :first-child {
	margin-top: 0;
}

.stm-dealer-public-profile .stm-seller-notes > div > :last-child {
	margin-bottom: 0;
}

.stm-dealer-public-profile .stm-seller-notes p {
	margin: 0 0 1em;
}

.stm-dealer-public-profile .stm-seller-notes h1,
.stm-dealer-public-profile .stm-seller-notes h2,
.stm-dealer-public-profile .stm-seller-notes h3,
.stm-dealer-public-profile .stm-seller-notes h4,
.stm-dealer-public-profile .stm-seller-notes h5,
.stm-dealer-public-profile .stm-seller-notes h6 {
	margin-top: 0;
	margin-bottom: .6em;
}

.stm-dealer-public-profile .stm-seller-notes ul,
.stm-dealer-public-profile .stm-seller-notes ol {
	margin-top: 0;
	margin-bottom: 1em;
}

/* --------------------------------------------------------------------------
   3. CSAPATUNK
   -------------------------------------------------------------------------- */
/* Elválasztó a Bemutatkozó és a Csapatunk között – azonos a céges blokk felső elválasztójával. */
.stm-dealer-public-profile .stm-dealer-team {
	margin: 0 0 32px;
	padding-top: 28px;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.stm-dealer-public-profile .stm-dealer-team > h3 {
	margin: 0 0 10px !important;
	font-size: 14px;
	line-height: 1.3;
}

.stm-dealer-public-profile .stm-team-members-row {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	gap: 12px;
}

/* Egy csapattag akkor sem lehet 25%-nál szélesebb, ha csak egy elem van. */
.stm-dealer-public-profile .stm-team-member-col {
	flex: 0 1 calc(25% - 9px);
	width: calc(25% - 9px);
	max-width: calc(25% - 9px);
	min-width: 120px;
}

.stm-dealer-public-profile a.stm-team-member-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	gap: 0;
	width: 100%;
	margin: 0;
	padding: 12px 8px;
	border: 1px solid rgba(0, 0, 0, 0.12);
	border-radius: 4px;
	text-align: center;
	transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.stm-dealer-public-profile a.stm-team-member-card:hover,
.stm-dealer-public-profile a.stm-team-member-card:focus {
	transform: translateY(-2px);
	border-color: var(--motors-default-base-color, #1280df);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
	text-decoration: none;
}

.stm-dealer-public-profile .stm-team-member-card .stm-user-avatar {
	width: min(72%, 130px);
	aspect-ratio: 1 / 1;
	margin: 0;
}

/* A csapatképek szögletesek: nincs border-radius. */
.stm-dealer-public-profile .stm-team-member-card .stm-user-avatar img {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	object-fit: cover;
	border-radius: 0 !important;
}

.stm-dealer-public-profile .stm-team-member-content {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 3px;
	width: 100%;
	padding-top: 9px;
	text-align: center;
}

.stm-template-listing_one_elementor .stm-dealer-public-profile .stm-team-member-content h3,
.stm-dealer-public-profile .stm-team-member-content h3 {
	margin: 0 !important;
	font-size: clamp(11px, 1vw, 14px);
	line-height: 1.25;
	color: var(--motors-default-base-color, #1280df);
}

.stm-dealer-public-profile .stm-team-member-content h4 {
	margin: 0 !important;
	font-size: clamp(9px, .85vw, 12px);
	line-height: 1.25;
}

/* --------------------------------------------------------------------------
   4. SZALON CÉGNÉV, LOGÓ, HELYSZÍN ÉS NYITVATARTÁS
   -------------------------------------------------------------------------- */
.stm-dealer-public-profile .stm-dealer-company-section {
	margin: 0 0 30px;
	padding-top: 28px;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.stm-dealer-public-profile .stm-dealer-company-heading {
	margin-bottom: 20px;
}

.stm-dealer-public-profile .stm-dealer-company-details {
	margin-top: 0;
}

/* A szalonadatok között már csak helyszín és nyitvatartás marad. */
.stm-dealer-public-profile .stm-dealer-company-details .stm-dealer-info-unit {
	margin-bottom: 18px;
}

.stm-dealer-public-profile .stm-dealer-company-details .stm-dealer-bot-info {
	margin-top: 4px;
}

/* Kapcsolt munkatárs szalonkészlet-gombja. */
.stm-dealer-public-profile .stm-linked-dealer-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 30px;
}

.stm-dealer-public-profile .stm-linked-dealer-actions .button {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

/* --------------------------------------------------------------------------
   5. MOBIL
   -------------------------------------------------------------------------- */
@media (max-width: 767px) {
	.stm-dealer-public-profile .stm-dealer-main-info .stm-profile-bio-row {
		display: block !important;
		margin-bottom: 20px;
	}

	.stm-dealer-public-profile .stm-dealer-main-info .stm-profile-person-column,
	.stm-dealer-public-profile .stm-dealer-main-info .stm-profile-notes-column {
		width: 100%;
		max-width: 100%;
	}

	.stm-dealer-public-profile .stm-profile-person-card,
	.stm-dealer-public-profile .stm-profile-person-content,
	.stm-dealer-public-profile .stm-profile-notes-column,
	.stm-dealer-public-profile .stm-profile-notes-column .stm-seller-notes,
	.stm-dealer-public-profile .stm-profile-notes-column .stm-seller-notes > div {
		text-align: center;
	}

	.stm-dealer-public-profile .stm-profile-contact-list {
		justify-content: center;
		margin-top: 20px;
	}

	.stm-dealer-public-profile .stm-profile-contact-item {
		justify-content: center;
		text-align: left;
	}

	.stm-dealer-public-profile .stm-dealer-main-info .stm-profile-notes-column .stm-seller-notes {
		margin-top: 20px !important;
		margin-bottom: 20px !important;
		border-top: 0 !important;
	}

	.stm-dealer-public-profile .stm-team-members-row {
		justify-content: center;
	}

	.stm-dealer-public-profile .stm-team-member-col {
		flex-basis: calc(50% - 6px);
		width: calc(50% - 6px);
		max-width: calc(50% - 6px);
		min-width: 0;
	}

	.stm-dealer-public-profile a.stm-team-member-card,
	.stm-dealer-public-profile .stm-team-member-content {
		align-items: center;
		text-align: center;
	}

	.stm-dealer-public-profile .stm-dealer-company-section {
		padding-top: 22px;
	}
}

@media (max-width: 420px) {
	.stm-dealer-public-profile .stm-profile-contact-list {
		display: block;
	}

	.stm-dealer-public-profile .stm-profile-contact-item + .stm-profile-contact-item {
		margin-top: 14px;
	}

	.stm-dealer-public-profile .stm-team-member-col {
		flex-basis: 100%;
		width: 100%;
		max-width: 100%;
	}
}

/* --------------------------------------------------------------------------
   6. BEMUTATKOZÓ MÉDIA, STICKY PROFILKÁRTYA ÉS SHORTCODE
   -------------------------------------------------------------------------- */

/* A szerkesztőből beszúrt képek és médiablokkok ne fussanak ki a bio oszlopból. */
.stm-dealer-public-profile .stm-seller-notes img,
.stm-team-shortcode img {
	max-width: 100%;
	height: auto;
}

.stm-dealer-public-profile .stm-seller-notes .wp-caption,
.stm-dealer-public-profile .stm-seller-notes figure {
	max-width: 100%;
}

.stm-dealer-public-profile .stm-seller-notes .alignleft {
	float: left;
	margin: 0 20px 15px 0;
}

.stm-dealer-public-profile .stm-seller-notes .alignright {
	float: right;
	margin: 0 0 15px 20px;
}

.stm-dealer-public-profile .stm-seller-notes .aligncenter {
	display: block;
	margin-right: auto;
	margin-left: auto;
}

/*
 * Sticky profilkártya – csak asztali nézetben.
 *
 * FONTOS:
 * Flex sorban nem a belső kártyát, hanem a teljes bal oldali oszlopot
 * tesszük stickyvé. Az oszlop align-self:flex-start értéke megakadályozza,
 * hogy a flexbox a jobb oldali bemutatkozó teljes magasságára nyújtsa.
 * A .stm-profile-bio-row marad a sticky elem alsó görgetési határa.
 *
 * A felső eltartás egy helyen módosítható:
 * --stm-profile-sticky-offset: 110px;
 */
.stm-dealer-public-profile {
	--stm-profile-sticky-offset: 110px;
}

@media (min-width: 992px) {
	/* A Motors valamely felmenő overflow-beállítása ne hozzon létre külön scroll-konténert. */
	.stm-user-public-profile,
	.stm-user-public-profile > .row,
	.stm-user-public-profile .stm-dealer-public-profile,
	.stm-dealer-public-profile .stm-dealer-main-info,
	.stm-dealer-public-profile .stm-profile-bio-row {
		overflow: visible !important;
	}

	.stm-dealer-public-profile .stm-dealer-main-info .stm-profile-person-column {
		position: -webkit-sticky;
		position: sticky;
		top: var(--stm-profile-sticky-offset);
		align-self: flex-start;
		height: fit-content;
		overflow: visible;
		z-index: 2;
	}

	/* A belső kártya a sticky oszlop normál tartalma; nem kap külön pozicionálást. */
	.stm-dealer-public-profile .stm-dealer-main-info .stm-profile-person-card {
		position: static;
		height: auto;
	}

	.admin-bar .stm-dealer-public-profile .stm-profile-person-column {
		top: calc(var(--stm-profile-sticky-offset) + 32px);
	}
}

/* Shortcode esetén is ugyanaz a kártyadizájn működik profil-wrapper nélkül. */
.stm-team-shortcode {
	margin: 0 0 32px;
}

.stm-team-shortcode > h3 {
	margin: 0 0 10px !important;
	font-size: 14px;
	line-height: 1.3;
}

.stm-team-shortcode .stm-team-members-row {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	gap: 12px;
}

.stm-team-shortcode .stm-team-member-col {
	flex: 0 1 calc(25% - 9px);
	width: calc(25% - 9px);
	max-width: calc(25% - 9px);
	min-width: 120px;
}

.stm-team-shortcode .stm-team-member-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	gap: 0;
	width: 100%;
	margin: 0;
	padding: 12px 8px;
	border: 1px solid rgba(0, 0, 0, 0.12);
	border-radius: 4px;
	text-align: center;
	transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.stm-team-shortcode a.stm-team-member-card:hover,
.stm-team-shortcode a.stm-team-member-card:focus {
	transform: translateY(-2px);
	border-color: var(--motors-default-base-color, #1280df);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
	text-decoration: none;
}

.stm-team-shortcode .stm-team-member-card .stm-user-avatar {
	width: min(72%, 130px);
	aspect-ratio: 1 / 1;
	margin: 0;
}

.stm-team-shortcode .stm-team-member-card .stm-user-avatar img {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	object-fit: cover;
	border-radius: 0 !important;
}

.stm-team-shortcode .stm-team-member-content {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 3px;
	width: 100%;
	padding-top: 9px;
	text-align: center;
}

.stm-team-shortcode .stm-team-member-content h3 {
	margin: 0 !important;
	font-size: clamp(11px, 1vw, 14px);
	line-height: 1.25;
	color: var(--motors-default-base-color, #1280df);
}

.stm-team-shortcode .stm-team-member-content h4 {
	margin: 0 !important;
	font-size: clamp(9px, .85vw, 12px);
	line-height: 1.25;
}

@media (max-width: 767px) {
	.stm-dealer-public-profile .stm-seller-notes .alignleft,
	.stm-dealer-public-profile .stm-seller-notes .alignright {
		float: none;
		display: block;
		margin: 0 auto 15px;
	}

	.stm-team-shortcode .stm-team-members-row {
		justify-content: center;
	}

	.stm-team-shortcode .stm-team-member-col {
		flex-basis: calc(50% - 6px);
		width: calc(50% - 6px);
		max-width: calc(50% - 6px);
		min-width: 0;
	}
}

@media (max-width: 420px) {
	.stm-team-shortcode .stm-team-member-col {
		flex-basis: 100%;
		width: 100%;
		max-width: 100%;
	}
}

/* ==========================================================================
   3G AUTÓ – HIRDETÉSKÁRTYA ÉS ADATLAP
   ========================================================================== */

/*
 * Csak a single Elementor Classified Title widgetre érvényes.
 * A főcím font-size értékét nem módosítja: azt továbbra is az Elementor adja.
 */
body.single-listings .elementor-widget-motors-single-listing-classified-title
.stm-listing-single-price-title .stm-single-title-wrap .title .labels {
    margin: 0 !important;
    /* A színt a GAUTO_LISTING_DISPLAY_CONFIG kezeli. */
    font-size: inherit !important;
    line-height: inherit !important;
    text-transform: none !important;
}

/*
 * Kizárólag a single Classified Title modellváltozatának elrendezése/mérete.
 * FONTOS: nincs globális .gauto-listing-model-variant selector és nincs color.
 * A title/model_variant színt minden nézetben a központi display config adja.
 */
body.single-listings .elementor-widget-motors-single-listing-classified-title
.stm-listing-single-price-title .title .labels > .gauto-listing-model-variant {
	display: block;
	margin-top: 0;
	margin-bottom: 3px;
	font-size: .60em !important;
	font-weight: 500;
	line-height: 1.25;
	text-transform: none !important;
	white-space: normal;
}

/* A grid mezőnév csak akkor kerül ki, ha az adminban be van kapcsolva. */
.car-meta-bottom .gauto-card-meta-name {
	display: inline;
	margin-right: 3px;
}

/* Fallback azokra a skinekre, amelyek saját sablonból írják ki a helyszínt. */
.gauto-hide-listing-card-location .listing-list-loop .meta-middle-unit.location,
.gauto-hide-listing-card-location .stm-listing-directory-list-loop .meta-middle-unit.location,
.gauto-hide-listing-card-location .listing-list-loop .meta-middle-unit.location + .meta-middle-divider,
.gauto-hide-listing-card-location .stm-listing-directory-list-loop .meta-middle-unit.location + .meta-middle-divider {
	display: none !important;
}

.gauto-single-model-variant {
	display: block;
	line-height: 1.4;
}