/*
	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 Black
   ========================================================================== */
@font-face {
	font-family: 'Lufga Black';
	src: url('assets/fonts/Lufga Black.woff2') format('woff2'),
		url('assets/fonts/Lufga Black.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 Black', sans-serif !important;
	--font-secondary: 'Lufga Black', sans-serif !important;
	--font-family-bio-rhyme: 'Lufga Black', sans-serif !important;
	--font-family-spartan: 'Lufga Black', sans-serif !important;
	--font-family-lufga: 'Lufga Black', sans-serif !important;
	--e-global-typography-primary-font-family: 'Lufga Black', sans-serif !important;
	--e-global-typography-secondary-font-family: 'Lufga Black', sans-serif !important;
	--e-global-typography-text-font-family: 'Lufga Black', sans-serif !important;
	--e-global-typography-accent-font-family: 'Lufga Black', sans-serif !important;
}

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

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
span,
button,
input,
textarea,
label,
select,
option,
li,
div {
	font-family: 'Lufga Black', sans-serif !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 Black', 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 Black', sans-serif !important;
	font-size: 2rem !important;
	font-weight: 600 !important;
	color: #ffffff !important;
}

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

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

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

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

.comments-section .comment-block .comment-detail p {
	font-family: 'Lufga Black', 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 Black', 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 Black" 
   kuralları tarafından otomatik olarak kontrol edilmektedir. 
*/

.hero-slider .hero-text-box {
	position: relative;
	z-index: 10;
	width: 80%;
	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;
}

/* ==========================================================================
   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 Black', 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 Black', 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 Black', 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 Black', 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 Black', 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 Black', 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 Black', 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 Black', 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 Black', 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 Black', 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;
	min-height: 750px;
	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;

	/* Restore 80% width to ensure side margins clear the buttons (10% on each side) */
	width: 80%;

	/* 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 Black', 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 Black', 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 Black', 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;
		min-height: 600px;
	}

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

	.hero-slider .hero-text-box {
		margin: 0 auto;
		text-align: left;
		padding-top: 25rem;
		padding-bottom: 25rem;
		width: 80%;
		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;
		width: 80%;
		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: 576px) {
	.hero-slider .hero-heading {
		font-size: 2.5rem;
	}

	.hero-slider .btn {
		width: auto;
		padding: 12px 24px;
	}
}

/* 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;
	left: 0;
	width: 100%;
	z-index: 9999;
	transition: all 0.25s ease;
}

@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;
}

/* 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 */
}