@charset "UTF-8";
/* ==========================================================================
   Voltaj Pro — print.css
   Yazdırma biçemi. media="print" ile yüklenir (inc/enqueue.php), bu yüzden
   ekran görünümünü hiç etkilemez ve tarayıcı onu düşük öncelikle indirir.
   --------------------------------------------------------------------------
   NEDEN AYRI BİR YAZDIRMA BİÇEMİ VAR

   Bu sektörde çıktı gerçekten alınıyor:
     · Müşteri fiyat listesini yazdırıp dosyaya koyuyor.
     · Teknisyen iş emrini / hizmet sayfasını basıp araca alıyor.
     · Kurumsal alıcı teklif sayfasını PDF olarak arşivliyor.
   Ekran biçemiyle basılan sayfa; koyu zeminleri, yapışkan çubukları ve
   ekran dışı menüleriyle hem mürekkep yiyor hem okunmuyordu.

   KARARLAR
     1) Her şey siyah-beyaz. Renkli zemin yok: renkli baskı garanti değil,
        gri tonlamada petrol ile antrasit ayırt edilemiyor.
     2) Gezinme, arama, çekmece, yapışkan çağrı çubuğu, ışık kutusu,
        bildirim ve süzgeç çipleri basılmaz — kâğıtta tıklanamazlar.
     3) Bağlantı adresleri metnin yanına açık yazılır; kâğıtta "buraya
        tıklayın" hiçbir işe yaramıyor.
     4) İletişim bilgisi ve marka her sayfada değil, bir kez en üstte.
     5) Sayfa kırılmaları içerik mantığına göre: başlık ile ilk paragraf,
        tablo satırı ile başlığı ayrılmaz.

   TAMAMI @media print İÇİNDE. Bu dosya yanlışlıkla media="all" ile
   yüklense bile ekran görünümünü bozmaz — kural bilinçlidir.
   ========================================================================== */

