/* ===================================== */
/* AKKUSEGELY - Main v2 CSS             */
/* ===================================== */
/* This file contains all new CSS for the akkusegely domain.
   Do NOT modify main.css - add all new styles here instead.
   Last updated: 2025-07-09 */

/* ===================================== */
/* Global Overrides                     */
/* ===================================== */


/* ===================================== */
/* Page: Homepage                       */
/* ===================================== */


/* ===================================== */
/* Page: Order Form (Megrendelés)       */
/* ===================================== */


/* ===================================== */
/* Page: Battery Selector (Akkumulátor) */
/* ===================================== */


/* ===================================== */
/* Page: Price List (Árlista)           */
/* ===================================== */


/* ===================================== */
/* Page: Blog                           */
/* ===================================== */


/* ===================================== */
/* Component: Navigation                */
/* ===================================== */


/* ===================================== */
/* Component: Forms                     */
/* ===================================== */


/* ===================================== */
/* Component: Buttons                   */
/* ===================================== */


/* ===================================== */
/* Component: Modals                    */
/* ===================================== */


/* ===================================== */
/* Utilities                            */
/* ===================================== */


/* ===================================== */
/* Page: Vélemény funnel (velemeny.php) */
/* ===================================== */
/* Standalone feedback funnel page (SEO doc 7 review engine). The page loads only
   main_v2.css, so the block carries its own base styles. Mobile-first. */

.akkusegely-velemeny-body {
	margin: 0;
	padding: 0;
	background: #f6f8f9;
	font-family: Arial, Helvetica, sans-serif;
	color: #111111;
}

