/*!
Theme Name: yarikpinar
Theme URI: http://underscores.me/
Author: yarikpinar
Author URI: http://yarikpinar
Description: yarikpinar
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: yarikpinar
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

yarikpinar is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

@media (min-width: 768px) {
    .md\:w-20 {
        width: 200px !important;
    }
	
	    .md\:w-48 {
        width: auto !important;
			height:100px !important
    }

	
}
@media (min-width: 768px) {
    .md\:text-8xl {
        font-size: 60px !important;
        line-height: 1;
        letter-spacing: 1px !important;
    }
	    .md\:text-2xl {
        font-size: 18px !important;
        line-height: 2rem !important;
        letter-spacing: 1px !important;
        text-transform: capitalize !important;
    }
	
}
 body{
	background: #f0f0e8;
 }
 body div.skiptranslate.goog-te-gadget {
    display: none !	important;
}
 .radius-image, .radius-image img {
    border-radius: 20px;
}
 .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) a, .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img {

    border-radius: 20px;
}
 .material-symbols-outlined {
	font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

/* Material Symbols use English ligature text (e.g. "mail"). Mark icon spans with
   class "notranslate" and translate="no" so Google/GTranslate does not replace
   ligatures with translated words. Topbar/contact critical icons use inline SVG. */
.hero-mask {
	clip-path: ellipse(100% 85% at 50% 15%);
}

/* Hero arkaplan videosu (iframe tam alan) */
.hero-video-wrap {
	position: absolute;
	inset: 0;
}

.hero-video-iframe {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 177.77vh;
	height: 100vh;
	min-width: 100%;
	min-height: 56.25vw;
	transform: translate(-50%, -50%);
	border: 0;
	pointer-events: none;
}
@media (min-width: 768px) {
	.hero-mask {
		clip-path: ellipse(120% 100% at 50% 0%);
	}
}
.nav-link-active {
	position: relative;
}
.nav-link-active::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 3px;
	bottom: -8px;
	left: 0;
	background-color: #addbad;
	transition: width 0.3s ease;
}
.nav-link-hover {
	position: relative;
}
.nav-link-hover::after {
	content: '';
	position: absolute;
	width: 0;
	height: 3px;
	bottom: -8px;
	left: 0;
	background-color: #addbad;
	transition: width 0.3s ease;
}
.nav-link-hover:hover::after {
	width: 100%;
}

/* Sticky Header Transitions */
header.scrolled-header {
	transform: translateY(-40px);
}

/* Top info strip: sadece ≥1200px (1200 altı yok) */
.header-topbar-desktop {
	display: none !important;
}

@media (min-width: 1200px) {
	.header-topbar-desktop {
		display: block !important;
	}
}

.mobile-menu-toggle {
	display: none;
}

.mobile-menu-overlay {
	position: fixed;
	inset: 0;
	background: rgba(15, 23, 42, 0.45);
	backdrop-filter: blur(5px);
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.35s ease;
	z-index: 60;
}

.mobile-menu-panel {
	position: fixed;
	top: 0;
	right: 0;
	width: min(88vw, 380px);
	height: 100vh;
	background: linear-gradient(150deg, rgba(255, 255, 255, 0.96), rgba(239, 232, 220, 0.92));
	border-left: 1px solid rgba(31, 33, 32, 0.08);
	box-shadow: -20px 0 60px rgba(31, 33, 32, 0.2);
	padding: 1.5rem;
	transform: translateX(110%);
	transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);
	z-index: 70;
	display: flex;
	flex-direction: column;
	gap: 1.2rem;
}

.mobile-menu-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 0.8rem;
	border-bottom: 1px dashed rgba(31, 33, 32, 0.18);
}

.mobile-menu-links {
	display: flex;
	flex-direction: column;
	gap: 0.6rem;
	margin-top: 0.4rem;
}

.mobile-menu-link {
	display: block;
	padding: 0.95rem 1rem;
	border-radius: 14px;
	font-size: 0.78rem;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.14em;
	color: #1f2120;
	background: rgba(255, 255, 255, 0.55);
	border: 1px solid rgba(173, 219, 173, 0.45);
	transition: all 0.25s ease;
}

.mobile-menu-link:hover {
	transform: translateX(6px);
	background: #ffffff;
	color: #db1d21;
	border-color: rgba(219, 29, 33, 0.28);
}

/* Dil + Rezervasyon: menü panelinin altında, CTA en altta */
.mobile-menu-bottom {
	margin-top: auto;
	display: flex;
	flex-direction: column;
	gap: 1rem;
	flex-shrink: 0;
	position: relative;
	z-index: 1;
	overflow: visible;
}

