/*
	Theme Name: Pawfy
	Theme URI: https://pawfy.com
	Description: Pawfy is a modern WordPress theme built specifically for Elementor page builder. This theme is fully compatible with Elementor and allows you to customize every component using Elementor widgets. Perfect for pet care, dog training, and animal-related businesses.
	Author: Pawfy Team
	Author URI: https://pawfy.com
	Version: 1.0.0
	Requires at least: 6.0
	Tested up to: 6.8
	Requires PHP: 7.4
	License: GNU General Public License v3 or later
	License URI: https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain: pawfy
	Tags: elementor, custom-menu, custom-logo, featured-images, threaded-comments, translation-ready, full-width-template, rtl-language-support, accessibility-ready
*/

/* ==========================================================================
   FORCE FONT SYSTEM - Lufga Regular
   ========================================================================== */
@font-face {
	font-family: 'Lufga Regular';
	src: url('assets/fonts/Lufga Regular.woff2') format('woff2'),
		url('assets/fonts/Lufga Regular.woff') format('woff');
	font-weight: 100 900;
	/* Tüm kalınlıkları bu dosyaya zorla */
	font-style: normal;
	font-display: swap;
}

/* 1. Tüm CSS Değişkenlerini Zorla Geçersiz Kıl */
:root {
	--font-primary: 'Lufga Regular', sans-serif !important;
	--font-secondary: 'Lufga Regular', sans-serif !important;
	--font-family-bio-rhyme: 'Lufga Regular', sans-serif !important;
	--font-family-spartan: 'Lufga Regular', sans-serif !important;
	--font-family-lufga: 'Lufga Regular', sans-serif !important;
	--e-global-typography-primary-font-family: 'Lufga Regular', sans-serif !important;
	--e-global-typography-secondary-font-family: 'Lufga Regular', sans-serif !important;
	--e-global-typography-text-font-family: 'Lufga Regular', sans-serif !important;
	--e-global-typography-accent-font-family: 'Lufga Regular', sans-serif !important;
}

/* 2. Global Seçici ile Her Şeye Dikte Et */
*,
*::before,
*::after,
html {
	scroll-behavior: smooth;
}

