.opacity-10 { opacity: 0.1; }
.opacity-20 { opacity: 0.2; }
.opacity-30 { opacity: 0.3; }
.opacity-40 { opacity: 0.4; }
.opacity-50 { opacity: 0.5; }
.opacity-60 { opacity: 0.6; }
.opacity-70 { opacity: 0.7; }
.opacity-80 { opacity: 0.8; }
.opacity-90 { opacity: 0.9; }
.opacity-100 { opacity: 1; }
.blur-1 { backdrop-filter: blur(1px);
}
.blur-2 { backdrop-filter: blur(2px); }
.blur-3 { backdrop-filter: blur(3px); }
.blur-4 { backdrop-filter: blur(4px); }
.blur-5 { backdrop-filter: blur(5px); }
.hide { display: none !important; }
.height-100 img {
	height: 100vh!important;
	max-height: 100vh !important;
	min-height: 100vh !important;
	width: 100vh !important;
	max-width: 100vh !important;
	min-width: 100vh !important; }

.parallax-hero {
		view-timeline-name: --postTimeline;
		view-timeline-axis: block;
		animation: slideInOut;
		animation-timeline: --postTimeline;
}

@keyframes slideInOut {
  33%   { /*transform: translateY(0);*/
	opacity: 1;}
	70% { /*transform: translateY(0);*/
	opacity: 1;}
}
.edge-fade {
  position: relative;

  /* MASK */
  -webkit-mask-image: linear-gradient(
    to right,
    transparent 0%,
    black 10%,
    black 90%,
    transparent 100%
  );

  mask-image: linear-gradient(
    to right,
    transparent 0%,
    black 5%,
    black 95%,
    transparent 100%
  );
}
a { text-decoration: none !important; }
@media (orientation: portrait) {
.square-on-mobile img{
	height: 75vw !important;
}
.pgcsimplygalleryblock-grid-content {
	grid-template-columns: repeat(2, 60px) !important;
}
}

header {
	z-index: 9999 !important;
}
.header-class {
	z-index: 9999 !important;
}
.is-text-balance {
	text-wrap: balance !important;
}

/*LIGHTBOX*/


@media (orientation: landscape) {
	
.pgcsimplygalleryblock-grid-header {
	padding-bottom: 20px !important;
}
	.pgc-rev-lb-b-view {
			/*border: 2px solid #ffffff;*/
			position: absolute;
			max-width: 70vw !important;
			max-height: 70vh !important;
			overflow: hidden !important;
			left: 15vw !important;
			top: 15vh !important;
			border-radius: 20px;
	}
	.pgc-rev-lb-b-bg {
		content: "";
		display: block;
		position: absolute;
		width: 70vw !important;
		height: 70vh !important;
		background-image: url("https://aliniyazierden.com/wp-content/uploads/2026/02/14731307_rm218-bb-072.jpg");
		background-repeat: no-repeat;
		background-size: cover;
		opacity: 0.5;
		backdrop-filter: blur(10px);
		filter: drop-shadow(-10px 10px 20px #000000);
}
	.pgc-rev-lb-b-header {
		background-image: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)) !important;
		
	}

