/* ============================================================
 * Hizmet CTA Blok 01 (hizmet-cta-blok-01) - money page CTA kartlari
 * (Hemen Ara / WhatsApp / On gorusme). Kok class: .hizmet-cta-blok
 * HATIPOGLU v2 (09.10.2026): siteye ozel tasarim.
 * - Logodaki klasik sutun / tapinak havasi: ikonlar KEMER (ust yuvarlak)
 *   cerceve icinde; hover'da kemer yesil dolar, ikon cizgisi beyaza doner.
 * - Beyaz kart, ince altin kenar, .375rem kose; hover'da altin kenar +
 *   hafif kalkma.
 * - Etiket altin buyuk harf, deger yesil kalin (WhatsApp yesili yok).
 * Ikonlar SVG (medya): 2011 telefon (klasik masa telefonu), 2012 mesaj
 * (kemer balon), 2013 takvim. Onceki surum: ~/_yedek/hat-hizmet-cta-blok.css.20261009
 * ============================================================ */

/* esit yukseklik kartlar (3 kolon) */
.hizmet-cta-blok .vc_row-inner{ align-items: stretch; }
.hizmet-cta-blok .vc_row-inner > .wpb_column,
.hizmet-cta-blok .vc_row-inner > .wpb_column > .vc_column-inner,
.hizmet-cta-blok .vc_row-inner > .wpb_column > .vc_column-inner > .wpb_wrapper{
	display: flex;
	width: 100%;
}

/* kart */
.hizmet-cta-blok .w-vwrapper.hcta-card{
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	text-align: center;
	gap: 0;
	background: #fff;
	border: 1px solid rgba(176, 138, 74, .28);
	border-radius: .375rem;
	padding: 2.25rem 1.5rem 2rem;
	box-shadow: 0 .5rem 1.5rem rgba(20, 60, 43, .06);
	text-decoration: none;
	transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}
.hizmet-cta-blok .w-vwrapper.hcta-card:hover{
	transform: translateY(-3px);
	border-color: var(--color-content-secondary, #B08A4A);
	box-shadow: 0 1rem 2.25rem rgba(20, 60, 43, .12);
}

/* ikon: kemer cerceve */
.hizmet-cta-blok .hcta-card .w-iconbox{
	margin: 0 0 1.1rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1.2rem;
}
.hizmet-cta-blok .hcta-card .w-iconbox-icon,
.hizmet-cta-blok .hcta-card .w-iconbox.icontype_img .w-iconbox-icon{
	position: relative;
	flex-shrink: 0;
	width: 4.5rem !important;
	height: 5.25rem !important;
	font-size: 1rem !important;
	margin: 0 auto;
	padding: 0 0 .65rem;
	box-sizing: border-box;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	background: #fff !important;
	border: 1px solid var(--color-content-secondary, #B08A4A);
	border-radius: 2.25rem 2.25rem .3rem .3rem;
	transition: background-color .35s ease;
}
.hizmet-cta-blok .hcta-card .w-iconbox-icon svg,
.hizmet-cta-blok .hcta-card .w-iconbox-icon img{
	width: 3rem;
	height: 3rem;
	display: block;
}
.hizmet-cta-blok .hcta-card .w-iconbox-icon svg [stroke="#143C2B"]{ transition: stroke .35s ease; }
.hizmet-cta-blok .w-vwrapper.hcta-card:hover .w-iconbox-icon{
	background: var(--color-content-primary, #143C2B) !important;
}
.hizmet-cta-blok .w-vwrapper.hcta-card:hover .w-iconbox-icon svg [stroke="#143C2B"]{
	stroke: #fff;
}

/* baslik = altin etiket */
.hizmet-cta-blok .hcta-card .w-iconbox-title{
	margin: 0 0 .3rem;
	padding: 0;
	font-size: .72rem;
	font-weight: 700;
	letter-spacing: .16em;
	text-transform: uppercase;
	line-height: 1.4;
	color: var(--color-content-secondary, #B08A4A);
}
.hizmet-cta-blok .hcta-card .w-iconbox-text{
	margin: 0;
	font-size: .85rem;
	line-height: 1.4;
	color: var(--color-content-faded, #6f6d66);
	opacity: 1;
}
.hizmet-cta-blok .hcta-card .w-iconbox-text p{ margin: 0; }
/* deger */
.hizmet-cta-blok .hcta-card .hcta-num,
.hizmet-cta-blok .hcta-card--wa .hcta-num,
.hizmet-cta-blok .hcta-card--randevu .hcta-num{
	margin-top: .2rem;
	font-size: 1.15rem;
	font-weight: 700;
	line-height: 1.3;
	color: var(--color-content-primary, #143C2B);
	direction: ltr;
}

.hizmet-cta-blok .w-vwrapper.hcta-card,
.hizmet-cta-blok .w-vwrapper.hcta-card:hover{ text-decoration: none; }
.hizmet-cta-blok .w-vwrapper.hcta-card:focus-visible{
	outline: 2px solid var(--color-content-secondary, #B08A4A);
	outline-offset: 3px;
}

/* mobil: kisa yatay kart (kemer solda) */
@media (max-width: 600px){
	.hizmet-cta-blok .w-vwrapper.hcta-card{
		display: grid;
		grid-template-columns: 3.6rem minmax(0, 1fr);
		column-gap: 1.1rem;
		align-items: center;
		text-align: left;
		padding: 1.3rem 1.25rem;
	}
	.hizmet-cta-blok .hcta-card .w-iconbox{ display: contents; text-align: left; }
	.hizmet-cta-blok .hcta-card .w-iconbox-meta,
	.hizmet-cta-blok .hcta-card .hcta-num{ text-align: left; }
	.hizmet-cta-blok .hcta-card .w-iconbox-icon,
	.hizmet-cta-blok .hcta-card .w-iconbox.icontype_img .w-iconbox-icon{
		grid-column: 1;
		grid-row: 1 / span 2;
		width: 3.6rem !important;
		height: 4.25rem !important;
		padding-bottom: .5rem;
		margin: 0;
	}
	.hizmet-cta-blok .hcta-card .w-iconbox-icon svg,
	.hizmet-cta-blok .hcta-card .w-iconbox-icon img{ width: 2.4rem; height: 2.4rem; }
	.hizmet-cta-blok .hcta-card .w-iconbox-meta{ grid-column: 2; align-self: end; }
	.hizmet-cta-blok .hcta-card .hcta-num{ grid-column: 2; align-self: start; }
}
@media (prefers-reduced-motion: reduce){
	.hizmet-cta-blok .w-vwrapper.hcta-card,
	.hizmet-cta-blok .hcta-card .w-iconbox-icon{ transition: none; }
	.hizmet-cta-blok .w-vwrapper.hcta-card:hover{ transform: none; }
}