/**
 * URLA özel WPBakery widget stilleri
 */

@import url('https://fonts.cdnfonts.com/css/peristiwa');

/* --- Button alignment --- */
.et-button-wrap {
	display: block;
	width: 100%;
	clear: both;
}

.et-button-wrap.align-left {
	text-align: left !important;
}

.et-button-wrap.align-center {
	text-align: center !important;
}

.et-button-wrap.align-right {
	text-align: right !important;
}

.et-button-wrap .et-button,
.et-button-wrap .et-button-3d {
	float: none;
}

.et-button-wrap.align-center .et-button + .et-button,
.et-button-wrap.align-center .et-button-3d + .et-button-3d,
.et-button-wrap.align-right .et-button + .et-button,
.et-button-wrap.align-right .et-button-3d + .et-button-3d {
	margin-left: 16px;
}

/* --- Feature grid (4'lü kutucuk) --- */
.et-feature-grid {
	display: grid;
	grid-template-columns: repeat(var(--et-fg-columns, 4), minmax(0, 1fr));
	gap: var(--et-fg-gap, 24px);
	width: 100%;
}

.et-feature-grid__item {
	position: relative;
	display: block;
	border-radius: 6px;
	overflow: hidden;
	text-decoration: none;
	color: inherit;
	line-height: 0;
	font-size: 0;
	transition: transform 0.35s ease, box-shadow 0.35s ease;
}

a.et-feature-grid__item:hover {
	transform: translateY(-4px);
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18);
}

/* padding-bottom ile kutucuk yüksekliği — görsel %100 doldurur */
.et-feature-grid__media {
	position: relative;
	width: 100%;
	height: 0;
	overflow: hidden;
	line-height: 0;
	display: block;
}

.et-feature-grid__media img,
.et-feature-grid__img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	max-height: none !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0;
	object-fit: cover;
	object-position: center;
	display: block;
}

.et-feature-grid__shade {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 62%;
	background: linear-gradient(
		to top,
		rgba(0, 0, 0, 0.72) 0%,
		rgba(0, 0, 0, 0.38) 42%,
		rgba(0, 0, 0, 0.08) 72%,
		transparent 100%
	);
	pointer-events: none;
	z-index: 1;
}

.et-feature-grid__label {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 18px 14px 16px;
	text-align: center;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.35;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--et-fg-text, #ffffff);
	z-index: 2;
	text-shadow: 0 1px 8px rgba(0, 0, 0, 0.35);
}

/* Tema mobilde .vc-container sabit 272px veriyor — içerik tam genişlik */
@media only screen and (max-width: 767px) {
	.page-content-wrap .vc-container,
	.page-content-wrap .vc_row > .vc-container,
	.page-content .vc-container {
		width: 100% !important;
		max-width: 100% !important;
	}
}

a.et-feature-grid__item:hover .et-feature-grid__media img {
	transform: scale(1.05);
	transition: transform 0.5s ease;
}

@media only screen and (max-width: 767px) {
	.et-feature-grid {
		grid-template-columns: repeat(var(--et-fg-columns-mob, 2), minmax(0, 1fr));
		gap: calc(var(--et-fg-gap, 24px) * 0.75);
	}

	.et-feature-grid__label {
		font-size: 12px;
		padding: 14px 10px 12px;
	}
}

/* --- Masonry gallery --- */
.et-masonry-gallery {
	column-count: var(--et-mg-columns, 3);
	column-gap: var(--et-mg-gap, 12px);
	width: 100%;
}

.et-masonry-gallery__item {
	display: block;
	break-inside: avoid;
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	margin: 0 0 var(--et-mg-gap, 12px);
	border-radius: var(--et-mg-radius, 16px);
	overflow: hidden;
	line-height: 0;
	background: #111;
}

.et-masonry-gallery__item img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: inherit;
	transition: transform 0.45s ease;
}

.et-masonry-gallery__link {
	display: block;
	position: relative;
	overflow: hidden;
	border-radius: inherit;
	text-decoration: none;
}

.et-masonry-gallery__link:hover img {
	transform: scale(1.04);
}

@media only screen and (max-width: 767px) {
	.et-masonry-gallery {
		column-count: var(--et-mg-columns-mob, 2);
	}
}

/* --- Dual title --- */
.et-dual-title {
	width: 100%;
	max-width: 100%;
}

.et-dual-title.align-left {
	text-align: left !important;
	margin-left: 0 !important;
	margin-right: auto !important;
}