.pgc-rev-lb-b-info-wrap {
	position: absolute !important;
	width: 20vw !important;
	height: 60vh !important;
	top: 5vh !important;
	padding-left: 2vw !important;
	left: 42vw !important;
	padding-top: 5vh !important;
}
.pgc-rev-lb-b-item-title {
	font-size: 1.2rem !important;
	line-height: 1.6rem !important;
	text-wrap: balance !important;
	max-width: 20vw !important;
	font-family: "Montserrat" !important;
	position: absolute !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	
}
.pgc-rev-slider-page-view {
	-webkit-mask-image: linear-gradient(
    to right,
    black 50%,
    transparent 100%
  );

  mask-image: linear-gradient(
    to right,
    black 50%,
    transparent 100%
  );
	width: 50vw !important;
	height: 70vh !important;
	  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
	.pgc-rev-slider-page-inner {
		width: 50vw !important;
  height: 70vh !important;
	}
.pgc-rev-slider-page-inner img {
	 width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
	position: absolute !important;
	left: 50% !important;
	top: 50% !important;
	transform: translate(-50%,-50%) !important;
	}

.pgc-rev-slider-page-sub-content-holder {
	width: 50vw !important;
	height: 70vh !important;
	background-color: rgba(0, 0, 0, 0.3) !important;
	backdrop-filter: blur(1px);
	top: 0 !important;
	left: 0 !important;
}
.pgc-rev-slider-page-sub-content-holder iframe {
	position: absolute !important;
	max-width: 50vw !important;
	max-height: 70vw !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	
}
.pgc-rev-lb-b-view-bg {
  position: fixed !important;
  width: 100vw !important;
	height: 100vh !important;
	top: 0 !important;
	left: 0 !important;
	margin-bottom: -100vh !important;
  background: rgba(0,0,0,0.3) !important;
	backdrop-filter: blur(10px);
  z-index: 99999 !important; /* lightbox'tan düşük */
}
.pgc-rev-lb-b-view {
  z-index: 100000 !important;
}
	.icon-holder {
		width: 70px !important;
		height: 70px !important;
		transform: translate(-4vw,-40px) !important;
	}
	.icon-holder svg{
		width: 40px !important;
		height: 40px !important;
		transform: translate(-18px,-15px) !important;
	}
}
.wp-block-post-terms__prefix {
	color: #8c8c8c;
	font-weight: 600;
	font-size: .9rem;
}

/*CUSTOM PORTFOLIO GRID*/

/* Portfolio grid içindeki cover'lar */
.custom-portfolio-grid .image {
  position: relative;
  aspect-ratio: 1 / 1;
  width: 100%;
  overflow: hidden;
  cursor: zoom-in;
}

/* Cover içindeki arka plan görselinin taşmaması için */
.custom-portfolio-grid .image .wp-block-cover__image-background,
.custom-portfolio-grid .image img {
  object-fit: cover;
}

.custom-portfolio-grid .image .title,
.custom-portfolio-grid .image .excerpt {
  display: none;
}

/* Lightbox */
/* === GRID IMAGE === */
.custom-portfolio-grid .image {
  position: relative;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  cursor: zoom-in;
}

/* ============================= */
/* FRONTEND: gizle               */
/* ============================= */
.custom-portfolio-grid .title,
.custom-portfolio-grid .excerpt {
  display: none;
}

/* ============================= */
/* GUTENBERG EDITOR: göster      */
/* ============================= */
.editor-styles-wrapper .custom-portfolio-grid .title,
.editor-styles-wrapper .custom-portfolio-grid .excerpt {
  display: block !important;
  opacity: 0.7;
  z-index: 9999 !important;
}


/* === IMAGE SCALE ON HOVER === */
.custom-portfolio-grid .wp-block-cover__image-background {
  transition: transform 0.5s ease;
}

.custom-portfolio-grid .image:hover .wp-block-cover__image-background {
  transform: scale(1.1);
}

/* === HOVER OVERLAY === */
.hover-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.3);
  opacity: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.3s ease;
}

.image:hover .hover-overlay {
  opacity: 1;
}

.zoom-icon {
  width: 36px;
  height: 36px;
  stroke: #fff;
  stroke-width: 2;
  fill: none;
}

/* === LIGHTBOX BACKDROP === */
.custom-lightbox {
  position: fixed;
  inset: 0;
  display: none;
  z-index: 9999;
}

.custom-lightbox.active {
  display: flex;
  align-items: center;
  justify-content: center;
}

.custom-lightbox-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.3);
  backdrop-filter: blur(10px);
}

/* === PANEL === */
.custom-lightbox-panel {
  position: relative;
  width: 70vw;
  height: 70vh;
  border-radius: 20px;
  display: flex;
  overflow: hidden;
  z-index: 1;
}