@media print {

	/* ==================================================================
	   1 — Sayfa kurulumu
	   ================================================================== */

	@page {
		size: A4;
		margin: 16mm 14mm 18mm;
	}

	/* İkinci ve sonraki sayfalarda üst boşluk biraz azalır: ilk sayfadaki
	   başlık bloğu artık yok. */
	@page :left {
		margin-left: 14mm;
	}

	@page :right {
		margin-right: 14mm;
	}

	:root {
		/* Yazdırma paleti: tema değişkenleri gri tonlamaya sabitlenir.
		   Böylece dosyanın kalanında ayrı renk yazmak gerekmiyor. */
		--vp-primary: #000000;
		--vp-primary-d: #000000;
		--vp-primary-l: #444444;
		--vp-primary-rgb: 0, 0, 0;
		--vp-on-primary: #000000;
		--vp-accent: #000000;
		--vp-accent-rgb: 0, 0, 0;
		--vp-on-accent: #000000;
		--vp-copper: #333333;
		--vp-copper-rgb: 51, 51, 51;
		--vp-ink: #000000;
		--vp-ink-2: #1a1a1a;
		--vp-muted: #555555;
		--vp-ink-rgb: 0, 0, 0;
		--vp-bg: #ffffff;
		--vp-bg-2: #ffffff;
		--vp-bg-3: #ffffff;
		--vp-surface: #ffffff;
		--vp-surface-2: #ffffff;
		--vp-line: #999999;
		--vp-line-2: #666666;
		--vp-danger: #000000;
		--vp-ok: #000000;
		--vp-warn: #000000;
		--vp-sh-1: none;
		--vp-sh-2: none;
		--vp-sh-3: none;
		--vp-ring: none;
		--vp-space: 8mm;
		--vp-gap: 5mm;
		--vp-pad: 4mm;
		--vp-container: 100%;
	}

	html,
	body {
		width: auto;
		margin: 0;
		padding: 0;
		background: #fff !important;
		color: #000 !important;
		font-size: 10.5pt;
		line-height: 1.45;
		overflow: visible !important;
	}

	/* Koyu mod yazdırmada devre dışı: siyah zemin bir A4 kartuşu bitirir. */
	[data-vp-theme="dark"] body,
	[data-vp-theme="dark"] .vp-sec,
	[data-vp-theme="dark"] .vp-card {
		background: #fff !important;
		color: #000 !important;
	}

	* {
		background-image: none !important;
		box-shadow: none !important;
		text-shadow: none !important;
		filter: none !important;
		mix-blend-mode: normal !important;
	}


	/* ==================================================================
	   2 — Basılmayanlar
	   Kâğıtta işlevi olmayan her şey. Gizlemek yerine kaldırıyoruz
	   (display:none): visibility:hidden yerini korur ve boş sayfa üretir.
	   ================================================================== */
	.vp-skip,
	.vp-topbar,
	.vp-header,
	.vp-nav,
	.vp-nav--main,
	.vp-nav--drawer,
	.vp-nav--footer,
	.vp-nav--legal,
	.vp-burger,
	.vp-drawer,
	.vp-search,
	.vp-search__panel,
	.vp-searchbtn,
	.vp-searchform,
	.vp-themetoggle,
	.vp-sticky-call,
	.vp-totop,
	.vp-progress,
	.vp-toasts,
	.vp-toast,
	.vp-lightbox,
	.vp-filter,
	.vp-filters,
	.vp-filterbar,
	.vp-services__filter,
	.vp-tool__tabs,
	.vp-share,
	.vp-postnav,
	.vp-pager,
	.vp-childnav,
	.vp-hero__grid-bg,
	.vp-hero__tint,
	.vp-cta__bg,
	.vp-cta__veil,
	.vp-footer__map,
	.vp-footer__social,
	.vp-drawer__social,
	.vp-topbar__social,
	.vp-form__actions,
	.vp-form__hp,
	.vp-gallery,
	.vp-contact__map,
	.vp-sec__foot,
	.vp-head__actions,
	.vp-empty__action,
	.vp-widget,
	.vp-toc,
	.vp-404__search,
	.vp-results__form,
	iframe,
	video,
	audio,
	[data-vp-lightbox],
	[hidden] {
		display: none !important;
	}

	/* Düğmeler basılmaz — ama telefon numarası taşıyan düğme basılır;
	   çıktıya bakan kişi numarayı görmek istiyor. */
	.vp-btn {
		display: none !important;
	}

	.vp-btn[href^="tel:"] {
		display: inline !important;
		padding: 0 !important;
		border: 0 !important;
		background: none !important;
		color: #000 !important;
		font-weight: 700;
	}


	/* ==================================================================
	   3 — Yerleşim: tek sütun
	   Çok sütunlu her yerleşim tek sütuna iner. A4 genişliğinde iki
	   sütun 45 karakterin altına düşüyor ve okunmuyor.
	   ================================================================== */

	.vp-wrap,
	.vp-wrap--narrow,
	.vp-main,
	.vp-main--dar,
	.vp-main--genis,
	.vp-page {
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	.vp-grid,
	.vp-grid--2,
	.vp-grid--3,
	.vp-grid--4,
	.vp-bento,
	.vp-projects__grid,
	.vp-blog__grid,
	.vp-blog__grid--feature,
	.vp-blog__rest,
	.vp-team__grid,
	.vp-areas__grid,
	.vp-areas__inner,
	.vp-contact__inner,
	.vp-why__inner,
	.vp-why__split,
	.vp-faq__cols,
	.vp-csr__grid,
	.vp-layout,
	.vp-layout--sidebar,
	.vp-svc__grid,
	.vp-single,
	.vp-hero__inner,
	.vp-pagehero__inner,
	.vp-footer__grid,
	.vp-form__grid,
	.vp-steps__list,
	.vp-timeline,
	.vp-trust__list,
	.vp-facts,
	.vp-why__stats,
	.vp-areas__stats,
	.vp-contact__hours--band {
		display: block !important;
		grid-template-columns: none !important;
		gap: 0 !important;
	}

	.vp-sec {
		padding: 0 0 6mm !important;
		background: none !important;
		border: 0 !important;
		overflow: visible !important;
	}

	.vp-sec::before,
	.vp-sec::after {
		display: none !important;
	}

	.vp-sec--dark,
	.vp-trust,
	.vp-reviews,
	.vp-cta,
	.vp-footer,
	.vp-pagehero--dark {
		background: #fff !important;
		color: #000 !important;
	}

	/* Yan sütunlar akışa girer ve yapışkanlıkları kalkar. */
	.vp-single__aside,
	.vp-svc__aside,
	.vp-sticky-card,
	.vp-why__copy,
	.vp-areas__copy {
		position: static !important;
		width: 100% !important;
	}


	/* ==================================================================
	   4 — Tipografi ve sayfa kırılmaları
	   ================================================================== */

	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		color: #000 !important;
		page-break-after: avoid;
		break-after: avoid-page;
		page-break-inside: avoid;
		break-inside: avoid;
		letter-spacing: -.01em;
	}
	h1,
	.vp-hero__title,
	.vp-single__title,
	.vp-pagehero__title {
		font-size: 20pt !important;
		line-height: 1.15 !important;
		margin: 0 0 3mm !important;
	}

	h2,
	.vp-head__title,
	.vp-cta__title {
		font-size: 15pt !important;
		line-height: 1.2 !important;
		margin: 6mm 0 2mm !important;
	}

	h3,
	.vp-card__title,
	.vp-bento__title,
	.vp-strip__title {
		font-size: 12pt !important;
		margin: 4mm 0 1.5mm !important;
	}

	p,
	li,
	td,
	th,
	.vp-card__text,
	.vp-prose,
	.vp-editor {
		orphans: 3;
		widows: 3;
	}

	.vp-prose,
	.vp-editor,
	.vp-head__sub,
	.vp-hero__lead {
		max-width: none !important;
		color: #000 !important;
	}

	/* Başlık altındaki sarı vurgu çizgisi kâğıtta siyah bir çubuğa dönüşüp
	   dikkat dağıtıyordu. */
	.vp-head__title::after,
	.vp-sticky-card::before,
	.vp-quote::before {
		display: none !important;
	}

	.vp-head,
	.vp-head--left {
		text-align: left !important;
		margin-bottom: 3mm !important;
	}
	.vp-head__kicker,
	.vp-pagehero__kicker {
		font-size: 8pt !important;
		color: #333 !important;
		letter-spacing: .1em;
	}


	/* ==================================================================
	   5 — Bağlantılar: adres metnin yanına yazılır
	   ================================================================== */

	a {
		color: #000 !important;
		text-decoration: underline;
	}

	/* Yalnız içerik alanındaki dış bağlantılarda adres yazılır. Menüde ve
	   kart başlığında yazsaydık sayfa adres çöplüğüne dönerdi. */
	.vp-prose a[href^="http"]::after,
	.vp-editor a[href^="http"]::after {
		content: " (" attr(href) ")";
		font-size: 8.5pt;
		color: #444;
		word-break: break-all;
	}

	.vp-prose a[href^="tel:"]::after,
	.vp-prose a[href^="mailto:"]::after,
	.vp-editor a[href^="tel:"]::after,
	.vp-editor a[href^="mailto:"]::after,
	.vp-prose a[href^="#"]::after,
	.vp-editor a[href^="#"]::after {
		content: "";
	}


	/* ==================================================================
	   6 — Görseller
	   Kart görselleri korunur ama küçültülür: iş fotoğrafı teklif ekinde
	   işe yarıyor. Yer tutucu ve dekoratif katmanlar basılmaz.
	   ================================================================== */

	img {
		max-width: 100% !important;
		height: auto !important;
		page-break-inside: avoid;
		break-inside: avoid;
	}
	.vp-ph,
	.vp-ph__icon,
	.vp-ph__label,
	.vp-hero__badge,
	.vp-card__media::after,
	.vp-bento__info {
		display: none !important;
	}
	.vp-card__media,
	.vp-bento__media,
	.vp-hero__figure,
	.vp-single__cover,
	.vp-pagehero__media {
		max-height: 55mm !important;
		aspect-ratio: auto !important;
		border-radius: 0 !important;
		border: 1px solid #999 !important;
		overflow: hidden;
	}

	.vp-hero__img,
	.vp-card__media img,
	.vp-bento__media img {
		max-height: 55mm !important;
		object-fit: cover;
	}


	/* ==================================================================
	   7 — Kartlar ve kutular
	   ================================================================== */

	.vp-card,
	.vp-tool,
	.vp-acc__item,
	.vp-facts,
	.vp-callout,
	.vp-sticky-card,
	.vp-widget,
	.vp-authorbox,
	.vp-csr__item,
	.vp-pricing__wrap {
		border: 1px solid #999 !important;
		border-radius: 0 !important;
		background: #fff !important;
		color: #000 !important;
		page-break-inside: avoid;
		break-inside: avoid;
		margin-bottom: 4mm !important;
	}

	.vp-card:hover,
	.vp-card__media img {
		transform: none !important;
	}

	.vp-card__body,
	.vp-bento__link {
		padding: 3mm !important;
	}

	.vp-card__meta,
	.vp-bento__meta,
	.vp-meta,
	.vp-card__by {
		max-height: none !important;
		opacity: 1 !important;
		position: static !important;
		transform: none !important;
		color: #333 !important;
		font-size: 9pt !important;
		background: none !important;
		padding: 2mm 0 0 !important;
		border-top: 1px solid #ccc !important;
	}

	.vp-badge,
	.vp-chip,
	.vp-tag,
	.vp-hoods li {
		border: 1px solid #666 !important;
		background: none !important;
		color: #000 !important;
		border-radius: 0 !important;
		font-size: 8.5pt !important;
		padding: 1px 5px !important;
	}

	.vp-icontile,
	.vp-trust__icon,
	.vp-why__icon,
	.vp-step__icon,
	.vp-csr__icon,
	.vp-contact__item .vp-icontile,
	.vp-phone__ico,
	.vp-hero__contact-ico {
		display: none !important;
	}

	.vp-stars,
	.vp-stars__i {
		color: #000 !important;
		fill: #000 !important;
	}


	/* ==================================================================
	   8 — Fiyat tablosu — çıktının en çok istenen parçası
	   ================================================================== */

	.vp-table,
	.vp-pricing__table,
	.vp-contact__hourstable {
		width: 100% !important;
		border-collapse: collapse !important;
		font-size: 10pt !important;
		page-break-inside: auto;
	}

	.vp-table thead {
		display: table-header-group;   /* başlık her sayfada tekrarlansın */
	}

	.vp-table tfoot {
		display: table-footer-group;
	}

	.vp-table tr,
	.vp-table__row {
		page-break-inside: avoid;
		break-inside: avoid;
		background: none !important;
		box-shadow: none !important;
	}

	.vp-table th,
	.vp-table td {
		border: 1px solid #999 !important;
		padding: 2mm 3mm !important;
		color: #000 !important;
		display: table-cell !important;
		text-align: left;
	}

	/* Karta dönüşüm kuralları (ekranda 640 altı) yazdırmada geçersiz. */
	.vp-pricing__table td::before {
		content: none !important;
	}

	.vp-pricing__table thead {
		position: static !important;
		width: auto !important;
		height: auto !important;
		clip: auto !important;
		clip-path: none !important;
		overflow: visible !important;
	}

	.vp-table__row.is-hl {
		background: none !important;
		box-shadow: none !important;
		font-weight: 700;
	}

	/* Vurgulu satır kâğıtta renkle değil işaretle anlatılır. */
	.vp-table__row.is-hl .vp-table__name::before {
		content: "▸ ";
	}

	.vp-table__price,
	.vp-table__vat,
	.vp-sticky-card__price {
		color: #000 !important;
		white-space: nowrap;
	}

	.vp-contact__hourstable .is-today {
		background: none !important;
		box-shadow: none !important;
		font-weight: 700;
	}


	/* ==================================================================
	   9 — Akordiyon: kapalı sorular da basılır
	   Kâğıtta "tıklayıp açma" yok; kapalı bir <details> içindeki cevap
	   çıktıda kayboluyordu.
	   ================================================================== */

	.vp-acc,
	.vp-faq__col {
		columns: auto !important;
		display: block !important;
	}

	.vp-acc__item {
		margin-bottom: 3mm !important;
	}

	.vp-acc__item > .vp-acc__a,
	details > div,
	details > p {
		display: block !important;
	}

	.vp-acc__q {
		font-weight: 700;
		padding: 2mm 3mm !important;
		min-height: 0 !important;
	}

	.vp-acc__q::after,
	.vp-acc__q::-webkit-details-marker {
		display: none !important;
	}

	.vp-acc__a {
		padding: 0 3mm 2mm !important;
		max-width: none !important;
	}


	/* ==================================================================
	   10 — Adımlar ve zaman çizelgesi
	   ================================================================== */

	.vp-step,
	.vp-timeline__item {
		display: block !important;
		padding: 0 0 3mm 12mm !important;
		position: relative;
		page-break-inside: avoid;
		break-inside: avoid;
	}

	.vp-step::before,
	.vp-timeline__item::before,
	.vp-step__line {
		display: none !important;
	}

	.vp-step__num {
		position: absolute !important;
		left: 0;
		top: 0;
		width: auto !important;
		height: auto !important;
		border: 0 !important;
		background: none !important;
		color: #000 !important;
		font-size: 12pt !important;
		font-weight: 700;
	}


	/* ==================================================================
	   11 — Formlar
	   Form kâğıtta doldurulabilir bir çizelgeye dönüşür: teknisyen yerinde
	   elle dolduruyor.
	   ================================================================== */

	.vp-form__f {
		display: block !important;
		margin-bottom: 3mm !important;
		page-break-inside: avoid;
		break-inside: avoid;
	}

	.vp-form__label {
		display: block !important;
		font-weight: 700;
		font-size: 9.5pt !important;
		color: #000 !important;
		margin-bottom: 1mm;
	}

	.vp-form__input,
	.vp-input,
	.vp-select {
		width: 100% !important;
		min-height: 8mm !important;
		border: 0 !important;
		border-bottom: 1px solid #666 !important;
		border-radius: 0 !important;
		background: none !important;
		color: #000 !important;
	}

	.vp-form__help,
	.vp-form__err,
	.vp-form__msg,
	.vp-form__consent {
		display: none !important;
	}


	/* ==================================================================
	   12 — Çıktı başlığı ve altbilgisi
	   Marka, adres ve telefon çıktının en üstünde bir kez basılır. İçerik
	   ekranda başlıkta duruyor ama başlık basılmıyor; bu blok o boşluğu
	   dolduruyor. İçeriği inc/compat.php'nin gövdeye yazdığı veriden değil,
	   alt bilgideki mevcut işaretlemeden alıyoruz — ek işaretleme
	   gerektirmesin diye.
	   ================================================================== */

	.vp-footer {
		padding: 4mm 0 0 !important;
		border-top: 1px solid #999 !important;
		color: #000 !important;
		font-size: 9pt !important;
		page-break-inside: avoid;
		break-inside: avoid;
	}

	.vp-footer__col--brand,
	.vp-footer__col--contact {
		display: block !important;
		max-width: none !important;
		margin-bottom: 2mm !important;
	}

	/* Alt bilgideki menü sütunları basılmaz: kâğıtta bağlantı listesi
	   yalnız yer kaplıyor. */
	.vp-footer__col:not(.vp-footer__col--brand):not(.vp-footer__col--contact) {
		display: none !important;
	}

	.vp-footer__title {
		color: #000 !important;
		font-size: 9pt !important;
	}

	.vp-footer__bottom {
		border-top: 1px solid #ccc !important;
		color: #333 !important;
		padding: 2mm 0 0 !important;
	}

	.vp-footer a {
		color: #000 !important;
		text-decoration: none;
	}


	/* ==================================================================
	   13 — Son rötuşlar
	   ================================================================== */

	/* Hareket ve geçiş yok: yazdırma anında yakalanan ara kare bulanık
	   çıkıyordu. */
	*,
	*::before,
	*::after {
		animation: none !important;
		transition: none !important;
		transform: none !important;
	}

	/* Reveal ile gizlenmiş her şey görünür olmalı: betik çalışmadan
	   yazdırılırsa sayfa boş çıkıyordu. */
	[data-vp-reveal],
	.vp-reveal,
	.vp-js [data-vp-reveal] {
		opacity: 1 !important;
		transform: none !important;
		visibility: visible !important;
	}

	/* Sekmeli panellerin hepsi basılır: kâğıtta sekme değiştirilemiyor. */
	.vp-tool,
	.vp-tool.is-on {
		display: block !important;
	}

	.vp-tool__result,
	.vp-tool__out-val {
		background: none !important;
		color: #000 !important;
		border: 1px solid #999 !important;
	}

	.vp-tool__out-val {
		border: 0 !important;
		font-size: 14pt !important;
	}

	/* Sayfa sonunda kalan tek satırlık artıklar önlenir. */
	.vp-card,
	.vp-csr__item,
	.vp-facts__item,
	.vp-results__item,
	.vp-areagroup {
		page-break-inside: avoid;
		break-inside: avoid;
	}
	.vp-areagroup,
	.vp-results__group,
	.vp-svc__block {
		page-break-before: auto;
	}
}