.akkusegely-velemeny-wrapper {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

.akkusegely-velemeny-header {
	background: #062031;
	color: #ffffff;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	padding: 10px 16px;
}

.akkusegely-velemeny-logo {
	display: block;
	background-image: url(/media/sprites/akkusegely-logo.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	width: 150px;
	height: 50px;
}

.akkusegely-velemeny-phone {
	color: #ffffff;
	font-size: 18px;
	font-weight: 700;
	text-decoration: none;
}

.akkusegely-velemeny-container {
	max-width: 800px;
	margin: 0 auto;
	padding: 24px 12px;
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	box-sizing: border-box;
	text-align: center;
}

.akkusegely-velemeny-title {
	font-size: 24px;
	font-weight: 700;
	margin: 0 0 24px 0;
}

.akkusegely-velemeny-text {
	font-size: 16px;
	line-height: 1.5;
	margin: 0 0 24px 0;
}

.akkusegely-velemeny-hint {
	font-size: 14px;
	color: #6f6f6f;
	margin: 16px 0 0 0;
}

.akkusegely-velemeny-rating {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: flex-start;
	width: 100%;
}

.akkusegely-velemeny-rating-item {
	flex-basis: 20%;
	flex-grow: 0;
	flex-shrink: 0;
	text-align: center;
	font-size: 15px;
	padding: 0 4px;
	box-sizing: border-box;
}

.akkusegely-velemeny-face,
.akkusegely-velemeny-thumb {
	width: 48px;
	max-width: 100%;
	height: auto;
}

.akkusegely-velemeny-comment {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	width: 100%;
	max-width: 480px;
	margin: 0 auto;
}

.akkusegely-velemeny-comment textarea {
	width: 100%;
	box-sizing: border-box;
	padding: 10px;
	font-size: 16px;
	font-family: inherit;
	border: 1px solid #c5ced4;
	border-radius: 6px;
}

.akkusegely-velemeny-btn {
	display: inline-block;
	margin-top: 12px;
	padding: 12px 24px;
	background: #062031;
	color: #ffffff;
	font-size: 16px;
	font-weight: 700;
	border: 0;
	border-radius: 6px;
	cursor: pointer;
	text-decoration: none;
}

.akkusegely-velemeny-btn-google {
	background: #1a73e8;
}

.akkusegely-velemeny-signature {
	margin-top: 32px;
	font-size: 16px;
	line-height: 1.6;
}

.akkusegely-velemeny-signature span {
	color: #838383;
}

/* ===================================== */
/* Mobile Responsive                    */
/* ===================================== */
@media (max-width: 768px) {

}

@media (max-width: 480px) {
    .akkusegely-velemeny-rating {
        flex-wrap: wrap;
    }

    .akkusegely-velemeny-rating-item {
        flex-basis: 33%;
        margin-bottom: 12px;
    }

    .akkusegely-velemeny-title {
        font-size: 20px;
    }
}
/* ===================================== */
/* SEO content blocks (stream H1)        */
/* blog.tpl + oldal.tpl + arlista.tpl    */
/* ===================================== */

/* Frissítve + szerző/lektor sor (6-6 / 6-7) */
.akkusegely-seo-meta {
	margin: 4px 0 12px;
}

.akkusegely-seo-updated-line,
.akkusegely-seo-author-line {
	margin: 2px 0;
	font-size: 14px;
	color: #6b7280;
}

.akkusegely-seo-author-line a {
	color: #2563eb;
	text-decoration: underline;
}

/* GYIK blokk (4-9 / 6-4) */
.akkusegely-seo-faq {
	margin: 32px 0;
	padding: 20px 24px;
	background: #f8f9fa;
	border-radius: 8px;
}

.akkusegely-seo-faq-heading {
	margin: 0 0 16px;
	font-size: 22px;
}

.akkusegely-seo-faq-item + .akkusegely-seo-faq-item {
	margin-top: 16px;
	padding-top: 16px;
	border-top: 1px solid #e5e7eb;
}

.akkusegely-seo-faq-question {
	margin: 0 0 8px;
	font-size: 17px;
	font-weight: 600;
}

.akkusegely-seo-faq-answer {
	margin: 0;
	line-height: 1.6;
}

/* Kapcsolódó cikkek + klasztergyerekek + források (4-13 / 4-29) */
.akkusegely-seo-related,
.akkusegely-seo-references {
	margin: 32px 0;
}

.akkusegely-seo-related-heading,
.akkusegely-seo-references-heading {
	margin: 0 0 12px;
	font-size: 22px;
}

.akkusegely-seo-related-list {
	margin: 0;
	padding-left: 20px;
}

.akkusegely-seo-related-item {
	margin-bottom: 10px;
	line-height: 1.5;
}

.akkusegely-seo-related-item a {
	color: #2563eb;
	font-weight: 600;
	text-decoration: underline;
}

.akkusegely-seo-related-lead {
	display: block;
	font-size: 14px;
	color: #6b7280;
}

/* Tartalomjegyzék — pillar/report oldalak (4-29) */
.akkusegely-seo-toc {
	margin: 24px 0;
	padding: 16px 20px;
	background: #f8f9fa;
	border-left: 3px solid #2563eb;
	border-radius: 4px;
}

.akkusegely-seo-toc-heading {
	margin: 0 0 10px;
	font-size: 18px;
}

.akkusegely-seo-toc ol {
	margin: 0;
	padding-left: 20px;
}

.akkusegely-seo-toc li {
	margin-bottom: 6px;
}

/* Összehasonlító táblázat (6-5) */
.akkusegely-seo-table-wrap {
	margin: 24px 0;
	overflow-x: auto;
}

.akkusegely-seo-comparison-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 15px;
}

.akkusegely-seo-comparison-table th,
.akkusegely-seo-comparison-table td {
	padding: 10px 12px;
	border: 1px solid #e5e7eb;
	text-align: left;
	vertical-align: top;
}

.akkusegely-seo-comparison-table th {
	background: #f8f9fa;
	font-weight: 600;
	white-space: nowrap;
}

.akkusegely-seo-comparison-table tbody tr:nth-child(even) {
	background: #fbfcfd;
}

/* Videó beágyazás (07-12) */
.akkusegely-seo-video {
	position: relative;
	margin: 24px 0;
	padding-bottom: 56.25%;
	height: 0;
}

.akkusegely-seo-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

/* Statikus CTA banner ([CTA] shortcode, 4-31) */
.akkusegely-seo-cta-banner {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin: 24px 0;
	padding: 16px 20px;
	background: #f0fdf4;
	border: 1px solid #86efac;
	border-radius: 8px;
}

.akkusegely-seo-cta-banner.style-blue { background: #eff6ff; border-color: #93c5fd; }
.akkusegely-seo-cta-banner.style-orange { background: #fff7ed; border-color: #fdba74; }
.akkusegely-seo-cta-banner.style-yellow { background: #fefce8; border-color: #fde047; }

.akkusegely-seo-cta-banner-text {
	flex: 1 1 240px;
	line-height: 1.5;
}

.akkusegely-seo-cta-banner-btn {
	display: inline-block;
	padding: 10px 18px;
	background: #16a34a;
	color: #fff;
	font-weight: 600;
	border-radius: 6px;
	text-decoration: none;
	white-space: nowrap;
}

/* Landing CTA szekció (oldal.tpl, doc 4-5 landing layout) */
.akkusegely-seo-cta {
	margin: 32px 0 8px;
	padding: 20px 24px;
	background: #f0fdf4;
	border: 1px solid #86efac;
	border-radius: 8px;
	text-align: center;
}

.akkusegely-seo-cta-text {
	margin: 0 0 12px;
	font-size: 17px;
	font-weight: 600;
}

.akkusegely-seo-cta-actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 12px;
}

.akkusegely-seo-cta-phone,
.akkusegely-seo-cta-link {
	display: inline-block;
	padding: 10px 18px;
	border-radius: 6px;
	font-weight: 600;
	text-decoration: none;
}

.akkusegely-seo-cta-phone {
	background: #16a34a;
	color: #fff;
}

.akkusegely-seo-cta-link {
	background: #fff;
	color: #16a34a;
	border: 1px solid #16a34a;
}

/* Webáruház-kategória link a járműoldalakon (3-15) */
.akkusegely-seo-shoplink {
	margin: 24px 0;
	padding: 14px 18px;
	background: #f8f9fa;
	border-radius: 8px;
	font-size: 15px;
}

.akkusegely-seo-shoplink a {
	color: #2563eb;
	font-weight: 600;
	text-decoration: underline;
}

@media (max-width: 640px) {
	.akkusegely-seo-cta-banner,
	.akkusegely-seo-cta-actions {
		flex-direction: column;
		align-items: stretch;
		text-align: center;
	}

	.akkusegely-seo-faq {
		padding: 16px;
	}
}