.mobile-menu-cta {
	margin-top: 0;
	text-align: center;
	padding: 0.95rem 1.1rem;
	border-radius: 999px;
	background: linear-gradient(135deg, #db1d21, #ff4f4f);
	color: #fff;
	font-size: 0.78rem;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.14em;
	box-shadow: 0 12px 30px rgba(219, 29, 33, 0.35);
}

body.mobile-menu-open .mobile-menu-overlay {
	opacity: 1;
	pointer-events: auto;
}

body.mobile-menu-open .mobile-menu-panel {
	transform: translateX(0);
}

@media (max-width: 1199px) {
	.header-desktop-menu,
	.header-desktop-actions {
		display: none !important;
	}

	.mobile-menu-toggle {
		display: inline-flex;
		align-items: center;
		justify-content: center;
	}
}

@media (min-width: 1200px) {
	.header-desktop-menu {
		display: flex !important;
	}
}

/*--------------------------------------------------------------
# Header top bar icons (inline SVG)
--------------------------------------------------------------*/

.header-topbar-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.header-topbar-icon svg {
	width: 1rem;
	height: 1rem;
	display: block;
	fill: currentColor;
}

/*--------------------------------------------------------------
# GTranslate (header dropdown height)
--------------------------------------------------------------*/

#main-header .header-gtranslate .gt_switcher {
	position: relative;
	overflow: visible;
}

#main-header .header-gtranslate .gt_switcher .gt_option {
	position: absolute !important;
	top: calc(100% + 6px) !important;
	right: 0;
	left: auto !important;
	z-index: 9999;
	min-width: 100%;
	max-height: min(42vh, 220px) !important;
	overflow-y: auto !important;
	overflow-x: hidden !important;
	-webkit-overflow-scrolling: touch;
	box-sizing: border-box !important;
}

#main-header .header-gtranslate .gt_switcher .gt_option::-webkit-scrollbar {
	width: 6px;
}

#main-header .header-gtranslate .gt_switcher .gt_option::-webkit-scrollbar-thumb {
	background-color: rgba(31, 33, 32, 0.35);
	border-radius: 999px;
}

/*--------------------------------------------------------------
# GTranslate: fixed bottom (≤1199px, same as hamburger)
--------------------------------------------------------------*/

.header-gtranslate--mobile {
	display: none;
}

@media (max-width: 1199px) {
	.header-gtranslate--mobile {
		display: block;
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		z-index: 55;
		padding: 0 0 calc(env(safe-area-inset-bottom, 0px));
		pointer-events: none;
	}

	.header-gtranslate--mobile .header-gtranslate--mobile-inner {
		pointer-events: auto;
		width: 100%;
		max-width: none;
		min-width: 0;
		box-sizing: border-box;
		background: rgba(255, 255, 255, 0.96);
		backdrop-filter: blur(8px);
		-webkit-backdrop-filter: blur(8px);
		border: 0;
		border-top: 1px solid rgba(31, 33, 32, 0.1);
		border-radius: 0;
		padding: 0.85rem 1rem 1rem;
		min-height: 3.75rem;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		align-content: center;
		gap: 0.35rem;
		box-shadow: 0 -8px 32px rgba(15, 23, 42, 0.12);
	}

	/* Bayrak alanı: ortada, büyük (GTranslate: .gt_switcher + a img) */
	.header-gtranslate--mobile .gt_switcher,
	#main-header .header-gtranslate--mobile .gt_switcher {
		float: none !important;
		margin: 0 auto !important;
		text-align: center !important;
		width: auto !important;
		max-width: 100% !important;
		line-height: 0;
	}

	/* Eklentinin piksel genişliğini aş, bayrak satırı orta kalsın */
	.header-gtranslate--mobile .header-gtranslate--mobile-inner .gt_switcher a.glink,
	.header-gtranslate--mobile .header-gtranslate--mobile-inner .gt_switcher a {
		display: inline-flex !important;
		align-items: center;
		justify-content: center;
	}

	.header-gtranslate--mobile .header-gtranslate--mobile-inner .gt_switcher a img,
	.header-gtranslate--mobile .header-gtranslate--mobile-inner .gt_switcher a img[height],
	#main-header .header-gtranslate--mobile a img {
		width: 36px !important;
		height: 36px !important;
		max-width: none !important;
	}

	/* Dil listesi: yukarı doğru, tam genişlik */
	.header-gtranslate--mobile .gt_switcher .gt_option,
	#main-header .header-gtranslate--mobile .gt_switcher .gt_option {
		top: auto !important;
		bottom: calc(100% + 6px) !important;
		left: 0 !important;
		right: 0 !important;
		transform: none !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0;
		text-align: left !important;
	}
}

@media (min-width: 1200px) {
	.header-gtranslate--mobile {
		display: none !important;
	}
}

