/*
Theme Name: RenewHub
Theme URI: https://renewhub.com/
Author: halityurttas
Author URI: https://renewhub.com/
Description: RenewHub is a modern and flexible WordPress theme designed for renewable energy and sustainability-focused websites. It offers clean design, customizable layouts, and full site editing capabilities, making it perfect for businesses, organizations, and professionals in the green energy sector.
Requires at least: 6.7
Tested up to: 6.8
Requires PHP: 7.2
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: renewhub
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, threaded-comments, translation-ready, wide-blocks, block-styles, accessibility-ready, business, portfolio
*/

@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');

* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

body {
	font-family: "Raleway", sans-serif !important;
	line-height: 1.2;      
}
button {
	font-family: "Raleway", sans-serif !important;
}
.d-none {
	display: none !important;
}
.text-center {
	text-align: center !important;
}
/* Header Stilleri */
.header-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: 20px 40px;
    background: white;
}

.logo-left {
	display: flex;
	align-items: center;
}

.logo-left img {
	width: 100%;
}

.logo-left .custom-logo-link {
	display: block;
	width: 100%;
}

.logo-left .custom-logo {
	width: 100%;
	height: auto;
}

.logo-right {
	display: flex;
	align-items: center;
}

.logo-right img {
	width: 100%;
}

/* Hamburger ikonu */
.menu-icon {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 24px;
	height: 18px;
	cursor: pointer;
	z-index: 10;
	position: relative;
	left: 40px;
}

.menu-icon span {
	display: block;
	width: 100%;
	height: 2px;
	background: #333;
}

/* Açılır menü */
.dropdown-menu {
    display: none;
    position: absolute;
    background: white;
    border: 1px solid #ddd;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    min-width: 250px;
    z-index: 9;
    padding: 60px 20px 20px 60px;
    left: 40px;
}

/* Çarpı (kapatma butonu) */
.close-btn {
    position: absolute;
    top: 0px;
    left: 20px;
    font-size: 4rem;
    cursor: pointer;
    color: #333;
    background: none;
    border: none;
    line-height: 1;
    font-weight: 300;
}

.close-btn:hover {
	color: #000;
}

/* Menü listesi */
.dropdown-menu a {
    display: block;
    padding: 8px;
    color: #333;
    text-decoration: none;
    font-size: 1.4rem;
}

.dropdown-menu a:hover {
	background: #f5f5f5;
}

/* ++++++ortak kullanılan alanlar++++++  */

/* sayfa başlığı */

.container {
	max-width: 1360px;
	margin: 0 auto;
	padding: 0 40px;
}
.page-title {
	display: grid;
	grid-template-columns: 1fr;
	gap: 20px;
}	
.page-title .title-text {			
	margin:25px 0;
	color:#211d49;
}
.page-title .title-text h1 {			
	font-size: 2.5em;
}

@media (max-width: 760px) {
	.container {
		max-width: 768px;
		padding: 0;
	}
	.page-title .title-text {
		padding: 0 25px;
		margin: 25px 0 0 0;
	}
}


/* üçlü sponsorluk alanı */
.sponsor-section {
	padding: 50px 0;
}

.sponsor-title {
	text-align: center;
	margin: 50px 0 0 0;
	font-size: 1.5rem;
}
.form-margin {
	margin:0 250px 0 250px;
}

/* 9. Satır: Üç sütun, her birinde resim */
.sponsor-img {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
	text-align: center;
	align-items: center;
	padding-top: 50px;
}
.sponsor-img img {
	display: inline-block;
	max-width: 70%;
	margin: 0 auto;
	height: auto;
}
@media (max-width: 760px) {
	.sponsor-title {
		font-size: 1.5rem;
	}
	.sponsor-img {
		display: block;
	}
	.sponsor-img img {
	display: block;
	max-width: 70%;
	margin: 40px auto;
	height: auto;
}
}

/* Margin variables and utility classes */
:root {
	--m-1: 5px;
	--m-2: 10px;
	--m-3: 20px;
	--m-4: 30px;
	--m-5: 50px;
}

.m-1 { margin: var(--m-1); }
.m-2 { margin: var(--m-2); }
.m-3 { margin: var(--m-3); }
.m-4 { margin: var(--m-4); }
.m-5 { margin: var(--m-5); }

.mx-1 { margin-left: var(--m-1); margin-right: var(--m-1); }
.mx-2 { margin-left: var(--m-2); margin-right: var(--m-2); }
.mx-3 { margin-left: var(--m-3); margin-right: var(--m-3); }
.mx-4 { margin-left: var(--m-4); margin-right: var(--m-4); }
.mx-5 { margin-left: var(--m-5); margin-right: var(--m-5); }