/* PANEL BACKGROUND */
.custom-lightbox-panel::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("https://aliniyazierden.com/wp-content/uploads/2026/02/14731307_rm218-bb-072.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  opacity: 0.5;
  backdrop-filter: blur(10px);
  filter: drop-shadow(-10px 10px 20px #000);
}

/* PANEL CONTENT */
.custom-lightbox-panel > * {
  position: relative;
  z-index: 1;
}

/* === CLOSE === */
.custom-lightbox-close {
  position: absolute;
  top: 16px;
  right: 16px;
  background: none;
  border: none;
  font-size: 28px;
  color: #fff;
  cursor: pointer;
  z-index: 5;
  text-shadow: #00000061 -1px 1px 2px;
}

/* === MEDIA === */
.custom-lightbox-media {
  flex: 0 0 70%;
  height: 100%;
}

.custom-lightbox-media {
  width: 50vw;
  height: 70vh;
  background-size: cover;
  background-position: center;

  -webkit-mask-image: linear-gradient(to right, black 50%, transparent 100%);
  mask-image: linear-gradient(to right, black 50%, transparent 100%);
}
/* LIGHTBOX – ASPECT RATIO OVERRIDE */
.custom-lightbox-media {
  aspect-ratio: auto !important;
}

/* === TEXT === */
.custom-lightbox-text {
	position: absolute;
  top: 0;
  right: 0;
  width: 25vw;
  height: 70vh;
  padding: 32px;
  padding-right: 100px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.custom-lightbox-title {
		margin-bottom:0;
	}

/* === ANIMATIONS === */
.custom-lightbox-media,
.custom-lightbox-title,
.custom-lightbox-excerpt {
  opacity: 0;
  transform: scale(0.96);
  transition: all 0.35s ease;
}

.custom-lightbox-media.show,
.custom-lightbox-title.show,
.custom-lightbox-excerpt.show {
  opacity: 1;
  transform: scale(1);
}

/* === ARROWS === */
.lightbox-prev,
.lightbox-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 40px;
  background: none;
  border: none;
  color: #fff;
  cursor: pointer;
  z-index: 5;
}

.lightbox-prev { left: 16px; }
.lightbox-next { right: 16px; }

.custom-portfolio-grid .image::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.5);
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 2;
}

.custom-portfolio-grid .image:hover::after {
  opacity: 1;
}

/* SVG ICON */
.custom-portfolio-grid .image::before {
  content: "";
  position: absolute;
  width: 36px;
  height: 36px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  z-index: 3;
  transition: opacity 0.3s ease;

  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='16.5' y1='16.5' x2='22' y2='22'/%3E%3C/svg%3E") center / contain no-repeat;
}

.custom-portfolio-grid .image:hover::before {
  opacity: 1;
}
.custom-lightbox-media {
  transform: none !important;
}

/* IMAGE – FADE ONLY */
.custom-lightbox-media {
  opacity: 0;
  transition: opacity 0.35s ease;
}

.custom-lightbox-media.show {
  opacity: 1;
}

/* TEXT – ZOOM IN */
.custom-lightbox-title,
.custom-lightbox-excerpt {
  opacity: 0;
  transform: scale(0.96);
  transition: all 0.35s ease;
}

.custom-lightbox-title.show,
.custom-lightbox-excerpt.show {
  opacity: 1;
  transform: scale(1);
}

/* ============================= */
/* YOUTUBE REELS ICON            */
/* ============================= */

.custom-portfolio-grid .image:has(.youtube)::after {
  content: "";
  position: absolute;
  top: 12px;
  right: 12px;
  left: auto;              /* 🔥 KRİTİK */
  transform: none;         /* 🔥 KRİTİK */
  width: 28px;
  height: 28px;
  z-index: 4;
  opacity: 0.9;

  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M10 15l5-3-5-3v6z'/%3E%3Crect x='3' y='5' width='18' height='14' rx='3' ry='3' fill='none' stroke='white' stroke-width='2'/%3E%3C/svg%3E")
    center / contain no-repeat;
}