/* Sabit alt dil barının içeriğin üstüne binmesini azaltır (ortalanmış büyük bayrak) */
@media (max-width: 1199px) {
	body {
		padding-bottom: calc(5rem + env(safe-area-inset-bottom, 0px));
	}
	.items-end {
		align-items: start !important;
	}
}
@media (max-width: 767px) {
.logo-slider {
    display: none !important;
}
.hero-mask {
	clip-path: none !important;
}
.text-5xl {
    font-size: 35px !important;
    line-height: normal !important;
}

.text-xl {
    font-size: 16px !important;
    line-height: normal !important;
}
}

/*--------------------------------------------------------------
# Single blog + shortcode uyumu
--------------------------------------------------------------*/

.yarikpinar-single-main {
	max-width: 1200px;
	margin: 0 auto;
	padding: 9.5rem 1rem 4rem;
}

.yarikpinar-single-main .post,
.yarikpinar-single-main .entry-header,
.yarikpinar-single-main .entry-content,
.yarikpinar-single-main .entry-footer,
.yarikpinar-single-main .post-navigation {
	max-width: 860px;
	margin-left: auto;
	margin-right: auto;
}

.yarikpinar-single-main .entry-content {
	margin-top: 1.25rem;
}

.yarikpinar-diger-bloglar {
	max-width: 1200px;
	margin: 3rem auto 0;
}

.yarikpinar-diger-bloglar-baslik {
	font-size: 1.75rem;
	font-weight: 800;
	letter-spacing: 0.02em;
	color: #1f2120;
	text-align: center;
	margin: 0 0 1.5rem;
}

.yarikpinar-blog-listesi {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1.5rem;
}

.yarikpinar-blog-link {
	display: block;
	color: inherit;
	text-decoration: none;
}

.yarikpinar-blog-thumb {
	width: 100%;
	height: 220px;
	object-fit: cover;
	border-radius: 12px;
	display: block;
}

.yarikpinar-blog-title {
	margin-top: 0.75rem;
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1.4;
	color: #1f2120;
}

@media (max-width: 991px) {
	.yarikpinar-blog-listesi {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 640px) {
	.yarikpinar-blog-listesi {
		grid-template-columns: 1fr;
	}
}

.yarikpinar-single-hero {
	max-width: 860px;
	margin: 2.75rem auto 1.25rem;
	padding: 0 0.25rem;
	text-align: center;
}

.yarikpinar-single-title {
	margin: 0;
	font-size: clamp(1.8rem, 3.2vw, 2.8rem);
	line-height: 1.2;
	font-weight: 800;
	letter-spacing: 0.01em;
	color: #1f2120;
}

@media (max-width: 1199px) {
	.yarikpinar-single-main {
		padding-top: 6.5rem;
	}
}

.menu-title {
	font-size: 28px;
	font-weight: 700;
	color: #516a5d;
	margin-bottom: 20px;
	position: relative;
	padding-left: 14px;
	letter-spacing: 0.5px;
  }
  
  /* Sol çizgi efekti */
  .menu-title::before {
	content: "";
	position: absolute;
	left: 0;
	top: 4px;
	width: 4px;
	height: 80%;
	background: linear-gradient(180deg, #8fbf6a, #5f9f3d);
	border-radius: 2px;
  }
  

.menu-section {
	padding: 32px 24px;
  }
  
  .menu-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 18px;
	max-width: 1200px;
	margin: 0 auto;
  }
  
  .menu-card {
	background: #fff;
	border-radius: 14px;
	padding: 22px 24px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 20px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.18);
	border-left: 5px solid #8fbf6a;
	transition: all 0.25s ease;
  }
  
  .menu-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 16px 36px rgba(0, 0, 0, 0.28);
  }
  
  .menu-card h3 {
	margin: 0;
	font-size: 19px;
	font-weight: 700;
	color: #2f2f2f;
  }
  
  .menu-card p {
	margin: 7px 0 0;
	font-size: 13px;
	line-height: 1.4;
	color: #777;
  }
  
  .menu-card span {
	white-space: nowrap;
	font-size: 21px;
	font-weight: 800;
	color: #3f6f2a;
	display: none;
  }
  
  .menu-card.featured {
	grid-column: span 2;
	background: linear-gradient(135deg, #ffffff 0%, #f4faef 100%);
	border-left-color: #5f9f3d;
  }
  
  .menu-card.featured h3 {
	font-size: 22px;
  }
  
  .menu-card.featured span {
	font-size: 26px;
  }
  
  @media (max-width: 768px) {
	.menu-section {
	  padding: 20px 14px;
	}
  
	.menu-grid {
	  grid-template-columns: 1fr;
	  gap: 14px;
	}
  
	.menu-card,
	.menu-card.featured {
	  grid-column: span 1;
	}
  
	.menu-card {
	  padding: 18px;
	  align-items: flex-start;
	}
  
	.menu-card h3 {
	  font-size: 17px;
	}
  
	.menu-card span {
	  font-size: 19px;
	}
  }