/**
 * ClassiTone modern görünüm — yapıyı değiştirmeden UI iyileştirmeleri.
 */

:root {
	--cp-main: #2c3e50;
	--cp-main-dark: #1a252f;
	--cp-main-light: #34495e;
	--cp-text: #555655;
	--cp-bg: #f5f5f5;
	--cp-border: #cbd8d8;
	--cp-link: #3d5a73;
	--cp-radius: 8px;
	--cp-shadow: 0 2px 12px rgba(44, 62, 80, 0.08);
}

body {
	font-family: "Inter", Helvetica, Arial, sans-serif;
	background-color: var(--cp-bg);
	color: var(--cp-text);
	line-height: 1.55;
	-webkit-font-smoothing: antialiased;
}

/* Header — daha sade, ClassiTone mobil başlık hissi */

.header_main_bg {
	padding: 18px 0;
}

.header_main_res #logo h1 {
	font-size: 22px;
	font-weight: 700;
	letter-spacing: -0.02em;
}

.header_menu {
	box-shadow: 0 2px 8px rgba(26, 37, 47, 0.15);
}

.header_menu_res .obtn {
	border-radius: var(--cp-radius);
	font-weight: 600;
	letter-spacing: 0.01em;
	transition: background-color 0.2s ease, transform 0.15s ease;
}

.header_menu_res .obtn:hover {
	transform: translateY(-1px);
}

.header_menu_res ul li a {
	border-radius: 4px;
	transition: background-color 0.2s ease, color 0.2s ease;
}

/* İlan kartları — ClassiTone kutu stili */

.shadowblock,
.post-block-out,
.searchblock,
.paging,
.sidebar-block {
	border: 1px solid var(--cp-border);
	border-radius: var(--cp-radius);
	box-shadow: var(--cp-shadow);
}

.shadowblock_out {
	margin-bottom: 14px;
}

.post-block-out {
	transition: box-shadow 0.2s ease, border-color 0.2s ease;
}

.post-block-out:hover {
	box-shadow: 0 6px 20px rgba(44, 62, 80, 0.12);
	border-color: #b0c4c4;
}

.post-block-out .post-left img {
	border-radius: 6px;
	object-fit: cover;
}

.post-block-out h3 a {
	color: var(--cp-main);
	font-weight: 600;
	font-size: 17px;
	line-height: 1.35;
}

.post-block-out h3 a:hover {
	color: var(--cp-main-dark);
	text-decoration: none;
}

/* Tekil ilan / sayfa */

.content_left .shadowblock h1.single,
.content_left h1.single {
	color: var(--cp-main);
	font-size: 24px;
	font-weight: 700;
	line-height: 1.3;
	margin-bottom: 12px;
}

.content_botbg {
	background: var(--cp-bg);
}

/* Breadcrumb */

#breadcrumb {
	margin-bottom: 12px;
	font-size: 12px;
}

#breadcrumb .breadcrumb-trail a {
	color: var(--cp-link);
}

#breadcrumb .breadcrumb-trail a:hover {
	color: var(--cp-main);
}

/* Sidebar widget kutuları */

.content_right .shadowblock_out .shadowblock {
	padding: 12px 14px;
}

.content_right .shadowblock div.side-title h2 {
	color: var(--cp-main);
	font-size: 15px;
	font-weight: 600;
	border-bottom: 1px dashed var(--cp-border);
	padding-bottom: 8px;
}

/* Butonlar */

.btn_orange,
input[type="submit"].btn_orange,
button.btn_orange {
	border: none;
	border-radius: var(--cp-radius);
	font-weight: 600;
	transition: background-color 0.2s ease;
}

/* Sayfalama */

.pages a,
.pages span.current {
	border-radius: 6px;
}

.pages span.current {
	border: 1px solid var(--cp-main);
	color: var(--cp-main);
	font-weight: 700;
	background: #fff;
}

.pages a {
	border: none;
}

/* Footer — ClassiTone footer bar */

.footer_main {
	padding-top: 8px;
}

.footer_main_res > p {
	font-size: 12px;
}

.footer_main_res .right p {
	font-size: 11px;
	opacity: 0.85;
}

/* Arama kutusu */

.searchblock input[type="text"],
.searchblock select {
	border: 1px solid var(--cp-border);
	border-radius: 6px;
}

.searchblock input[type="text"]:focus,
.searchblock select:focus {
	border-color: var(--cp-main);
	outline: none;
	box-shadow: 0 0 0 3px rgba(44, 62, 80, 0.12);
}

/* Form alanları */

input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="url"],
textarea,
select {
	border: 1px solid var(--cp-border);
	border-radius: 6px;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="url"]:focus,
textarea:focus,
select:focus {
	border-color: var(--cp-main);
	outline: none;
	box-shadow: 0 0 0 3px rgba(44, 62, 80, 0.1);
}

/* Mobil menü select */

.tinynav {
	border-radius: 6px;
	border: 1px solid var(--cp-border);
}

/* Featured / fiyat vurgusu */

.content_res .priceblockbig p.price,
.content_left p.bigprice {
	font-weight: 700;
}