/*
Theme Name: HCetinTheme
Description: HCetinPlugin ile birlikte çalışan ince companion tema. Kendi header/footer'ını basmaz; bu bölgelerin denetimini eklentiye bırakır. Elementor ile uyumludur.
Author: H.Cetin
Version: 1.0
Text Domain: hc_theme1
*/

*, *::before, *::after {
    box-sizing: border-box;
}

html {
	overflow-x: clip;
}

body {
	margin: 0;padding:0;
	font-family: 'Open Sans', Arial, sans-serif;
	background: #fff;
	color: #222;
	/* Tam genişlik (full-bleed) bölümlerin 100vw taşmasını kırp; sticky header'ı bozmaz. */
	overflow-x: clip;
	max-width: 100%;
}

table,
tr,
td,
ul {
	padding: 0;
	margin: 0;
	border-spacing: 0;
	border-collapse: collapse;
}

ul {
	margin: 0;
	padding: 0;
}

img {
	border: none;
}

a {
	color: #222;text-decoration: none;
}

textarea,
input,
select {
	outline: none;
}

header,
footer,
article,
section,
aside,
nav {
	display: block;
}

p {
	padding: 0;
	margin: 0;
}

ul {
	list-style-position: inside;
	padding-left: 0;
}

.clear {
	clear: both;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	padding: 0;
	margin: 0;
	font-weight: normal;
	font-size: 1rem;
}

@media only screen and (max-width:1000px) {}

@media only screen and (max-width:600px) {
	html {
		font-size: 90%;
	}
}

@media only screen and (min-width:1200px) {
	::-webkit-scrollbar {
		width: 10px;
	}

	::-webkit-scrollbar-track {
		background: #f1f1f1;
	}

	::-webkit-scrollbar-thumb {
		background: #888;
	}

	::-webkit-scrollbar-thumb:hover {
		background: #555;
	}
}





.hc-site {
    min-height: 50vh;
}

.hc-main {
    max-width: 1140px;
    margin: 0 auto;
    padding: 40px 20px;
}

/* Anasayfa ve "Tam genişlik" sayfaları — bölümler kenardan kenara yayılsın. */
body.home .hc-main,
body.hc-fullwidth .hc-main {
    max-width: none;
    padding: 0;
}

.hc-entry-header {
    text-align: center;
    margin: 0 0 40px;
}
.hc-entry-title,
.hc-archive-title {
    margin: 0;
    font-size: clamp(28px, 4vw, 44px);
    font-weight: 800;
    letter-spacing: -.02em;
    line-height: 1.15;
    color: #0e2a47;
}
.hc-entry-title::after {
    content: "";
    display: block;
    width: 56px;
    height: 4px;
    border-radius: 4px;
    background: #16b5a3;
    margin: 16px auto 0;
}

.hc-entry-thumb {
    margin: 0 0 24px;
}

.hc-list-item {
    padding: 18px 0;
    border-bottom: 1px solid #eee;
}

.hc-list-title {
    margin: 0 0 8px;
}

.hc-list-title a {
    text-decoration: none;
}

/* ---- Blog: arşiv / liste başlığı ---- */
.hc-archive-header {
    text-align: center;
    margin: 0 0 48px;
}
.hc-archive-title {
    margin-bottom: 0;
}

/* ---- Blog: tek yazı meta'sı ---- */
.hc-entry-meta {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    margin: 0 0 14px;
    font-size: 13px;
    color: #7a8a99;
}
.hc-entry-cat {
    color: #16b5a3;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em;
    font-size: 12px;
}

/* ---- Blog: tek yazı okuma genişliği + tipografi ---- */
.single-post .hc-entry-content {
    max-width: 760px;
    margin: 0 auto;
    font-size: 17px;
    line-height: 1.8;
    color: #2c3a47;
}
.single-post .hc-entry-content > * + * {
    margin-top: 1.25em;
}
.single-post .hc-entry-content h2 {
    font-size: 26px;
    font-weight: 800;
    color: #0e2a47;
    line-height: 1.25;
    margin-top: 1.6em;
}
.single-post .hc-entry-content h3 {
    font-size: 21px;
    font-weight: 700;
    color: #0e2a47;
    margin-top: 1.4em;
}
.single-post .hc-entry-content a {
    color: #16b5a3;
    text-decoration: underline;
    text-underline-offset: 2px;
}
.single-post .hc-entry-content img {
    max-width: 100%;
    height: auto;
    border-radius: 12px;
}
.single-post .hc-entry-content blockquote {
    margin: 1.5em 0;
    padding: 4px 0 4px 22px;
    border-left: 4px solid #16b5a3;
    color: #46586a;
    font-style: italic;
}
.single-post .hc-entry-content ul,
.single-post .hc-entry-content ol {
    padding-left: 1.4em;
    list-style-position: outside;
}
.single-post .hc-entry-content li + li {
    margin-top: .4em;
}

/* ---- Blog: sayfalama (the_posts_pagination) ---- */
.pagination {
    margin: 44px 0 0;
    text-align: center;
}
.pagination .nav-links {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center;
}
.pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 42px;
    height: 42px;
    padding: 0 12px;
    border-radius: 10px;
    border: 1px solid #e3e9ee;
    color: #0e2a47;
    font-weight: 600;
    transition: background .2s, color .2s, border-color .2s;
}
.pagination .page-numbers:hover {
    border-color: #16b5a3;
    color: #16b5a3;
}
.pagination .page-numbers.current {
    background: #16b5a3;
    border-color: #16b5a3;
    color: #fff;
}