.my-1 { margin-top: var(--m-1); margin-bottom: var(--m-1); }
.my-2 { margin-top: var(--m-2); margin-bottom: var(--m-2); }
.my-3 { margin-top: var(--m-3); margin-bottom: var(--m-3); }
.my-4 { margin-top: var(--m-4); margin-bottom: var(--m-4); }
.my-5 { margin-top: var(--m-5); margin-bottom: var(--m-5); }

.mb-1 { margin-bottom: var(--m-1); }
.mb-2 { margin-bottom: var(--m-2); }
.mb-3 { margin-bottom: var(--m-3); }
.mb-4 { margin-bottom: var(--m-4); }
.mb-5 { margin-bottom: var(--m-5); }
.mb-50 { margin-bottom: 50px; }

.mt-1 { margin-top: var(--m-1); }
.mt-2 { margin-top: var(--m-2); }
.mt-3 { margin-top: var(--m-3); }
.mt-4 { margin-top: var(--m-4); }
.mt-5 { margin-top: var(--m-5); }

.ml-1 { margin-left: var(--m-1); }
.ml-2 { margin-left: var(--m-2); }
.ml-3 { margin-left: var(--m-3); }
.ml-4 { margin-left: var(--m-4); }
.ml-5 { margin-left: var(--m-5); }

.mr-1 { margin-right: var(--m-1); }
.mr-2 { margin-right: var(--m-2); }
.mr-3 { margin-right: var(--m-3); }
.mr-4 { margin-right: var(--m-4); }
.mr-5 { margin-right: var(--m-5); }

:root {
	--p-1: 5px;
	--p-2: 10px;
	--p-3: 20px;
	--p-4: 30px;
	--p-5: 50px;
}

/* All-side padding */
.p-1 { padding: var(--p-1); }
.p-2 { padding: var(--p-2); }
.p-3 { padding: var(--p-3); }
.p-4 { padding: var(--p-4); }
.p-5 { padding: var(--p-5); }

/* Horizontal / Vertical */
.px-1 { padding-left: var(--p-1); padding-right: var(--p-1); }
.px-2 { padding-left: var(--p-2); padding-right: var(--p-2); }
.px-3 { padding-left: var(--p-3); padding-right: var(--p-3); }
.px-4 { padding-left: var(--p-4); padding-right: var(--p-4); }
.px-5 { padding-left: var(--p-5); padding-right: var(--p-5); }

.py-1 { padding-top: var(--p-1); padding-bottom: var(--p-1); }
.py-2 { padding-top: var(--p-2); padding-bottom: var(--p-2); }
.py-3 { padding-top: var(--p-3); padding-bottom: var(--p-3); }
.py-4 { padding-top: var(--p-4); padding-bottom: var(--p-4); }
.py-5 { padding-top: var(--p-5); padding-bottom: var(--p-5); }

/* Individual sides */
.pt-1 { padding-top: var(--p-1); }
.pt-2 { padding-top: var(--p-2); }
.pt-3 { padding-top: var(--p-3); }
.pt-4 { padding-top: var(--p-4); }
.pt-5 { padding-top: var(--p-5); }

.pr-1 { padding-right: var(--p-1); }
.pr-2 { padding-right: var(--p-2); }
.pr-3 { padding-right: var(--p-3); }
.pr-4 { padding-right: var(--p-4); }
.pr-5 { padding-right: var(--p-5); }

.pb-1 { padding-bottom: var(--p-1); }
.pb-2 { padding-bottom: var(--p-2); }
.pb-3 { padding-bottom: var(--p-3); }
.pb-4 { padding-bottom: var(--p-4); }
.pb-5 { padding-bottom: var(--p-5); }

.pl-1 { padding-left: var(--p-1); }
.pl-2 { padding-left: var(--p-2); }
.pl-3 { padding-left: var(--p-3); }
.pl-4 { padding-left: var(--p-4); }
.pl-5 { padding-left: var(--p-5); }

/* Extra specific utility to match margin's mb-50 */
.pb-50 { padding-bottom: 50px; }

.mw-100	{
	max-width: 100% !important;
}

/* +++++++ortak kullanılan alanları bitiş+++++++ */

/* webinar sayfası */
.webinarindex .container {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 20px;					
	border-radius: 8px;	
}
.webinarindex .card-title-no {
    font-size: 1.4em;
	margin-bottom: 10px;
}
.webinarindex .row-2 {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 50px;
	padding: 20px 0;
}

.webinarindex .card {
	display: flex;
	flex-direction: column;				  
	text-align: left;
	margin:25px 0;
}

.webinarindex .card-title{
	min-height: 145px;
}
.webinarindex .card-title h3, .webinarindex .card-title h3 a {
    font-size: 1.8rem;
    text-decoration: none;
    color: #262626;
}
.webinarindex .card-content {
	font-size: 1.2rem;
}
.webinarindex .card-content p {
    margin-top: 20px;
    line-height: 1.4;
}
.webinarindex .card-content ul {
    padding-left: 18px;
}
.webinarindex .card img {
	margin: 16px 0;
	max-width: 100%;
	height: auto;
}