body {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
span,
button,
input,
textarea,
label,
select,
option,
li,
div {
	font-family: 'Lufga Regular', sans-serif !important;
}

.wc-block-components-main {
	display: none !important;
}

.wc-block-components-sidebar {
	max-width: 700px;
	margin: 40px auto !important;
	float: none !important;
	text-align: center;
}

.wc-block-components-button {
	background-color: var(--main-orange);
	color: var(--primary-white);
	border-radius: 48px;
	display: inline-block;
	border: none;
	font-size: 1.5rem;
	text-align: center;
	text-transform: uppercase;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
	text-decoration: none;
	font-weight: bold;
}

/* Footer'ı sayfanın altına it */
footer.footer {
	margin-top: auto;
}

/* Arama sonuçlarında "Sonuç Bulunamadı" başlığını biraz daha büyük göster */
.no-results.not-found .service-content .title {
	font-size: 1.6rem;
}

/* Header sağdaki \"Kurbanını Ayır\" butonu */
header .header-inner-wrapper .header-kurban-btn {
	margin-right: 1rem;
	padding: 1rem;
	font-size: 1.3rem;
	letter-spacing: 0.1rem;
	white-space: nowrap;
}

@media (max-width: 991px) {
	header .header-inner-wrapper .header-kurban-btn {
		display: none;
	}
}

/* ==========================================================================
   HEADER & PAGE HEADER DAVRANIŞI
   ========================================================================== */

/* Anasayfa dışındaki tüm sayfalarda: header zaten PHP ile "scrolled" sınıfı alıyor.
   Aynı zamanda, görsel hero + sayfa başlığı alanı olan page-header-section tamamen gizlenir. */
body:not(.home) .page-header-section {
	display: none !important;
}

/* ==========================================================================
   PAWFY HERO SLIDER STYLES
   ========================================================================== */

.hero-slider {
	touch-action: pan-y pinch-zoom;
	user-select: text;
	pointer-events: auto;
}

/* Hero Heading - Özellikle Başlık */
.hero-slider .hero-heading {
	font-family: 'Lufga Regular', sans-serif !important;
	font-size: 10rem !important;
	font-weight: 900 !important;
	/* Black font olduğu için en yüksek değer */
	color: #ffffff !important;
	line-height: 1.1 !important;
}

.hero-slider .description {
	font-family: 'Lufga Regular', sans-serif !important;
	font-size: 2rem !important;
	font-weight: 600 !important;
	color: #ffffff !important;
}

.hero-slider .btn {
	font-family: 'Lufga Regular', sans-serif !important;
	font-weight: 900 !important;
	text-transform: uppercase !important;
}

/* ==========================================================================
   CONTACT MAP EMBED
   ========================================================================== */
.contact-address-section .map-embed-wrapper {
	width: 100%;
	border-radius: 10px;
	overflow: hidden;
	position: relative;
}

.contact-address-section .map-embed-wrapper iframe {
	display: block;
	width: 100%;
}

/* Harita yüklenirken basit bir placeholder gözüksün */
.contact-address-section .map-embed-wrapper.map-loading::before {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, #e3e3e3 0%, #f5f5f5 50%, #e3e3e3 100%);
	background-size: 200% 100%;
	animation: pawfy-map-shimmer 1.2s infinite;
}

@keyframes pawfy-map-shimmer {
	0% {
		background-position: 200% 0;
	}

	100% {
		background-position: -200% 0;
	}
}

/* ==========================================================================
   PAWFY COMMENTS SECTION STYLES
   ========================================================================== */

.news-detail-section .inner-container .comments-section .heading .primary-heading,
.comments-section .heading .primary-heading {
	font-family: 'Lufga Regular', sans-serif !important;
	font-size: 4rem !important;
	font-weight: 900 !important;
}

.comments-section .comment-block .comment-detail .name-reply-btn .name {
	font-family: 'Lufga Regular', sans-serif !important;
	font-weight: 900 !important;
}

.comments-section .comment-block .comment-detail p {
	font-family: 'Lufga Regular', sans-serif !important;
	font-size: 1.4rem !important;
}

/* Comment Form Inputs & Buttons */
.comments-section #commentform input,
.comments-section #commentform textarea,
.comments-section #commentform button[type="submit"],
.comments-section .form-submit .submit {
	font-family: 'Lufga Regular', sans-serif !important;
}

/* ==========================================================================
   RESPONSIVE & ANIMATION FIXES
   ========================================================================== */

@media (max-width: 991px) {
	.hero-slider .hero-heading {
		font-size: 5rem !important;
	}
}

@media (max-width: 576px) {
	.hero-slider .hero-heading {
		font-size: 2.5rem !important;
	}
}

/* Elementor ve WOW.js uyumu için */
.wow {
	visibility: hidden;
}

.wow.animate__animated {
	visibility: visible;
}

/* FOUC Prevention */
body.js-active .wow,
body.js-active .pawfy-animate {
	visibility: hidden;
	opacity: 0;
}

/* 
   Aşağıdaki tüm spesifik CSS blokları artık global "Lufga Regular" 
   kuralları tarafından otomatik olarak kontrol edilmektedir. 
*/

.hero-slider .hero-text-box {
	position: relative;
	z-index: 10;
	margin: 0 auto;
	padding-top: 32.5rem;
	padding-bottom: 32.5rem;
	text-align: left;
}

.hero-slider .swiper-hero-button-next,
.hero-slider .swiper-hero-button-prev {
	background: var(--main-orange, #ca1519) !important;
}

.news-detail-section .inner-container {
	max-width: none !important;
	padding-top: 0px !important;

}

/* ==========================================================================
   PAWFY HERO SLIDER STYLES - GSAP Animation Support
   ========================================================================== */

/* Hero Slider Container - Sadece yatay sürüklemeyi engelle */
.hero-slider {
	touch-action: pan-y pinch-zoom;
	user-select: text;
	-webkit-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	pointer-events: auto;
	-webkit-tap-highlight-color: transparent;
}

.hero-slider .swiper-wrapper {
	touch-action: pan-y pinch-zoom;
	pointer-events: auto;
}

.hero-slider .swiper-slide {
	touch-action: pan-y pinch-zoom;
	pointer-events: auto;
}

/* Yazılar seçilebilir olmalı */
.hero-slider .hero-text-box,
.hero-slider .hero-text-box * {
	user-select: text;
	-webkit-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	cursor: text;
}

/* Butonlar ve pagination tıklanabilir olmalı */
.hero-slider .swiper-hero-button-next,
.hero-slider .swiper-hero-button-prev,
.hero-slider .swiper-hero-pagination,
.hero-slider .swiper-hero-pagination *,
.hero-slider .hero-btn,
.hero-slider .hero-btn * {
	pointer-events: auto !important;
	touch-action: manipulation !important;
	cursor: pointer;
	user-select: none;
}

/* Hero Text Box - Aktif slide'da görünür (efekt yok) */
.hero-slider .swiper-slide.swiper-slide-active .hero-text-box {
	opacity: 1 !important;
	visibility: visible !important;
	transform: translateY(0) translateZ(0) !important;
}

/* Hero Text Box - Aktif olmayan slide'larda gizli */
.hero-slider .swiper-slide:not(.swiper-slide-active) .hero-text-box {
	opacity: 0 !important;
	visibility: hidden !important;
}

/* Hero Buttons - Aktif slide'da görünür (efekt yok) */
.hero-slider .swiper-slide.swiper-slide-active .hero-btn a {
	opacity: 1 !important;
	visibility: visible !important;
	transform: scale(1) translateY(0) translateZ(0) !important;
}

/* Hero Buttons - Aktif olmayan slide'larda gizli */
.hero-slider .swiper-slide:not(.swiper-slide-active) .hero-btn a {
	opacity: 0 !important;
	visibility: hidden !important;
}

/* Hero Slide Background - GSAP ile kontrol edilecek */
.hero-slider .swiper-slide .hero-slide-bg {
	transform: translateX(0) translateZ(0) !important;
	will-change: transform;
	position: relative;
	left: 0;
	top: 0;
}

/* ==========================================================================
   PAWFY COMMENTS SECTION STYLES - Tema Uyumlu
   ========================================================================== */

/* Comments Section Container - news-detail-section içinde */
.news-detail-section .inner-container .comments-section,
.comments-section {
	width: 100%;
	margin-bottom: 7rem;
	text-align: center;
}

/* Comment Heading */
.news-detail-section .inner-container .comments-section .heading,
.comments-section .heading {
	margin-bottom: 2rem;
}

.news-detail-section .inner-container .comments-section .heading .primary-heading,
.comments-section .heading .primary-heading {
	font-size: 4rem;
	font-family: 'Lufga Regular', sans-serif;
	color: var(--grey-black, #181818);
	font-weight: 700;
	text-align: center;
	line-height: 1.2;
	margin: 0;
}

.news-detail-section .inner-container .comments-section .heading .primary-heading .orange-dot,
.comments-section .heading .primary-heading .orange-dot {
	color: var(--main-orange, #ca1519);
}

.news-detail-section .inner-container .comments-section .heading .primary-heading .underline,
.comments-section .heading .primary-heading .underline {
	height: 4px;
	border: 2px solid var(--main-orange, #ca1519);
	width: 80px;
	background-color: var(--main-orange, #ca1519);
	border-radius: 3px;
	display: block;
	margin: 12px auto;
}

/* Comment List */
.comments-section .comment-list {
	width: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
}

/* Comment Block */
.news-detail-section .inner-container .comments-section .comment-block,
.comments-section .comment-block {
	display: flex;
	align-items: start;
	gap: 3rem;
	border-bottom: 1px solid var(--border-color, #e5e5e5);
	margin-top: 4rem;
	padding-bottom: 4rem;
	text-align: left;
}

.news-detail-section .inner-container .comments-section .comment-block:last-child,
.comments-section .comment-block:last-child {
	border-bottom: none;
}

/* Comment Avatar */
.news-detail-section .inner-container .comments-section .comment-block .profile-img,
.news-detail-section .inner-container .comments-section .comment-block .avatar,
.news-detail-section .inner-container .comments-section .comment-block img.avatar,
.comments-section .comment-block .profile-img,
.comments-section .comment-block .avatar,
.comments-section .comment-block img.avatar {
	height: 76px;
	width: 76px;
	min-width: 76px;
	object-fit: cover;
	border-radius: 50%;
	flex-shrink: 0;
}

/* Comment Detail */
.news-detail-section .inner-container .comments-section .comment-block .comment-detail,
.comments-section .comment-block .comment-detail {
	flex: 1;
	text-align: left;
}

.news-detail-section .inner-container .comments-section .comment-block .comment-detail .name-reply-btn,
.comments-section .comment-block .comment-detail .name-reply-btn {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.news-detail-section .inner-container .comments-section .comment-block .comment-detail .name-reply-btn .name,
.comments-section .comment-block .comment-detail .name-reply-btn .name {
	font-family: 'Lufga Regular', sans-serif;
	font-weight: 700;
	font-size: var(--font-size-md-light, 2rem);
	color: var(--grey-black, #181818);
	margin: 0;
}

.news-detail-section .inner-container .comments-section .comment-block .comment-detail .name-reply-btn .reply-btn,
.news-detail-section .inner-container .comments-section .comment-block .comment-detail .name-reply-btn .comment-reply-link,
.news-detail-section .inner-container .comments-section .comment-block .comment-detail .name-reply-btn a,
.comments-section .comment-block .comment-detail .name-reply-btn .reply-btn,
.comments-section .comment-block .comment-detail .name-reply-btn .comment-reply-link,
.comments-section .comment-block .comment-detail .name-reply-btn a {
	color: var(--grey, #818181);
	line-height: 2.143;
	font-family: 'Lufga Regular', sans-serif;
	font-weight: 700;
	font-size: var(--font-size-xx-sm, 1.4rem);
	text-decoration: none;
	transition: 0.3s ease;
}

.news-detail-section .inner-container .comments-section .comment-block .comment-detail .name-reply-btn .reply-btn:hover,
.news-detail-section .inner-container .comments-section .comment-block .comment-detail .name-reply-btn .comment-reply-link:hover,
.news-detail-section .inner-container .comments-section .comment-block .comment-detail .name-reply-btn a:hover,
.comments-section .comment-block .comment-detail .name-reply-btn .reply-btn:hover,
.comments-section .comment-block .comment-detail .name-reply-btn .comment-reply-link:hover,
.comments-section .comment-block .comment-detail .name-reply-btn a:hover {
	color: var(--main-orange, #ca1519);
	text-decoration: underline;
}

.news-detail-section .inner-container .comments-section .comment-block .comment-detail .date,
.comments-section .comment-block .comment-detail .date {
	font-family: 'Lufga Regular', sans-serif;
	font-weight: 500;
	font-size: var(--font-size-btn, 1.2rem);
	color: var(--grey, #818181);
	margin: 2rem 0;
	line-height: 3rem;
	display: block;
}

.news-detail-section .inner-container .comments-section .comment-block .comment-detail p,
.comments-section .comment-block .comment-detail p {
	font-family: 'Lufga Regular', sans-serif;
	font-size: var(--font-size-xx-sm, 1.4rem);
	color: var(--grey, #818181);
	line-height: 1.8;
	margin: 0;
}

/* Nested Comments */
.comments-section .comment-children {
	margin-left: 60px;
	margin-top: 20px;
	padding-left: 30px;
	border-left: 2px solid var(--border-color, #e5e5e5);
}

.comments-section .comment-children .comment-block {
	margin-top: 2rem;
	padding-bottom: 2rem;
}

/* Comment Form */
.news-detail-section .inner-container .comments-section .form,
.news-detail-section .inner-container .comments-section #commentform,
.comments-section .form,
.comments-section #commentform {
	max-width: 852px;
	margin: 5rem auto 0;
	width: 100%;
	padding: 0;
	border: none;
	background: transparent;
}

.comments-section .form-block {
	display: flex;
	flex-direction: row;
	gap: 2rem;
	margin-bottom: 2rem;
	width: 100%;
}

/* Form block içindeki form-group'lar yan yana */
.comments-section .form-block .form-group {
	flex: 1;
	margin-bottom: 0;
}

.news-detail-section .inner-container .comments-section .form-group,
.news-detail-section .inner-container .comments-section #commentform .form-group,
.comments-section .form-group,
.comments-section #commentform .form-group {
	width: 100%;
	margin-bottom: 2rem;
}

/* Form block dışındaki form-group (textarea için) */
.news-detail-section .inner-container .comments-section #commentform>.form-group:not(.form-block .form-group),
.comments-section #commentform>.form-group:not(.form-block .form-group) {
	margin-bottom: 2rem;
}

.news-detail-section .inner-container .comments-section .form-group input[type="text"],
.news-detail-section .inner-container .comments-section .form-group input[type="email"],
.news-detail-section .inner-container .comments-section .form-group input[type="url"],
.news-detail-section .inner-container .comments-section #commentform input[type="text"],
.news-detail-section .inner-container .comments-section #commentform input[type="email"],
.news-detail-section .inner-container .comments-section #commentform input[type="url"],
.news-detail-section .inner-container .comments-section .form-group textarea,
.news-detail-section .inner-container .comments-section #commentform textarea,
.comments-section .form-group input[type="text"],
.comments-section .form-group input[type="email"],
.comments-section .form-group input[type="url"],
.comments-section #commentform input[type="text"],
.comments-section #commentform input[type="email"],
.comments-section #commentform input[type="url"],
.comments-section .form-group textarea,
.comments-section #commentform textarea {
	outline: none;
	width: 100%;
	padding: 18px 30px;
	border: 1px solid var(--border-color, #e5e5e5);
	border-radius: 3.6rem;
	box-sizing: border-box;
	font-family: 'Lufga Regular', sans-serif;
	line-height: 1.2;
	color: var(--grey, #818181);
	font-size: var(--font-size-xx-sm, 1.4rem);
	transition: border-color 0.3s ease;
}

.news-detail-section .inner-container .comments-section .form-group input:focus,
.news-detail-section .inner-container .comments-section .form-group textarea:focus,
.news-detail-section .inner-container .comments-section #commentform input:focus,
.news-detail-section .inner-container .comments-section #commentform textarea:focus,
.comments-section .form-group input:focus,
.comments-section .form-group textarea:focus,
.comments-section #commentform input:focus,
.comments-section #commentform textarea:focus {
	border-color: var(--main-orange, #ca1519);
}

.news-detail-section .inner-container .comments-section .form-group textarea,
.news-detail-section .inner-container .comments-section #commentform textarea,
.comments-section .form-group textarea,
.comments-section #commentform textarea {
	width: 100%;
	height: 185px;
	resize: none;
	border-radius: 2.6rem;
	margin-top: 0;
}

/* Textarea form-group'u form-block dışında olmalı */
.news-detail-section .inner-container .comments-section #commentform .comment-form-comment,
.news-detail-section .inner-container .comments-section #commentform .comment-form-comment .form-group,
.comments-section #commentform .comment-form-comment,
.comments-section #commentform .comment-form-comment .form-group {
	margin-top: 0;
	margin-bottom: 2rem;
	width: 100%;
}

/* Textarea'yı form-block dışında göster */
.news-detail-section .inner-container .comments-section #commentform .comment-form-comment,
.comments-section #commentform .comment-form-comment {
	display: block;
	width: 100%;
}

/* Submit Button */
.news-detail-section .inner-container .comments-section .btn--white,
.news-detail-section .inner-container .comments-section .form-submit button,
.news-detail-section .inner-container .comments-section .form-submit .submit,
.news-detail-section .inner-container .comments-section #commentform button[type="submit"],
.comments-section .btn--white,
.comments-section .form-submit button,
.comments-section .form-submit .submit,
.comments-section #commentform button[type="submit"] {
	font-size: var(--font-size-x-sm, 1.6rem);
	font-family: 'Lufga Regular', sans-serif;
	color: var(--primary-white, #ffffff);
	font-weight: bold;
	line-height: 1.2;
	background-color: var(--grey-black, #181818);
	text-transform: capitalize;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	letter-spacing: 0px;
	padding: 18px 32px;
	margin: 2rem auto;
	transition: 0.3s ease;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	width: auto;
}

.news-detail-section .inner-container .comments-section .btn--white:hover,
.news-detail-section .inner-container .comments-section .form-submit button:hover,
.news-detail-section .inner-container .comments-section .form-submit .submit:hover,
.news-detail-section .inner-container .comments-section #commentform button[type="submit"]:hover,
.comments-section .btn--white:hover,
.comments-section .form-submit button:hover,
.comments-section .form-submit .submit:hover,
.comments-section #commentform button[type="submit"]:hover {
	background-color: var(--main-orange, #ca1519);
	color: var(--primary-white, #ffffff);
}

/* WordPress Comment Form Overrides */
.news-detail-section .inner-container .comments-section #commentform .comment-form-author,
.news-detail-section .inner-container .comments-section #commentform .comment-form-email,
.news-detail-section .inner-container .comments-section #commentform .comment-form-url,
.comments-section #commentform .comment-form-author,
.comments-section #commentform .comment-form-email,
.comments-section #commentform .comment-form-url {
	display: contents;
	width: 100%;
	margin: 0 !important;
	padding: 0;
}

/* Form block içindeki field'ları düzgün göster */
.news-detail-section .inner-container .comments-section #commentform .form-block .comment-form-author,
.news-detail-section .inner-container .comments-section #commentform .form-block .comment-form-email,
.news-detail-section .inner-container .comments-section #commentform .form-block .comment-form-url,
.comments-section #commentform .form-block .comment-form-author,
.comments-section #commentform .form-block .comment-form-email,
.comments-section #commentform .form-block .comment-form-url {
	display: block !important;
	flex: 1;
	margin: 0 !important;
	padding: 0;
	min-width: 0;
}

/* Form block içindeki input'ları düzgün göster */
.news-detail-section .inner-container .comments-section .form-block input,
.news-detail-section .inner-container .comments-section #commentform .form-block input,
.comments-section .form-block input,
.comments-section #commentform .form-block input {
	width: 100%;
}

.news-detail-section .inner-container .comments-section #commentform .comment-form-author label,
.news-detail-section .inner-container .comments-section #commentform .comment-form-email label,
.news-detail-section .inner-container .comments-section #commentform .comment-form-url label,
.news-detail-section .inner-container .comments-section #commentform .comment-form-comment label,
.comments-section #commentform .comment-form-author label,
.comments-section #commentform .comment-form-email label,
.comments-section #commentform .comment-form-url label,
.comments-section #commentform .comment-form-comment label {
	display: none !important;
}

.news-detail-section .inner-container .comments-section #commentform .form-submit,
.comments-section #commentform .form-submit {
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
	text-align: center;
}

/* Comment Notes */
.news-detail-section .inner-container .comments-section .comment-notes,
.news-detail-section .inner-container .comments-section .logged-in-as,
.comments-section .comment-notes,
.comments-section .logged-in-as {
	display: none !important;
}

/* WordPress Default Comment Form Override */
.news-detail-section .inner-container .comments-section #commentform p,
.news-detail-section .inner-container .comments-section #commentform .comment-form-author,
.news-detail-section .inner-container .comments-section #commentform .comment-form-email,
.news-detail-section .inner-container .comments-section #commentform .comment-form-url,
.news-detail-section .inner-container .comments-section #commentform .comment-form-comment,
.comments-section #commentform p,
.comments-section #commentform .comment-form-author,
.comments-section #commentform .comment-form-email,
.comments-section #commentform .comment-form-url,
.comments-section #commentform .comment-form-comment {
	margin: 0 !important;
	padding: 0 !important;
}

/* Cookies consent field'ını tamamen gizle */
.news-detail-section .inner-container .comments-section .comment-form-cookies-consent,
.comments-section .comment-form-cookies-consent {
	display: none !important;
	visibility: hidden !important;
	height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
}

.comments-section .comment-form-cookies-consent label {
	display: none !important;
}

.comments-section .comment-form-cookies-consent input[type="checkbox"] {
	display: none !important;
}

/* Comment Pagination */
.comments-section .comment-navigation,
.comments-section .nav-links {
	margin-top: 30px;
	padding-top: 30px;
	border-top: 1px solid var(--border-color, #e5e5e5);
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 20px;
}

/* Cancel Reply Link */
.comments-section .cancel-reply-link {
	display: block;
	margin-top: 10px;
	text-align: center;
}

.comments-section .cancel-reply-link a {
	color: var(--grey, #818181);
	text-decoration: none;
	font-size: 1.4rem;
	font-family: 'Lufga Regular', sans-serif;
}

.comments-section .cancel-reply-link a:hover {
	color: var(--main-orange, #ca1519);
}

/* Responsive */
@media (max-width: 991px) {

	.news-detail-section .inner-container .comments-section .form-block,
	.news-detail-section .inner-container .comments-section #commentform .form-block,
	.comments-section .form-block,
	.comments-section #commentform .form-block {
		flex-direction: column;
	}

	.news-detail-section .inner-container .comments-section .form,
	.news-detail-section .inner-container .comments-section #commentform,
	.comments-section .form,
	.comments-section #commentform {
		padding: 0 10rem;
	}
}

@media (max-width: 767px) {

	.news-detail-section .inner-container .comments-section .comment-block,
	.comments-section .comment-block {
		flex-direction: column;
		gap: 1.5rem;
	}

	.news-detail-section .inner-container .comments-section .comment-block .profile-img,
	.news-detail-section .inner-container .comments-section .comment-block .avatar,
	.news-detail-section .inner-container .comments-section .comment-block img.avatar,
	.comments-section .comment-block .profile-img,
	.comments-section .comment-block .avatar,
	.comments-section .comment-block img.avatar {
		width: 60px;
		height: 60px;
		min-width: 60px;
	}

	.news-detail-section .inner-container .comments-section .comment-children,
	.comments-section .comment-children {
		margin-left: 20px;
		padding-left: 15px;
	}

	.news-detail-section .inner-container .comments-section .form,
	.news-detail-section .inner-container .comments-section #commentform,
	.comments-section .form,
	.comments-section #commentform {
		padding: 0;
	}

	.news-detail-section .inner-container .comments-section .heading .primary-heading,
	.comments-section .heading .primary-heading {
		font-size: 3rem;
	}
}

/* ==========================================================================
   ADDITIONAL WORDPRESS COMMENT FORM OVERRIDES
   ========================================================================== */

/* Force override WordPress default comment form styles */
.news-detail-section .inner-container .comments-section #commentform input,
.news-detail-section .inner-container .comments-section #commentform textarea,
.comments-section #commentform input,
.comments-section #commentform textarea {
	border-radius: 3.6rem !important;
	padding: 18px 30px !important;
	font-family: 'Lufga Regular', sans-serif !important;
	font-size: var(--font-size-xx-sm, 1.4rem) !important;
	color: var(--grey, #818181) !important;
	border: 1px solid var(--border-color, #e5e5e5) !important;
}

.news-detail-section .inner-container .comments-section #commentform textarea,
.comments-section #commentform textarea {
	border-radius: 2.6rem !important;
	height: 185px !important;
	resize: none !important;
}

.news-detail-section .inner-container .comments-section #commentform input:focus,
.news-detail-section .inner-container .comments-section #commentform textarea:focus,
.comments-section #commentform input:focus,
.comments-section #commentform textarea:focus {
	border-color: var(--main-orange, #ca1519) !important;
	outline: none !important;
}

.news-detail-section .inner-container .comments-section #commentform .form-submit input[type="submit"],
.news-detail-section .inner-container .comments-section #commentform .form-submit button,
.news-detail-section .inner-container .comments-section #commentform button[type="submit"],
.comments-section #commentform .form-submit input[type="submit"],
.comments-section #commentform .form-submit button,
.comments-section #commentform button[type="submit"] {
	background-color: var(--grey-black, #181818) !important;
	color: var(--primary-white, #ffffff) !important;
	border: none !important;
	border-radius: 4px !important;
	padding: 18px 32px !important;
	font-family: 'Lufga Regular', sans-serif !important;
	font-size: var(--font-size-x-sm, 1.6rem) !important;
	font-weight: bold !important;
	cursor: pointer !important;
	transition: 0.3s ease !important;
}

.news-detail-section .inner-container .comments-section #commentform .form-submit input[type="submit"]:hover,
.news-detail-section .inner-container .comments-section #commentform .form-submit button:hover,
.news-detail-section .inner-container .comments-section #commentform button[type="submit"]:hover,
.comments-section #commentform .form-submit input[type="submit"]:hover,
.comments-section #commentform .form-submit button:hover,
.comments-section #commentform button[type="submit"]:hover {
	background-color: var(--main-orange, #ca1519) !important;
	color: var(--primary-white, #ffffff) !important;
}

/* ==========================================================================
   PAWFY WOW.JS SCROLL ANIMATIONS - Elementor Uyumlu
   ========================================================================== */

/* WOW.js - Başlangıç durumları (görünmez) */
.wow {
	visibility: hidden;
}

/* Animasyon başladığında görünür yap */
.wow.animate__animated {
	visibility: visible;
}

/* Custom fadeInUp animasyonu */
@keyframes customFadeInUp {
	from {
		opacity: 0;
		transform: translateY(50px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.custom-fadeInUp {
	animation-name: customFadeInUp;
	animation-duration: 0.8s;
	animation-fill-mode: both;
}

/* Custom fadeInLeftSmall animasyonu */
@keyframes fadeInLeftSmall {
	from {
		opacity: 0;
		transform: translateX(-100px);
	}

	to {
		opacity: 1;
		transform: translateX(0);
	}
}

.fadeInLeftSmall {
	animation-name: fadeInLeftSmall;
	animation-duration: 1s;
	animation-fill-mode: both;
}

/* Custom fadeInRightSmall animasyonu */
@keyframes fadeInRightSmall {
	from {
		opacity: 0;
		transform: translateX(100px);
	}

	to {
		opacity: 1;
		transform: translateX(0);
	}
}

.fadeInRightSmall {
	animation-name: fadeInRightSmall;
	animation-duration: 1s;
	animation-fill-mode: both;
}

/* Animate.css overrides for WOW.js */
.animate__animated.animate__fadeIn {
	animation-duration: 0.8s;
}

.animate__animated.animate__fadeInUp {
	animation-duration: 0.8s;
}

.animate__animated.animate__zoomIn {
	animation-duration: 0.6s;
}

.animate__animated.animate__bounceIn {
	animation-duration: 0.75s;
}

.animate__animated.animate__pulse {
	animation-duration: 2s;
	animation-iteration-count: infinite;
}

/* Delay sınıfları */
[data-wow-delay] {
	animation-delay: var(--animate-delay, 0s);
}

/* Elementor Editor'da animasyonları göster */
.elementor-editor-active .wow {
	visibility: visible !important;
	opacity: 1 !important;
	transform: none !important;
}

/* ==========================================================================
   PROFESSIONAL HERO SLIDER REDESIGN (REFINED)
   ========================================================================== */

/* 0. Stability & Layout Fixes */
.hero-slider {
	/* Reduce height slightly as requested */
	height: 90vh;
	max-height: 1200px;
	position: relative;
	/* Ensure no layout shift */
	contain: layout paint;

	/* Ensure container allows pointer events */
	pointer-events: auto;
}

/* 1. Enhanced Slide Overlay & Background */
.hero-slider .swiper-slide {
	position: relative;
	overflow: hidden;
	height: 100%;
	/* Fill container */
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.hero-slider .swiper-slide .hero-slide-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: calc(100% + 100px);
	/* Match original ken burns buffer */
	height: 100%;
	object-fit: cover;
	z-index: 0;
}

/* 2. Text Box - Exact Dimensions */
.hero-slider .hero-text-box {
	position: relative;
	z-index: 10;

	/* Ensure centering */
	margin: 0 auto;

	padding-top: 32.5rem;
	/* Exact match */
	padding-bottom: 32.5rem;
	/* Exact match */
	padding-left: 0;
	/* Reset */
	padding-right: 0;
	/* Reset */

	background: transparent;
	border: none;
	box-shadow: none;
	text-align: left;
}

@media (max-width: 1456px) {
	.hero-slider .hero-text-box {
		padding-top: 18.2rem;
		padding-bottom: 18.2rem;
	}
}

/* 3. Typography Upgrades */
/* Base Styles */
.hero-slider .hero-heading {
	font-family: 'Lufga Regular', sans-serif;
	font-size: 10rem;
	/* Matched to --hero-lg-font-size */
	font-weight: 800;
	/* Bold */
	color: #ffffff;
	line-height: 1.1;
	width: 70%;
	margin-bottom: 0;
	text-shadow: none;
	will-change: transform, opacity, filter;
}

@media (max-width: 991px) {
	.hero-slider .hero-heading {
		font-size: 7.2rem;
	}
}

@media (max-width: 767px) {
	.hero-slider .hero-heading {
		font-size: 4.2rem;
	}
}

.hero-slider .description {
	font-family: 'Lufga Regular', sans-serif;
	font-size: 2rem;
	/* --font-size-md-light */
	font-weight: 600;
	color: #ffffff;
	line-height: 1.5;
	padding: 3.2rem 0;
	width: 50%;
	text-shadow: none;
	margin-bottom: 0;
	max-width: none;
	will-change: transform, opacity, filter;
}

@media (max-width: 1200px) {
	.hero-slider .description {
		padding: 2.8rem 0;
		width: 70%;
	}
}

@media (max-width: 991px) {
	.hero-slider .description {
		font-size: 1.8rem;
		/* approximate sm */
		width: 65%;
	}
}

@media (max-width: 767px) {
	.hero-slider .description {
		font-size: 1.4rem;
		/* xx-sm */
		padding: 1.2rem 0;
		width: 100%;
	}
}

/* 4. Modern Buttons */
.hero-slider .hero-btn {
	display: flex;
	gap: 12px;
	/* Source: 12px */
	margin-top: 1.6rem;
	flex-wrap: wrap;
}

@media (max-width: 767px) {
	.hero-slider .hero-btn {
		flex-direction: row;
		/* FORCE ROW */
	}
}

.hero-slider .btn {
	font-family: 'Lufga Regular', sans-serif;
	font-weight: bold;
	font-size: 1.2rem;
	/* --font-size-btn */
	text-decoration: none;
	padding: 22px 52px 20px;
	letter-spacing: 2px;
	border-radius: 48px;
	border: none;
	text-align: center;
	text-transform: uppercase;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	will-change: transform, opacity, filter;
}

@media (max-width: 991px) {
	.hero-slider .btn {
		padding: 18px 38px 16px;
		letter-spacing: 1px;
	}
}

@media (max-width: 767px) {
	.hero-slider .btn {
		padding: 12px 32px 10px;
	}
}

/* Primary Button (Orange) */
.hero-slider .btn--orange {
	background-color: var(--main-orange, #ca1519);
	color: #ffffff;
	box-shadow: none;
}

.hero-slider .btn--orange:hover {
	background-color: #ffffff;
	color: var(--main-orange, #ca1519);
	transform: none;
	box-shadow: none;
}

/* Secondary Button (White) */
.hero-slider .btn--white {
	background-color: #ffffff;
	color: var(--main-orange, #ca1519);
	border: none;
}

.hero-slider .btn--white:hover {
	background-color: var(--main-orange, #ca1519);
	color: #ffffff;
}

/* 5. Navigation Arrows - Original Design */
.hero-slider .swiper-hero-button-next,
.hero-slider .swiper-hero-button-prev {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 100 !important;
	width: 52px;
	height: 52px;
	background: var(--main-orange, #ca1519);
	fill: #ffffff;
	border-radius: 50%;
	padding: 12px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	pointer-events: auto !important;
	transition: all 0.3s ease;
	border: none;
	backdrop-filter: none;
}

.hero-slider .swiper-hero-button-next {
	right: 52px;
	left: auto;
}

.hero-slider .swiper-hero-button-prev {
	left: 52px;
	right: auto;
}

@media (max-width: 1200px) {
	.hero-slider .swiper-hero-button-next {
		right: 28px;
		width: 42px;
		height: 42px;
		padding: 10px;
	}

	.hero-slider .swiper-hero-button-prev {
		left: 28px;
		width: 42px;
		height: 42px;
		padding: 10px;
	}
}

@media (max-width: 767px) {

	.hero-slider .swiper-hero-button-next,
	.hero-slider .swiper-hero-button-prev {
		width: 32px;
		height: 32px;
		padding: 8px;
		right: 18px;
	}

	.hero-slider .swiper-hero-button-prev {
		left: 18px;
		right: auto;
	}
}

.hero-slider .swiper-hero-button-next:hover,
.hero-slider .swiper-hero-button-prev:hover {
	background-color: #ffffff;
	fill: var(--main-orange, #ca1519);
	transform: translateY(-50%);
	box-shadow: none;
}

.hero-slider .swiper-hero-button-next svg,
.hero-slider .swiper-hero-button-prev svg {
	width: 100%;
	height: 100%;
	fill: inherit;
}

/* 6. Pagination - Original Design */
.hero-slider .swiper-hero-pagination {
	display: flex;
	gap: 2px;
	position: absolute;
	bottom: 46px !important;
	left: 50% !important;
	transform: translateX(-50%);
	z-index: 10;
	width: auto !important;
	pointer-events: auto;
}

.hero-slider .swiper-hero-pagination .swiper-pagination-bullet {
	height: 10px;
	width: 10px;
	background: #ffffff;
	opacity: 0.4;
	border-radius: 50%;
	margin: 0 4px !important;
	transition: all 0.3s ease;
	border: none;
}

.hero-slider .swiper-hero-pagination .swiper-pagination-bullet-active {
	background: var(--main-orange, #ca1519);
	opacity: 1;
	transform: none;
}

/* 6. Responsive Adjustments */
@media (max-width: 991px) {
	.hero-slider {
		height: auto;
	}

	.hero-slider .swiper-slide::after {
		background: transparent;
	}

	.hero-slider .hero-text-box {
		margin: 0 auto;
		text-align: left;
		padding-top: 25rem;
		padding-bottom: 25rem;
		max-width: none;
		padding-left: 0;
		padding-right: 0;
	}

	.hero-slider .hero-heading {
		font-size: 5rem;
		width: 100%;
	}

	.hero-slider .description {
		margin-left: 0;
		margin-right: 0;
		font-size: 1.6rem;
		padding: 2rem 0;
	}

	.hero-slider .hero-btn {
		justify-content: flex-start;
	}

	.hero-slider .swiper-hero-button-next,
	.hero-slider .swiper-hero-button-prev {
		display: flex;
		width: 42px;
		height: 42px;
	}
}

@media (max-width: 767px) {
	.hero-slider {
		height: 350px !important;
		max-height: 350px !important;
		min-height: unset !important;
	}

	.hero-slider .swiper-slide {
		height: 350px !important;
	}

	.hero-slider .hero-text-box {
		padding-top: 7rem;
		padding-bottom: 4rem;
	}

	.hero-slider .hero-heading {
		font-size: 2.4rem;
		width: 100%;
		line-height: 1.2;
	}

	.hero-slider .description {
		font-size: 1.2rem;
		padding: 0.6rem 0;
		line-height: 1.4;
	}

	.hero-slider .btn {
		padding: 8px 20px;
		font-size: 1rem;
	}

	.hero-slider .swiper-hero-pagination {
		bottom: 8px !important;
	}
}

/* 7. Animation Fixes */
.wow,
.pawfy-animate {
	visibility: visible;
	opacity: 1;
}

body.js-active .wow,
body.js-active .pawfy-animate {
	visibility: hidden;
	opacity: 0;
}

.pawfy-animate {
	will-change: transform, opacity;
}

@keyframes customFadeInUp {
	from {
		opacity: 0;
		transform: translate3d(0, 40px, 0);
	}

	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

.custom-fadeInUp {
	animation-name: customFadeInUp;
	animation-fill-mode: both;
}

/* ==========================================================================
   STICKY HEADER STYLES (From Original HTML)
   ========================================================================== */
header .header-wrapper {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 100px;
	transition: all 0.25s ease;
}

header.sticky-nav {
	position: fixed;
	top: 50px;
	/* Default: anasayfa için eski offset */
	left: 0;
	width: 100%;
	z-index: 9999;
	transition: all 0.25s ease;
}

/* Anasayfa HARİÇ tüm sayfalarda header en tepede sabit olsun */
body:not(.home) header.sticky-nav {
	top: 0;
}

@media (max-width: 991px) {
	header.sticky-nav {
		top: 0;
	}
}

header .logo {
	position: relative;
}

header .logo .show-sticky {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	visibility: hidden;
	transition: all 0.25s ease;
}

header .logo .hide-sticky {
	transition: all 0.25s ease;
}

/* Scrolled State */
header.scrolled {
	top: 0;
	background-color: var(--primary-white, #ffffff);
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
	/* Optional enhancement */
}

header.scrolled .header-wrapper {
	height: 70px;
}

header.scrolled .navigation-menu a {
	color: var(--primary-black, #181818);
}

/* Scrolled Logo Handling */
header.scrolled .logo .show-sticky {
	opacity: 1;
	visibility: visible;
}

header.scrolled .logo .hide-sticky {
	opacity: 0;
	visibility: hidden;
}

/* HOME HARİÇ TÜM SAYFALARDA HER ZAMAN SCROLLED GÖRÜNÜMÜ KULLAN */
body:not(.home) header.sticky-nav {
	background-color: var(--primary-white, #ffffff);
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
	top: 0;
}

body:not(.home) header.sticky-nav .header-wrapper {
	height: 70px;
}

body:not(.home) header.sticky-nav .navigation-menu a {
	color: var(--primary-black, #181818);
}

body:not(.home) header.sticky-nav .logo .show-sticky {
	opacity: 1;
	visibility: visible;
}

body:not(.home) header.sticky-nav .logo .hide-sticky {
	opacity: 0;
	visibility: hidden;
}

/* Adjust navigation menu link colors for transparent header */
header.sticky-nav .navigation-menu a {
	color: #ffffff;
	/* Default transparent state color */
}

header.sticky-nav.scrolled .navigation-menu a {
	color: var(--primary-black, #181818);
	/* Scrolled state color */
}

/* ==========================================================================
   MOBİL MENÜ - KURBAN CTA BUTONLARI
   ========================================================================== */

.mobile-kurban-btns {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 20px 24px;
	margin-top: 16px;
	border-top: 1px solid rgba(0, 0, 0, 0.08);
}

.mobile-kurban-btn {
	display: block;
	text-align: center;
	padding: 14px 20px;
	border-radius: 8px;
	font-family: 'Lufga Regular', sans-serif;
	font-weight: bold;
	font-size: 1.4rem;
	text-decoration: none;
	letter-spacing: 1px;
	text-transform: uppercase;
	transition: all 0.25s ease;
}

.mobile-kurban-btn--buyukbas {
	background-color: #ff6d2d;
	color: #ffffff;
}

.mobile-kurban-btn--buyukbas:hover {
	background-color: #e05a1c;
	color: #ffffff;
}

.mobile-kurban-btn--kucukbas {
	background-color: #181818;
	color: #ffffff;
}

.mobile-kurban-btn--kucukbas:hover {
	background-color: var(--main-orange, #ff6d2d);
	color: #ffffff;
}

/* Page Header Visibility Fix for Blog */
body.blog .page-header-section,
body.archive .page-header-section,
body.page-template-page-blog .page-header-section {
	display: block !important;
}

/* ==========================================================================
   BLOG ARCHIVE & RECENT POSTS STYLES
   ========================================================================== */

/* Recent Posts (Single Post View) */
.recent-posts-wrapper {
	margin: 5rem 0;
	padding-top: 5rem;
	border-top: 1px solid var(--border-color, #e5e5e5);
}

.recent-posts-title {
	font-family: 'Lufga Regular', sans-serif !important;
	font-size: 3rem !important;
	font-weight: 900 !important;
	color: var(--grey-black, #181818);
	margin-bottom: 3rem;
	text-align: left;
}

.recent-posts-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: 3rem;
}

.recent-post-card {
	background: #fff;
	border-radius: 12px;
	overflow: hidden;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	display: flex;
	flex-direction: column;
	height: 100%;
}

.recent-post-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
}

/* Blog Archive Grid */
.blog-archive-section {
	padding: 8rem 0;
	background-color: #f9f9f9;
}

.blog-posts-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
	gap: 4rem;
	margin-bottom: 6rem;
}

.blog-post-card {
	background: #ffffff;
	border-radius: 20px;
	overflow: hidden;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03);
	transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
	display: flex;
	flex-direction: column;
	height: 100%;
}

.blog-post-card:hover {
	transform: translateY(-10px);
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);
}

.blog-post-card .card-thumb {
	position: relative;
	aspect-ratio: 16 / 10;
	overflow: hidden;
}

.blog-post-card .card-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.6s ease;
}

.blog-post-card:hover .card-thumb img {
	transform: scale(1.1);
}

.blog-post-card .date-tag {
	position: absolute;
	top: 20px;
	left: 20px;
	background: var(--main-orange, #ca1519);
	color: #fff;
	padding: 10px 15px;
	border-radius: 12px;
	display: flex;
	flex-direction: column;
	align-items: center;
	line-height: 1;
	z-index: 2;
}

.blog-post-card .date-tag .day {
	font-size: 1.8rem;
	font-weight: 900;
}

.blog-post-card .date-tag .month {
	font-size: 1rem;
	font-weight: 700;
	margin-top: 2px;
}

.blog-post-card .card-content {
	padding: 3rem;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}

.blog-post-card .card-categories {
	margin-bottom: 1.5rem;
}

.blog-post-card .cat-link {
	font-size: 1.2rem;
	font-weight: 700;
	color: var(--main-orange, #ca1519);
	text-transform: uppercase;
	letter-spacing: 1px;
}

.blog-post-card .card-title {
	font-size: 2.4rem !important;
	font-weight: 900 !important;
	color: var(--grey-black, #181818);
	margin-bottom: 1.5rem;
	line-height: 1.3;
}

.blog-post-card .card-title a {
	color: inherit;
	text-decoration: none;
	transition: color 0.3s ease;
}

.blog-post-card .card-title a:hover {
	color: var(--main-orange, #ca1519);
}

.blog-post-card .card-excerpt {
	font-size: 1.5rem;
	color: #666;
	line-height: 1.6;
	margin-bottom: 2.5rem;
}

.blog-post-card .card-footer {
	margin-top: auto;
}

.blog-post-card .read-more-btn {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	font-size: 1.4rem;
	font-weight: 900;
	color: var(--grey-black, #181818);
	text-decoration: none;
	text-transform: uppercase;
	transition: all 0.3s ease;
}

.blog-post-card .read-more-btn svg {
	transition: transform 0.3s ease;
}

.blog-post-card .read-more-btn:hover {
	color: var(--main-orange, #ca1519);
}

.blog-post-card .read-more-btn:hover svg {
	transform: translateX(5px);
}

/* Pagination Styling */
.news-section .navigation.pagination,
.blog-archive-section .navigation.pagination {
	margin-top: 4rem;
	display: flex;
	justify-content: center;
	width: 100%;
}

.news-section .nav-links,
.blog-archive-section .nav-links {
	display: flex;
	gap: 10px;
	align-items: center;
	flex-wrap: wrap;
	justify-content: center;
}

.news-section .page-numbers,
.blog-archive-section .page-numbers {
	width: 45px;
	height: 45px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	border: 1px solid #eee;
	border-radius: 50%;
	color: var(--grey-black, #181818);
	text-decoration: none;
	font-weight: 700;
	font-size: 1.4rem;
	transition: all 0.3s ease;
	line-height: 1;
}

.news-section span.page-numbers.current,
.blog-archive-section span.page-numbers.current,
.news-section .page-numbers:hover,
.blog-archive-section .page-numbers:hover {
	background: var(--main-orange, #ca1519);
	color: #fff;
	border-color: var(--main-orange, #ca1519);
}

@media (max-width: 768px) {
	.blog-posts-grid {
		grid-template-columns: 1fr;
	}

	.blog-archive-section {
		padding: 5rem 0;
	}
}

/* ==========================================================================
   KURBAN SELECTION FORM - STACKED BUTTONS (3-LINE DESIGN)
   ========================================================================== */

.buyukbas-detay .kurban-et-agirlik-secim,
.kucukbas-detay .kurban-et-agirlik-secim {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 8px;
	margin-top: 12px;
}

.kurban-btn-stacked {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 10px 8px;
	background: #fff !important;
	color: #333 !important;
	border-radius: 6px !important;
	cursor: pointer;
	transition: all 0.2s ease;
	min-height: 72px;
	text-align: center;
}

.kurban-btn-stacked:hover,
.kurban-btn-stacked.secili {
	background: #27ae60 !important;
	color: #fff !important;
	border-color: #27ae60 !important;
	box-shadow: 0 2px 8px rgba(39, 174, 96, 0.25);
}

td {
	white-space: nowrap !important;
}

.kurban-btn-stacked .canli-kg-title {
	font-size: 15px !important;
	font-weight: 800 !important;
	display: block;
	line-height: 1.2;
	letter-spacing: -0.3px;
}

.kurban-btn-stacked .hisse-desc {
	font-size: 11px !important;
	font-weight: 500 !important;
	display: block;
	margin: 2px 0 1px;
	opacity: 0.8;
}

.kurban-btn-stacked .et-kg-desc {
	font-size: 13px !important;
	font-weight: 700 !important;
	display: block;
}

.kurban-btn-stacked.secili .hisse-desc {
	opacity: 0.9;
}

@media (max-width: 768px) {

	.buyukbas-detay .kurban-et-agirlik-secim,
	.kucukbas-detay .kurban-et-agirlik-secim {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 480px) {

	.buyukbas-detay .kurban-et-agirlik-secim,
	.kucukbas-detay .kurban-et-agirlik-secim {
		grid-template-columns: repeat(2, 1fr);
	}
}