/* FRONTEND */
.custom-portfolio-grid .youtube {
  display: none;
}

/* GUTENBERG */
.editor-styles-wrapper .custom-portfolio-grid .youtube {
  display: block;
  opacity: 0.6;
  font-style: italic;
}
.custom-lightbox-media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0);
  z-index: 2;
  pointer-events: none;
}
.lightbox-dots {
  position: absolute;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 8px;
  z-index: 10; /* 🔥 yükselttik */
  pointer-events: none;
}


.lightbox-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(255,255,255,0.4);
}

.lightbox-dot.active {
  background: #fff;
}
.custom-lightbox-media {
  position: relative;
  overflow: hidden;
}

.lightbox-slide {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  opacity: 0;
  transition: opacity 1s ease;
}

.lightbox-slide.active {
  opacity: 1;
}
/* FRONTEND */
.custom-portfolio-grid .image-link {
  display: none;
}

/* GUTENBERG */
.editor-styles-wrapper .custom-portfolio-grid .image-link {
  display: block;
  opacity: 0.6;
  font-style: italic;
}
.custom-lightbox-panel {
	position: relative;
}

.custom-lightbox-zoom {
	position: absolute;
	top: 14px;
	right: 60px; /* close'un solu */
	z-index: 20;
	width: 40px;
	height: 40px;
	background: rgba(0,0,0,0);
	color: #fff;
	font-size: 22px;
	/*border-radius: 50%;*/
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	    border-width: 0 !important;
		text-shadow: #00000061 -1px 1px 2px;
}
.custom-lightbox-panel.is-zoomed .custom-lightbox-text {
	opacity: 0;
	pointer-events: none;
}

.custom-lightbox-panel.is-zoomed .custom-lightbox-media.show {
	flex: 0 0 100%;
	-webkit-mask-image: linear-gradient(to right, black 50%, black 100%);
  mask-image: linear-gradient(to right, black 50%, black 100%);
}
.custom-lightbox-panel.is-zoomed .custom-lightbox-media.show .lightbox-slide.active {
	width: 70vw;
	height: 70vh;
}
.custom-lightbox-panel.is-zoomed iframe {
	width: 100%;
	height: 100%;
}

@media (orientation: portrait) {
	.custom-portfolio-grid {
		grid-template-columns: repeat(2, calc(50% - 10px)) !important;
	}
	.custom-portfolio-grid .image {
		position: relative;
		aspect-ratio: 2 / 3 !important;
		width: 100%;
		overflow: hidden;
		cursor: zoom-in;
	}
	.custom-lightbox-panel {
	  width: 80vw;
	  height: 80vh;
	  flex-direction: column !important;
	}
	.custom-lightbox-media {
	  width: 80vw;
	  height: 10vh;
	  background-size: cover;
	  background-position: center;

	  -webkit-mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
	  mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
	}
	
	.custom-lightbox-text {
		position: absolute !important;
	  top: 0 !important;
	  right: 0;
	  width: 80vw;
	  transform: translateY(50vh);
	  height: 26vh;
	  padding-top: 0;
	  padding-bottom: 0;
	  padding-left: 20px;
	  padding-right: 20px;
	  display: flex;
	  flex-direction: column;
	  justify-content: center;
	  overflow-y: scroll;
	  justify-content: start;
	}
	.custom-lightbox-title {
		margin-top:0;
		margin-bottom:0;
		font-size: 1rem;
	}
	.custom-lightbox-excerpt {
		margin-bottom:0;
		font-size: 0.8rem;
		line-height: 1rem;
	}
	.custom-lightbox-panel.is-zoomed .custom-lightbox-media.show .lightbox-slide.active {
		width: 100%;
		height: 100%;
	}
	.lightbox-dots {
  bottom: 60px;
  z-index: 50; /* 🔥 yükselttik */
}
}

.custom-lightbox-panel {
  position: relative;
}