.et-dual-title.align-center {
	text-align: center !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

.et-dual-title.align-right {
	text-align: right !important;
	margin-left: auto !important;
	margin-right: 0 !important;
}

.et-dual-title__subtitle {
	display: block;
	margin: 0 0 8px;
	font-family: var(--et-dt-subtitle-font, 'Peristiwa', 'Pinyon Script', cursive);
	font-size: var(--et-dt-subtitle-size, 36px);
	line-height: 1.2;
	font-weight: 400;
	color: var(--et-dt-subtitle-color, #a02e31);
}

.et-dual-title__title {
	display: block;
	margin: 0 0 16px;
	font-family: var(--et-dt-title-font, inherit);
	font-size: var(--et-dt-title-size, 28px);
	line-height: 1.25;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--et-dt-title-color, #212121);
}

.et-dual-title__divider {
	display: block;
	width: var(--et-dt-divider-width, 48px);
	height: var(--et-dt-divider-height, 3px);
	margin: 0 auto;
	background-color: var(--et-dt-divider-color, #a02e31);
	border-radius: 2px;
}

.et-dual-title.align-left .et-dual-title__divider {
	margin-left: 0;
	margin-right: auto;
}

.et-dual-title.align-right .et-dual-title__divider {
	margin-left: auto;
	margin-right: 0;
}

@media only screen and (max-width: 767px) {
	.et-dual-title__subtitle {
		font-size: calc(var(--et-dt-subtitle-size, 36px) * 0.78);
	}

	.et-dual-title__title {
		font-size: calc(var(--et-dt-title-size, 28px) * 0.85);
		letter-spacing: 0.06em;
	}
}

body.goodresto-theme-dark .et-dual-title__title {
	color: var(--gr-auto-dark-text, #ececec);
}

/* Image widget — border radius */
.et-custom-image.has-radius,
.et-custom-image.has-radius .overlay-hover,
.et-custom-image.has-radius .image,
.et-custom-image.has-radius .image-container,
.et-custom-image.has-radius img {
	border-radius: inherit;
}

.et-custom-image.has-radius .image-container {
	overflow: hidden;
}

/* Decorative separator — margin sadece wrap'te */
.sep-wrap .et-separator-decorative {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

/* --- Contact box --- */
.et-contact-box {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: space-between;
	gap: var(--et-cb-gap, 32px);
	width: 100%;
}

.et-contact-box__item {
	flex: 1 1 0;
	min-width: 180px;
	display: flex;
	align-items: flex-start;
	gap: 16px;
	padding: 20px 24px;
	border: 1px solid var(--et-cb-border, rgba(0, 0, 0, 0.08));
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.02);
	transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.et-contact-box__item:hover {
	box-shadow: 0 8px 28px rgba(0, 0, 0, 0.08);
	transform: translateY(-2px);
}

.et-contact-box__icon {
	flex: 0 0 48px;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--et-cb-icon-bg, #a02e31);
	color: var(--et-cb-icon-color, #ffffff);
	font-size: 18px;
	line-height: 1;
}

.et-contact-box__body {
	flex: 1 1 auto;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.et-contact-box__label {
	display: block;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--et-cb-label, #757575);
}

.et-contact-box__value {
	display: block;
	font-size: 15px;
	line-height: 1.45;
	font-weight: 500;
	color: var(--et-cb-text, #212121);
	text-decoration: none;
	word-break: break-word;
}

a.et-contact-box__value:hover {
	opacity: 0.85;
}

@media only screen and (max-width: 767px) {
	.et-contact-box {
		flex-direction: column;
	}

	.et-contact-box__item {
		flex: 1 1 100%;
		min-width: 0;
		width: 100%;
	}
}

body.goodresto-theme-dark .et-contact-box__item {
	border-color: rgba(255, 255, 255, 0.1);
	background: rgba(255, 255, 255, 0.03);
}

body.goodresto-theme-dark .et-contact-box__value {
	color: var(--gr-auto-dark-text, #ececec);
}

body.goodresto-theme-dark .et-contact-box__label {
	color: rgba(236, 236, 236, 0.6);
}

/* --- Instagram feed --- */
.et-instagram-feed {
	width: 100%;
	max-width: 100%;
}

.et-instagram-feed.align-left {
	text-align: left;
}

.et-instagram-feed.align-center {
	text-align: center;
}

.et-instagram-feed.align-right {
	text-align: right;
}

.et-instagram-feed__header {
	margin: 0 0 20px;
}

.et-instagram-feed__title {
	margin: 0 0 14px;
	font-size: 22px;
	line-height: 1.3;
	font-weight: 700;
	letter-spacing: 0.04em;
	color: var(--et-ig-title-color, #212121);
}

.et-instagram-feed__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 11px 22px;
	border-radius: 999px;
	text-decoration: none;
	color: var(--et-ig-btn-text, #ffffff) !important;
	background: var(
		--et-ig-btn-bg,
		linear-gradient(135deg, #f58529 0%, #dd2a7b 45%, #8134af 75%, #515bd4 100%)
	);
	box-shadow: 0 6px 20px rgba(221, 42, 123, 0.28);
	transition: transform 0.3s ease, box-shadow 0.3s ease, opacity 0.3s ease;
}

.et-instagram-feed__btn:visited,
.et-instagram-feed__btn:hover,
.et-instagram-feed__btn:focus,
.et-instagram-feed__btn:active {
	transform: translateY(-2px);
	box-shadow: 0 10px 28px rgba(221, 42, 123, 0.38);
	color: var(--et-ig-btn-text, #ffffff) !important;
	opacity: 0.95;
	text-decoration: none;
}

.et-instagram-feed__btn-icon,
.et-instagram-feed__btn-user,
.et-instagram-feed__btn-text {
	color: inherit !important;
}

.et-instagram-feed__btn-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	line-height: 1;
}

.et-instagram-feed__btn-label {
	display: inline-flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 1px;
	text-align: left;
	line-height: 1.2;
}

.et-instagram-feed.align-center .et-instagram-feed__btn-label {
	align-items: center;
	text-align: center;
}

.et-instagram-feed.align-right .et-instagram-feed__btn-label {
	align-items: flex-end;
	text-align: right;
}

.et-instagram-feed__btn-user {
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0.02em;
}

.et-instagram-feed__btn-text {
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	opacity: 0.92;
}

.et-instagram-feed__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--et-ig-gap, 6px);
	width: 100%;
	margin: 0;
}

.et-instagram-feed__item {
	position: relative;
	display: block;
	overflow: hidden;
	border-radius: var(--et-ig-radius, 0);
	text-decoration: none;
	line-height: 0;
	aspect-ratio: 1 / 1;
	background: #111;
}

.et-instagram-feed__media {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}

.et-instagram-feed__media img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
	transition: transform 0.45s ease;
}

.et-instagram-feed__overlay {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(0, 0, 0, 0.42);
	color: #ffffff;
	font-size: 28px;
	opacity: 0;
	transition: opacity 0.35s ease;
}

.et-instagram-feed__item:hover .et-instagram-feed__overlay {
	opacity: 1;
}

.et-instagram-feed__item:hover .et-instagram-feed__media img {
	transform: scale(1.06);
}

@media only screen and (max-width: 767px) {
	.et-instagram-feed__title {
		font-size: 18px;
	}

	.et-instagram-feed__btn {
		padding: 10px 18px;
	}

	.et-instagram-feed__overlay {
		font-size: 22px;
	}
}

body.goodresto-theme-dark .et-instagram-feed__title {
	color: var(--gr-auto-dark-text, #ececec);
}

body.goodresto-theme-dark .et-instagram-feed__btn,
body.goodresto-theme-dark .et-instagram-feed__btn:visited,
body.goodresto-theme-dark .et-instagram-feed__btn:hover,
body.goodresto-theme-dark .et-instagram-feed__btn:focus,
body.goodresto-theme-dark .et-instagram-feed__btn:active {
	color: var(--et-ig-btn-text, #ffffff) !important;
}

/* --- WPBakery: mobilde sütun sırasını ters çevir --- */
/*
 * Satır → Row ayarları → Extra class: gr-mob-reverse
 * Masaüstü: sol yazı / sağ görsel → Mobil: üstte görsel, altta yazı
 * Not: WPBakery "Reverse columns" sadece RTL (Arapça vb.) siteler içindir.
 */
@media only screen and (max-width: 767px) {
	.vc_row.gr-mob-reverse > .vc-container,
	.vc_row.gr-mob-reverse.vc-container,
	.vc_row-inner.gr-mob-reverse > .vc-container,
	.vc_row-inner.gr-mob-reverse.vc-container {
		display: flex !important;
		flex-direction: column-reverse !important;
		flex-wrap: nowrap;
	}

	.vc_row.gr-mob-reverse > .vc-container::before,
	.vc_row.gr-mob-reverse > .vc-container::after,
	.vc_row.gr-mob-reverse.vc-container::before,
	.vc_row.gr-mob-reverse.vc-container::after,
	.vc_row-inner.gr-mob-reverse > .vc-container::before,
	.vc_row-inner.gr-mob-reverse > .vc-container::after {
		display: none !important;
		content: none !important;
	}

	.vc_row.gr-mob-reverse > .vc-container > .vc_column_container,
	.vc_row.gr-mob-reverse.vc-container > .vc_column_container,
	.vc_row-inner.gr-mob-reverse > .vc-container > .vc_column_container,
	.vc_row-inner.gr-mob-reverse.vc-container > .vc_column_container {
		width: 100% !important;
		max-width: 100% !important;
		float: none !important;
		flex: 0 0 auto;
	}
}

/* Tek sütunu mobilde en üste al (satır reverse yetmezse) */
@media only screen and (max-width: 767px) {
	.vc_row > .vc-container > .vc_column_container.gr-mob-col-first,
	.vc_row.vc-container > .vc_column_container.gr-mob-col-first,
	.vc_row-inner > .vc-container > .vc_column_container.gr-mob-col-first {
		order: -1 !important;
	}

	.vc_row:has(> .vc-container > .gr-mob-col-first) > .vc-container,
	.vc_row:has(> .gr-mob-col-first).vc-container,
	.vc_row-inner:has(> .vc-container > .gr-mob-col-first) > .vc-container {
		display: flex !important;
		flex-direction: column !important;
		flex-wrap: nowrap;
	}

	.vc_row:has(> .vc-container > .gr-mob-col-first) > .vc-container > .vc_column_container,
	.vc_row:has(> .gr-mob-col-first).vc-container > .vc_column_container,
	.vc_row-inner:has(> .vc-container > .gr-mob-col-first) > .vc-container > .vc_column_container {
		width: 100% !important;
		max-width: 100% !important;
		float: none !important;
		flex: 0 0 auto;
	}
}