/* 8. Satır: Yazı alanı */
.webinarindex .row-8 {
	text-align: center;
	margin: 50px 0 0 0;
}
.webinarindex .form-margin {
	margin:0 250px 0 250px;
}

/* 9. Satır: Üç sütun, her birinde resim */
.webinarindex .row-9 {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
	text-align: center;
	align-items: center;
}
.webinarindex .row-9 img {
	max-width: 100%;
	height: auto;
}

.webinarindex-bg{
	background-color: #daede5;
	min-width:100%;
}

/* Mobil uyumluluk: küçük ekranlarda sütunlar alt alta */
@media (max-width: 1279px) {
	.webinarindex .container .row-2 {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (max-width: 760px) {
	.webinarindex .card {
		margin: 25px;
	}
	.webinarindex .card .card-title {
		min-height: auto;
	}
	.webinarindex .container .row-1 {
		grid-template-columns: 1fr;
	}
	.webinarindex .container .row-2 {
		grid-template-columns: repeat(1, 1fr);
	}
	.webinarindex .container .row-9 {
		grid-template-columns: 1fr;
	}
}

/* rapor sayfası */
.rapor {
	background-color: #f5f5f5;
	width: 100%;
}

.rapor .header-section {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 20px;
	background-color: #f5f5f5;
	padding: 30px 0;
	border-radius: 8px;
}

.rapor .filters-column {
	display: flex;
	flex-direction: column;
	gap: 8px;
	font-size: 1.2rem;
}

.rapor .filter-group {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 14px;
    margin-bottom: 19px;
}
.rapor .filters-column:last-child {
	margin-bottom: 0;
}

.rapor .filter-group > a {
    border: 1px solid #333;
    padding: 4px 8px;
    font-size: 1rem;
    color: #333;
    cursor: pointer;
    text-decoration: none;
}

.rapor .filter-group > a:hover {
	background: #e9e9e9;
}

.rapor .search-box {
    display: flex;
    gap: 0px;
    align-items: center;
    margin-top: calc(1.2rem + 14px);
}

.rapor .input-group {
	display: flex;
}

.rapor .search-input {
    padding: 8px;
    border: 1px solid #333;
    border-radius: 0;
    border-right: none;
    flex-grow: 1;
    font-size: 1.2rem;
}

.rapor .search-button {
	background: #2c3e50;
	color: white;
	border: 1px solid #2c3e50;
	padding: 8px 16px;
	cursor: pointer;
	border-radius: 0;
	font-size: 1.2rem;
}

/* Kartlar */
.rapor .cards-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
    grid-auto-rows: 1fr; /* Tüm satırların eşit yükseklikte olmasını sağlar */
}

.rapor .card {
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.rapor .card-image-overlay {
	position: relative;
	width: 100%;
	height: 400px;
	overflow: hidden;
}

.rapor .card-image-overlay a {
	display: block;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	text-decoration: none;
	position: relative;
}

.rapor .card-image-overlay .card-title {
    position: absolute;
    bottom: 16px;
    left: 16px;
    right: 16px;
    color: #333;
    font-size: 1.9em;
    font-weight: normal;
    line-height: 1.3;
    padding: 12px;
    border-radius: 4px;
    margin: 0;
	background: 0px #ffffffee;
}

.rapor .card-content {
    padding: 16px 0;
    font-size: 1.2rem;
}

.rapor .card-content p {
    margin-top: 20px;
    line-height: 1.4;
	font-weight: 500;
}

.rapor .card-meta {
	font-size: 14px;
	color: #333;
	margin-bottom: 12px;
}

.rapor .card-text {
	font-size: 14px;
	color: #333;
	line-height: 1.5;
	margin-bottom: 16px;
}

.rapor .card-footer {
    padding-top: 12px;
}

.rapor .card-footer h4 {
	font-size: 1.2rem;
	margin-bottom: 8px;
}

.rapor .tur-color { 
	color:#27ae60;
}
.rapor .enerji-color { 
	color:#f39c12;
}

.rapor .card-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-bottom: 12px;
}

.rapor .card-tags a {
	border: 1px solid #333;
    padding: 4px 8px;
    font-size: 1rem;
    color: #333;
    cursor: pointer;
    text-decoration: none;
}

.rapor .card-tags a:hover {
	background: #f0f0f0;
}

/* Mobil Uyum */
@media (max-width: 1279px) {
	.rapor .cards-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (max-width: 768px) {
	.rapor .cards-grid {
		grid-template-columns: 1fr;
		padding: 0 20px;
	}
	.rapor .header-section {
		display: flex;
		align-items: flex-start;
		gap: 20px;
		background-color: #f5f5f5;
		padding: 16px;
		border-radius: 8px;
		margin-bottom: 20px;
		flex-wrap: wrap;
	}

	.rapor .input-group {
		width: calc(100vw - 40px);
	}
}

/* rapor sayfası içerik */

.rapor-icerik {
	background-color: #f5f5f5;
	padding-bottom: 50px;
}

.rapor-icerik .filters-column {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding-top: 25px;
	font-size: 1.2rem;
}

.rapor-icerik .filter-group {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 14px;
	margin-bottom: 19px;
}

.rapor-icerik .filter-group > a {
	border: 1px solid #333;
    padding: 4px 8px;
    font-size: 1rem;
    color: #333;
    cursor: pointer;
    text-decoration: none;
}

.rapor-icerik .filter-group > a:hover {
	background: #e9e9e9;
}

.rapor-icerik .tur-color { 
	color:#27ae60;
}
.rapor-icerik .enerji-color { 
	color:#f39c12;
}

/* Ana İçerik */
.rapor-icerik .report-content {
	display: grid;
	grid-template-columns: 1fr 2fr;
	gap: 50px;
}

.rapor-icerik .report-image {
	width: 100%;
	height: auto;
	overflow: hidden;
}

.rapor-icerik .report-image img {
	width: 400px;
	height: 400px;
	object-fit: cover;
}

.rapor-icerik .report-info {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}

.rapor-icerik .report-meta {
	font-size: 1.2rem;
	color: #666;
	margin-bottom: 12px;
}

.rapor-icerik .report-meta span {
	font-weight: bold;
	margin-right: 8px;
}

.rapor-icerik .report-title {
	font-size: 1.9em;
	font-weight: normal;
	margin-bottom: 12px;
	color: #333;
}

.rapor-icerik .report-text {
	font-size: 1.2rem;
	color: #333;
	margin-bottom: 16px;
	line-height: 1.4;
	font-weight: 500;
}

.rapor-icerik .report-text p {
	margin-top: 20px;
	line-height: 1.4;
}

.rapor-icerik .wp-block-file a {
	color: #333;
	font-size: 1.2rem;
}

.rapor-icerik .download-link:hover {
	color: #0056b3;
}

/* Mobil Uyum */
@media (max-width: 760px) {
	.rapor-icerik {
		margin-top: 30px;
	}
	.rapor-icerik .container {
		padding: 0 20px;
	}
	.rapor-icerik .report-content {
		display: grid;
		grid-template-columns: 1fr;
	}
	.rapor-icerik .report-image {
		height: 200px;
	}
	.rapor-icerik .report-image img {
		width: 100%;
		height: 500px;
		object-fit: cover;
	}
}

/* uygulama index */

.uygulama-index .header-banner-bg {
	background-color: #27ae60;
}

.uygulama-index .header-banner {
	color: white;
	padding: 30px 0px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
}

.uygulama-index .banner-text {
	font-size: 1.2rem;
	max-width: 70%;
}

.uygulama-index .banner-button {
	background: #231e4c;
	color: white;
	border: none;
	padding: 10px 80px;
	cursor: pointer;
	font-size: 1.4rem;
	font-weight: 400;
}

.uygulama-index .banner-button:hover {
	background: #191535;
}

.uygulama-index .header-section {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 20px;			
	padding: 30px 0px;
	border-radius: 8px;
	margin-bottom: 20px;	
}

.uygulama-index .filters-column {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.uygulama-index .filter-group {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.uygulama-index .filter-group > a {
	border: 1px solid #333;
    padding: 4px 8px;
    font-size: 1rem;
    color: #333;
    cursor: pointer;
    text-decoration: none;
}

.uygulama-index .filter-group > a:hover {
	background: #e9e9e9;
}

.uygulama-index .search-box {
	display: flex;
	gap: 0px;
	align-items: center;
	margin-top: calc(1.2rem + 14px);
}

.uygulama-index .input-group {
	display: flex;
}

.uygulama-index .search-input {
	padding: 8px;
	border: 1px solid #333;
	border-radius: 0;
	border-right: none;
	flex-grow: 1;
	font-size: 1.2rem;
}

.uygulama-index .search-button {
	background: #2c3e50;
	color: white;
	border: 1px solid #2c3e50;
	padding: 8px 16px;
	cursor: pointer;
	border-radius: 0;
	font-size: 1.2rem;
}

.uygulama-index .cards-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 50px;
}

.uygulama-index .card {          
	overflow: hidden;	
	background-color: #f4f0e6;			
}

.uygulama-index .card img {
	width: 100%;
	height: auto;
	object-fit: cover;
}

.uygulama-index .card-content {
	padding: 20px;
}
.uygulama-index .card-content a {
	text-decoration: none;
}
.uygulama-index .card-content p {
	margin-top: 20px;
	line-height: 1.4;
	font-size: 1.2rem;
}

.uygulama-index .card-title {
	font-size: 1.9em;
	font-weight: bold;
	margin-bottom: 20px;
	color: #333;
	line-height: 1.2;
}

.uygulama-index .card-text {
	font-size: 1.2rem;
	color: #555;
	line-height: 1.4;
	margin-bottom: 12px;
	font-weight: 500;
}

.uygulama-index .card-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin: 18px 0 0;
}

.uygulama-index .card-tags a {
	border: 1px solid #333;
    padding: 4px 8px;
    font-size: 1rem;
    color: #333;
    cursor: pointer;
    text-decoration: none;
}

.uygulama-index .card-tags a:hover {
	background: #e9e9e9;
}

/* Mobil Uyum */
@media (max-width: 1279px) {
	.uygulama-index .cards-grid {
		grid-template-columns: repeat(2, 1fr);
		padding: 20px;
	}
}
@media (max-width: 760px) {
	.uygulama-index .header-banner {
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
		padding: 20px;
	}
	
	.uygulama-index .banner-text {
		max-width: 100%;
	}
		
	.uygulama-index .cards-grid {
		grid-template-columns: 1fr;
		padding: 20px;
	}
	
	.uygulama-index .header-section {
		flex-direction: column;
		align-items: stretch;
		padding: 20px;
	}
	
	.uygulama-index .search-box {
		width: 100%;
	}
	.uygulama-index .input-group {
		width: calc(100vw - 40px);
	}
	.uygulama-index .banner-button {
		width: 100%;
	}
	.uygulama-index .filter-group {
		padding-top: 10px;
	}
	.uygulama-index .filter-group > a {
		margin: 0;
	}
}

/* uygulama icerik (single) */

.uygulama-icerik .header-banner-bg {
	background-color: #27ae60;
}

.uygulama-icerik .header-banner {
	color: white;
	padding: 30px 0px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
}

.uygulama-icerik .banner-text {
	font-size: 1.2rem;
	max-width: 70%;
}

.uygulama-icerik .banner-button {
	background: #231e4c;
	color: white;
	border: none;
	padding: 10px 80px;
	cursor: pointer;
	font-size: 1.4rem;
	font-weight: 400;
}
.uygulama-icerik .banner-button:hover {
	background: #191535;
}

.uygulama-icerik .header-section {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 20px;			
	padding: 30px 0px;
	border-radius: 8px;
	margin-bottom: 20px;	
}

.uygulama-icerik .filters-column {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.uygulama-icerik .filter-group {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.uygulama-icerik .filter-group > a {
	border: 1px solid #333;
    padding: 4px 8px;
    font-size: 1rem;
    color: #333;
    cursor: pointer;
    text-decoration: none;
}

.uygulama-icerik .filter-group > a:hover {
	background: #e9e9e9;
}

.uygulama-icerik .search-box {
	display: flex;
	gap: 0px;
	align-items: center;
	margin-top: calc(1.2rem + 14px);
}

.uygulama-icerik .input-group {
	display: flex;
}

.uygulama-icerik .search-input {
	padding: 8px;
	border: 1px solid #333;
	border-radius: 0;
	border-right: none;
	flex-grow: 1;
	font-size: 1.2rem;
}

.uygulama-icerik .search-button {
	background: #2c3e50;
	color: white;
	border: 1px solid #2c3e50;
	padding: 8px 16px;
	cursor: pointer;
	border-radius: 0;
	font-size: 1.2rem;
}

.uygulama-icerik .main-content {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 50px;
    padding: 20px 50px;
    border-radius: 8px;
}

.uygulama-icerik .image-section {
	position: relative;
}

.uygulama-icerik .image-gallery {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.uygulama-icerik .gallery-image {
	width: 100%;
	height: auto;
	display: block;
	transition: opacity 0.3s ease;
}

.uygulama-icerik .image-nav {
	position: absolute;      
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	gap: 6px;
	margin-top: 20px;
}

.uygulama-icerik .image-nav span {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #ccc;
	cursor: pointer;
}

.uygulama-icerik .image-nav span.active {
	background: #27ae60;
}

.uygulama-icerik .text-section {
	padding-left: 20px;
}

.uygulama-icerik .company-logo {
	margin-bottom: 20px;
	max-width: 200px;
}

.uygulama-icerik .company-logo img {
	width: 100%;
	height: auto;
	object-fit: contain;
}

.uygulama-icerik .section-title {
	font-size: 1.9em;
	font-weight: bold;
	color: #333;
	margin-bottom: 16px;
}

.uygulama-icerik .project-info {
	margin-bottom: 20px;
}

.uygulama-icerik .project-info p {
	margin: 4px 0;
	font-size: 1.2rem;
	color: #555;
}

.uygulama-icerik .project-info strong {
	display: inline-block;
	width: 180px;
	font-weight: bold;
	color: #333;
}

.uygulama-icerik .project-details {
	margin-top: 20px;
	font-size: 1.2rem;
	color: #333;
	text-align: justify;
}

.uygulama-icerik .project-details p {
	margin-top: 20px;
	line-height: 1.4;
	font-size: 1.2rem;
}

.uygulama-icerik .attachments {
	margin-top: 30px;
	padding-top: 20px;      
}

.uygulama-icerik .attachments h3 {
	font-size: 1.4rem;
	margin-bottom: 10px;
	color: #333;
}

.uygulama-icerik .attachments ul {
	list-style-type: none;
	padding-left: 20px;
}

.uygulama-icerik .attachments li {
	margin: 6px 0;
	font-size: 1.2rem;
	color: #555;
}

/* Mobil Uyum */
@media (max-width: 760px) {
	.uygulama-icerik .main-content {
		grid-template-columns: 1fr;
	}

	.uygulama-icerik .header-section {
		padding: 20px;
		flex-direction: column;
	}
	
	.uygulama-icerik .text-section {
		padding-left: 0;
		margin-top: 20px;
	}
	
	.uygulama-icerik .banner-text {
		max-width: 100%;
	}
	
	.uygulama-icerik .header-banner {
		flex-direction: column;
		align-items: flex-start;
		gap: 20px;
		padding: 20px;
		margin: 25px 0;
	}
	.uygulama-icerik .banner-button {
		display: block;
		width: calc(100vw - 40px);
	}
	.uygulama-icerik .input-group {
		display: flex;
		width: calc(100vw - 40px);
	}
}

/* İşbirliği Archive Sayfası Stilleri */
.isbirligi-index .header-banner-bg {
	background-color: #231e4c;
	padding: 40px 0;
}

.isbirligi-index .header-banner {
	padding: 0;
}

.isbirligi-index .header-banner-second .banner-text {
	font-size: 1rem !important;
	font-weight: normal !important;
}

.isbirligi-index .banner-text {
	color: #fff;
    font-size: 1.85rem;
    font-weight: 700;
}
.isbirligi-index .banner-text p {
	margin-top: 20px;
	line-height: 1.4;
}

.isbirligi-index .banner-button {
	background-color: #27ae60;
	color: #fff;
	border: none;
	padding: 10px 80px;
	font-size: 1.4rem;
	cursor: pointer;
	border-radius: 0;
	font-weight: 400;
}

.isbirligi-index .banner-button:hover {
	background-color: #1d7e45;
}

.isbirligi-index .filters {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	padding: 30px 0;
	align-items: center;
}

.isbirligi-index .filter-btn {
	border: 1px solid #333;
    padding: 4px 8px;
    font-size: 1rem;
    color: #333;
    cursor: pointer;
    text-decoration: none;
}

.isbirligi-index .filter-btn:hover {
	background-color: #e9e9e9;
}


.isbirligi-index .sort-btn {
	border: 1px solid #333;
    padding: 4px 8px;
    font-size: 1rem;
    color: #333;
    cursor: pointer;
    text-decoration: none;
	margin-left: auto;
}

.isbirligi-index .sort-btn:hover {
	background-color: #e9e9e9;
}

.isbirligi-index .main-content {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 50px;
	padding: 20px 0;
	margin-top: 20px;
	align-items: start;
}

.isbirligi-index .card {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.isbirligi-index .card-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 15px;
	padding: 0;
}

.isbirligi-index .card-header .card-title a {
	border: 1px solid #333;
    padding: 4px 8px;
    font-size: 1rem;
    color: #333;
    cursor: pointer;
    text-decoration: none;
	font-weight: normal;
}

.isbirligi-index .card-header .card-date span {
	border: 1px solid #333;
    padding: 4px 8px;
    font-size: 1rem;
    color: #333;
    text-decoration: none;
}

.isbirligi-index .card-purple,
.isbirligi-index .card-green {
	padding: 25px;
	padding-bottom: 90px;
	border-radius: 8px;
	display: flex;
	flex-direction: column;
	gap: 20px;
	flex: 1;
	position: relative;
}

.isbirligi-index .card-purple {
	background-color: #dbdaef;
}

.isbirligi-index .card-green {
	background-color: #d5f4e6;
}

.isbirligi-index .card-inner-header {
	margin-bottom: 10px;
}

.isbirligi-index .card-inner-header-title {
	font-size: 1.8em;
	line-height: 1.2;
	margin: 0;
	font-weight: 700;
}

.isbirligi-index .card-inner-header-title a {
	color: #333;
	text-decoration: none;
}


.isbirligi-index .card-section .card-text {
	font-size: 1.2rem;
	line-height: 1.4;
	font-weight: 500;
	margin: 0;
	color: #333;
}
.isbirligi-index .card-section .card-text p {
	margin-top: 20px;
}
.isbirligi-index .card-section .card-text p:first-child {
	margin: 0;
}

.isbirligi-index .contact-link {
	display: inline-block;
	color: #231e4c;
	text-decoration: underline;
	font-size: 1.2rem;
	font-weight: 600;
	transition: color 0.3s;
	position: absolute;
	bottom: 25px;
	left: 25px;
}

/* Mobile Responsive */
@media (max-width: 1279px) {
	.isbirligi-index .card-header {
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
	}

	.isbirligi-index .card-header .card-title a {
		display: block;
		width: calc(50vw - 70px);
	}

	.isbirligi-index .card-header .card-date {
		display: block;
		width: calc(50vw - 70px);
		text-align: right;
		margin-top: 10px;
	}
}
@media (max-width: 760px) {
	.isbirligi-index .header-banner {
		flex-direction: column;
		gap: 20px;
		text-align: center;
	}

	.isbirligi-index .banner-text {
		max-width: 100%;
	}

	.isbirligi-index .filters {
		flex-direction: column;
		align-items: stretch;
		margin: 0 15px;
	}

	.isbirligi-index .sort-dropdown {
		margin-left: 0;
	}

	.isbirligi-index .main-content {
		grid-template-columns: 1fr;
	}

	.logo-left img {
		width: 90%;
	}

	.header-top {
		padding: 20px 20px;
	}

	.menu-icon {
		left: 20px;
	}

	.dropdown-menu {
		left: 20px;
	}

	.isbirligi-index .card {
		margin: 0 15px;
		width: calc(100vw - 30px);
	}
	.isbirligi-index .card-header {
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
	}

	.isbirligi-index .card-header .card-title a {
		display: block;
		width: calc(100vw - 30px);
	}

	.isbirligi-index .card-header .card-date {
		display: block;
		width: calc(100vw - 30px);
		text-align: right;
		margin-top: 10px;
	}
	
}

/* Footer Stilleri */
.footer-box {
	background-color: #221e40;
	color: white;
	padding: 50px 20px;
	width: 100%;
}

.footer-margin-top {
	margin-top: 115px;
}

.footer-container {
	max-width: 1200px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 30px;
}

.footer-logo {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}

.footer-logo-left, .footer-logo-right {
    height: 75px;
    display: flex;
    flex-direction: column;
    justify-content: end;
	margin-bottom: 40px;
}

.footer-logo-left img {
	max-width: 210px;
}

.footer-logo-left .custom-logo {
	max-width: 100%;
	width: auto;
	margin-right: 10px;
	margin-bottom: 30px;
}

.footer-logo-right img {
	max-width: 155px;
}

.footer-column p {
	font-size: 14px;
	margin-bottom: 12px;
}

.footer-column a {
	display: block;
	color: #eee;
	text-decoration: none;
	font-size: 14px;
	margin-bottom: 8px;
}

.footer-column a:hover {
	color: #fff;
	text-decoration: underline;
}

.social-icons {
	display: flex;
	gap: 20px;
	margin-top: 25px;
}

.social-icons a {
	color: white;
	font-size: 25px;
	text-decoration: none;
}

.social-icons a:hover {
	color: #ddd;
}

.contact-info {
	font-size: 17px;
	line-height: 1.6;
}

.contact-info .phone-top {
	margin-top: 20px;
}

.contact-info p {
	margin-bottom: 1px;
}
.footer-bottom {
    text-align: center;
    padding: 25px 0;
    font-size: 14px;
}
@media (max-width: 760px) {
	
}

/* Footer Mobil Uyum */
@media (max-width: 760px) {
	.footer-container {
		grid-template-columns: 1fr;
	}

	.footer-margin-top {
		margin-top: 10px;
	}

	.footer-logo {
		justify-content: left;
	}

	.social-icons {
		justify-content: left;
	}

	.footer-logo-right img {
		margin-top: 1px;
	}
	.footer-bottom {
		font-size: 1.2rem;
		padding: 15px 0;
	}
	.footer-logo-left img {
		max-width: 460px;
		width: 100%;
		margin-right: 10px;
		margin-bottom: 30px;
	}

	.footer-logo-left .custom-logo {
		max-width: 460px;
		width: auto;
		margin-right: 10px;
		margin-bottom: 30px;
	}

	.footer-logo-right img {
		max-width: 460px;
		width: 100%;
		margin-right: 10px;
		margin-bottom: 30px;
		margin-top: 5px;
	}
}

/* Duyuru Archive Stilleri */
.duyuru-index {
	background-color: #f5f5f5;
	padding-bottom: 50px;
}

.duyuru-index .card-header {
	position: relative;
	margin-bottom: 16px;
}

.duyuru-index .card-header button {
	border: 1px solid #333;
	padding: 6px 12px;
	cursor: pointer;
	font-size: 12px;
	background: white;
}

.duyuru-index .card-header button:hover {
	background: #e9e9e9;
}

.duyuru-index .card-title a {
	border: 1px solid #333;
    padding: 4px 8px;
    font-size: 1rem;
    color: #333;
    cursor: pointer;
    text-decoration: none;
	font-weight: normal;
}

.duyuru-index .header-section {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 20px;
	padding: 30px 0px;
	border-radius: 8px;
	margin-bottom: 20px;
}

.duyuru-index .filters-column {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.duyuru-index .filter-group {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.duyuru-index .filter-group > a {
	border: 1px solid #333;
    padding: 4px 8px;
    font-size: 1rem;
    color: #333;
    cursor: pointer;
    text-decoration: none;
}

.duyuru-index .filter-group > a:hover {
	background: #e9e9e9;
}

.duyuru-index .search-box {
	display: flex;
	gap: 0px;
	align-items: center;
	margin-top: calc(1.2rem + 14px);
}

.duyuru-index .input-group {
	display: flex;
}

.duyuru-index .search-input {
	padding: 8px;
	border: 1px solid #333;
	border-radius: 0;
	border-right: none;
	flex-grow: 1;
	font-size: 1.2rem;
}

.duyuru-index .search-button {
	background: #2c3e50;
	color: white;
	border: 1px solid #2c3e50;
	padding: 8px 16px;
	cursor: pointer;
	border-radius: 0;
	font-size: 1.2rem;
}

.duyuru-index .events-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 50px;
}

.duyuru-index .event-image {
	width: 100%;
	height: 200px;
	overflow: hidden;
}

.duyuru-index .event-image a {
	display: block;
	width: 100%;
	height: 100%;
}

.duyuru-index .event-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.duyuru-index .event-content {
	padding: 16px 0;
}

.duyuru-index .event-content p {
	margin-top: 20px;
	line-height: 1.4;
	font-size: 1.2rem;
}

.duyuru-index .event-title {
	font-size: 1.8rem;
	color: #333;
	margin-bottom: 8px;
	line-height: 1.2;
	padding: 20px 0;
}

.duyuru-index .event-title a {
	color: #333;
	text-decoration: none;
	font-weight: 400;
}

.duyuru-index .event-title a:hover {
	color: #2c3e50;
}

.duyuru-index .event-text {
	font-size: 14px;
	color: #555;
	line-height: 1.5;
}

/* Duyuru Mobil Uyum */
@media (max-width: 1279px) {
	.duyuru-index .events-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (max-width: 760px) {
	.duyuru-index {
		margin-top: 30px;
	}
	.duyuru-index .events-grid {
		grid-template-columns: 1fr;
		padding: 20px;
	}

	.duyuru-index .header-section {
		display: flex;
		justify-content: space-between;
		flex-direction: column;
		align-items: stretch;
		gap: 20px;
		padding: 20px;
		border-radius: 8px;
		margin-bottom: 40px;
	}
	.duyuru-index .filter-group {
		padding-top: 10px;
	}
	.duyuru-index .filter-group > a {
		margin: 0;
	}
	.duyuru-index .input-group {
		width: calc(100vw - 40px);
	}
}

/* wpforms */
div.wpforms-container-full .wpforms-form .wpforms-field-label {
    display: block;
    font-weight: 400;
    font-size: 1.2rem;
    float: none;
    line-height: 1.3;
    margin: 0 0 4px 0;
    padding: 0 0 0 20px;
	margin-top: 10px;
}
div.wpforms-container-full .wpforms-form h3 {
    font-size: 1.3rem;
}
div.wpforms-container-full .wpforms-form .wpforms-field-description {
    padding-left: 20px;
}
div.wpforms-container-full .wpforms-form button[type=submit] {
	background-color: #231e4c;
	border: none;
	color: #fff;
	cursor: pointer;
	font-size: 1.2rem;
	padding: 10px 30px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	margin-top: 15px;
}
.wpforms-submit-container {
	text-align: center !important;
}


/* Custom Pagination Styles */
.custom-pagination {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	justify-content: center;
	align-items: center;
	padding: 40px 0;
}

.custom-pagination .page-numbers {
	border: 1px solid #333;
	padding: 8px 12px;
	font-size: 14px;
	color: #333;
	text-decoration: none;
	background: white;
	transition: background 0.2s;
	display: inline-block;
	min-width: 40px;
	text-align: center;
}

.custom-pagination .page-numbers:hover {
	background: #f0f0f0;
}

.custom-pagination .page-numbers.current {
	background: #211d49;
	color: white;
	border-color: #211d49;
}

.custom-pagination .page-numbers.dots {
	border: none;
	padding: 8px 4px;
}

.custom-pagination .prev,
.custom-pagination .next {
	font-weight: 500;
}