.custom-lightbox-zoom {
  position: absolute;
  top: 16px;
  right: 60px;
  z-index: 20;
  width: 40px;
  height: 40px;
  background: none;
  border: none;
  color: #fff;
  font-size: 22px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.custom-lightbox-panel.is-zoomed .custom-lightbox-text {
  opacity: 0;
  pointer-events: none;
}

.custom-lightbox-panel.is-zoomed .custom-lightbox-media {
  flex: 0 0 100%;
  -webkit-mask-image: none;
  mask-image: none;
}
@media (orientation: portrait) {
	.header {
		overflow: visible !important;
		
	}
	.header .wp-block-group {
		overflow: visible !important;
		
	}
	.has-modal-open {
		overflow: visible !important;
	}
	.has-modal-open .wp-block-navigation__responsive-container-content {
		height: 32vh !important;
		width: 90vw !important;
		border-radius: 0 !important;
		background-image: linear-gradient(to bottom, rgba(255,255,255,1) 40%, rgba(255,255,255,0.95) 100%);
		position: fixed !important;
		top: 0 !important;
		left: 0 !important;
		align-items: center !important;
		padding-top: 5px !important;
		justify-content: center !important;
		border-radius: 20px !important;
	}
	.wp-block-navigation__responsive-container-close {
		position: absolute !important;
		top: -10px !important;
	}
	.downloads-grid {
		grid-template-columns: repeat(1, calc(50% - 10px)) !important;
	}
	.wp-block-navigation-item__label {
		font-size: 1.1rem !important;
	}
	.wp-block-navigation__responsive-container {
		position: fixed !important;
		top: 0 !important;
		left: 0 !important;
		align-items: center !important;
		justify-content: center !important;
	}
	.client-grid {
		grid-template-columns: repeat(1, calc(50% - 10px)) !important;
	}
	.downloads-title {
		font-size: 1.2rem !important;
	}
	.downloads-image img{
		aspect-ratio: 4 / 3 !important;
	}
}

*:focus,
*:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}

.header .current-menu-item {
	/*font-weight: 800 !important*/;
	/*color: #ffffff !important;*/
}
.header .current-menu-item .wp-block-navigation-item__content {
	border-style: solid !important;
	border-color: #808080 !important;
	border-width: 1px !important;
	padding-top: 2px !important;
	padding-bottom: 2px !important;
	padding-left: 30px !important;
	padding-right: 30px !important;
	border-radius: 20px !important;
}
.header .wp-block-navigation-item:hover {
	/*font-weight: 800 !important;*/
	
}
.header .wp-block-navigation-item .wp-block-navigation-item__content {
	transition: all 0.5s ease;
}
.header .wp-block-navigation-item:hover .wp-block-navigation-item__content {
	background-color: #d1d1d1 !important;
	padding-top: 3px !important;
	padding-bottom: 3px !important;
	border-radius: 20px !important;
}
.youtube {
  font-family: monospace;
}
.custom-lightbox-text {
	pointer-events: none !important;
}
.custom-lightbox-zoom {
	transform: translateY(-2px) !important;
}

.is-zoomed {
	overflow: visible !important;
}
.is-zoomed::before {
	display: none !important;
}

.is-zoomed .custom-lightbox-media {
	border-radius: 20px !important;
}

.custom-lightbox-close {
	transition: transform 0s ease;
}
.custom-lightbox-zoom {
	transition: transform 0s ease;
}
.lightbox-prev {
	transition: opacity 0s ease;
}
.lightbox-next {
	transition: opacity 0s ease;
}
.is-zoomed .lightbox-prev {
	pointer-events: none !important;
	opacity: 0 !important;
	transition: opacity 0.5s ease;
}
.is-zoomed .lightbox-next {
	pointer-events: none !important;
	opacity: 0 !important;
	transition: opacity 0.5s ease;
}

.is-zoomed .custom-lightbox-close {
	transform: translate(0, -55px) !important;
	transition: transform 0.5s ease;
}

.is-zoomed .custom-lightbox-zoom {
	transform: translate(0, -57px) !important;
	transition: transform 0.5s ease;
}