/* Tasarımın (main.css) üzerine eklenen site özel stilleri. */

/* Logo: gece modunda beyaz logo, gündüz modunda lacivert logo */
.header .header-inner .logo img { height: 37px; width: auto; display: block; }
.header .header-inner .logo .logo-for-day { display: none; }
body.day .header .header-inner .logo img { filter: none; }
body.day .header .header-inner .logo .logo-for-dark { display: none; }
body.day .header .header-inner .logo .logo-for-day { display: block; }

/* Reklam alanları: yalnızca kod eklendiğinde basılır, boyutu reklamın kendisi belirler */
.ad-slot { overflow: hidden; text-align: center; }
.ad-slot.banner, .ad-slot.banner-1, .ad-slot.banner-2 { height: auto !important; min-height: 0; }
.ad-slot.left, .ad-slot.right { height: auto !important; min-height: 0; }
.content-page > .ad-slot.banner, .contact > main > .ad-slot.banner,
main > .ad-slot.banner { max-width: 970px; margin: 15px auto 0; }
.post-ad { margin: 25px 0; }
@media screen and (max-width: 800px) { .ad-hide-mobile { display: none !important; } }
@media screen and (min-width: 801px) { .ad-hide-desktop { display: none !important; } }

/* Kalan süre butonu (Sil / Yenile / Anahtar ile aynı sırada) */
.email-button-area .time-button { position: relative; }
.email-button-area .time-button .key-tooltip { width: max-content; }
.email-container .email-button-area .time-button #expiryLeft { font-variant-numeric: tabular-nums; letter-spacing: 0.5px; }
.email-container .email-button-area .time-button.is-low #expiryLeft { color: #e74c3c; }
.mailbox-error { margin-top: 12px; color: #ff8a80; font-size: 14px; text-align: center; }
.turnstile-box { display: flex; justify-content: center; margin-top: 12px; }
.turnstile-box[hidden] { display: none; }
#key-value { letter-spacing: 0.5px; }

/* Gelen kutusu satırları */
.email-list-container .center .email-list .email a .sender .sender-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.email-list-container .center .email-list .email.is-read .circle { opacity: 0; }
.email-list-container .center .email-list .email.is-new { animation: mailIn 0.6s ease; }
@keyframes mailIn { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }

/* Ana sayfa başlığı ve "Devamını oku" */
.home-title { font-size: 26px; font-weight: 700; margin: 30px 0 5px; }
.info-intro p { margin-bottom: 12px; }
.read-more { position: relative; }
.read-more-body { max-height: 120px; overflow: hidden; position: relative; transition: max-height 0.4s ease; }
.read-more-body::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 70px; background: linear-gradient(rgba(36, 52, 71, 0), #243447); pointer-events: none; }
body.day .read-more-body::after { background: linear-gradient(rgba(246, 247, 249, 0), #f6f7f9); }
.read-more.open .read-more-body { max-height: none; }
.read-more.open .read-more-body::after { display: none; }
.read-more-body h1, .read-more-body h2, .read-more-body h3 { font-weight: 700; margin: 18px 0 8px; line-height: 1.3; }
.read-more-body h1 { font-size: 24px; } .read-more-body h2 { font-size: 20px; } .read-more-body h3 { font-size: 17px; }
.read-more-body p { margin-bottom: 12px; }
.read-more-body ul, .read-more-body ol, .content-body ul, .content-body ol { margin: 0 0 14px 22px; list-style: disc; }
.read-more-body ol, .content-body ol { list-style: decimal; }
.read-more-body li, .content-body li { margin-bottom: 6px; }
.read-more-toggle { display: block; margin: 6px auto 0; background: none; border: 0; padding: 4px 8px; cursor: pointer; font-family: inherit; font-size: 13px; color: inherit; opacity: 0.5; text-decoration: underline; text-underline-offset: 3px; transition: opacity 0.2s ease; }
.read-more-toggle:hover { opacity: 0.85; }
.blog-more { text-align: center; margin: 5px 0 20px; }
.blog-more a { color: inherit; opacity: 0.6; font-size: 14px; }
.blog-more a:hover { opacity: 1; }

/* Mail detay */
.email-detail .center .email-detail-inner .top { gap: 15px; }
.email-detail .center .email-detail-inner .top .mail-subject { color: #1b2836; font-weight: 500; font-size: 15px; margin-bottom: 3px; word-break: break-word; }
.email-detail .center .email-detail-inner .top .mail-from { word-break: break-all; }
.email-detail .center .email-detail-inner .top time { white-space: nowrap; }
.email-detail .center .email-detail-inner .content { padding: 0; }
.mail-frame { display: block; width: 100%; min-height: 300px; border: 0; background: #fff; }
.detail-button { display: inline-flex; align-items: center; gap: 6px; }

/* İçerik sayfaları ve blog */
.content .content-body h2, .content .content-body h3 { font-weight: 600; margin: 20px 0 10px; line-height: 1.3; }
.content .content-body h2 { font-size: 22px; } .content .content-body h3 { font-size: 18px; }
.content .content-body img { max-width: 100%; height: auto; border-radius: 6px; }
.content .content-body blockquote { border-left: 3px solid #27ae60; padding: 4px 0 4px 15px; margin: 0 0 20px; opacity: 0.9; }
.content .content-body table { width: 100%; border-collapse: collapse; margin-bottom: 20px; }
.content .content-body td, .content .content-body th { border: 1px solid rgba(255, 255, 255, 0.15); padding: 8px; }
body.day .content .content-body td, body.day .content .content-body th { border-color: #dadfe7; }
body.day .content .content-body { color: #243447; }
body.day .content .content-body a { color: #407fff; }
.blog-page { padding: 10px 15px 30px; }
.blog-intro { text-align: center; max-width: 728px; margin: 10px auto 0; opacity: 0.85; line-height: 1.7; }
.blog-empty { text-align: center; padding: 40px 0; opacity: 0.7; }
.blog-item a img { display: block; }
.post .post-meta { opacity: 0.6; font-size: 14px; margin: 6px 0 18px; }
.post .post-image { width: 100%; max-height: 420px; object-fit: cover; border-radius: 8px; margin-bottom: 20px; }
.post .post-body p { font-weight: 400; }
.breadcrumbs { font-size: 13px; opacity: 0.7; margin-bottom: 10px; }
.breadcrumbs a { color: inherit; }

/* Sayfalama */
.pagination { display: flex; justify-content: center; gap: 6px; margin: 10px 0 30px; flex-wrap: wrap; }
.pagination a, .pagination span { min-width: 36px; height: 36px; display: inline-flex; align-items: center; justify-content: center; border-radius: 6px; background: #1b2836; color: #fff; text-decoration: none; font-size: 14px; padding: 0 8px; }
.pagination .active { background: #27ae60; }
.pagination .disabled { opacity: 0.4; }
body.day .pagination a, body.day .pagination span { background: #e7e9ef; color: #243447; }
body.day .pagination .active { background: #27ae60; color: #fff; }

/* Formlar */
.form-message { font-size: 14px; margin-bottom: 15px; display: none; }
.form-message.show { display: block; }
.form-message.error { color: #e74c3c; }
.form-message.success { color: #27ae60; }
.form-button[disabled] { opacity: 0.6; cursor: wait; }
.hp-field { position: absolute !important; left: -10000px !important; width: 1px; height: 1px; overflow: hidden; }
.pop-up .contact-form { width: 100%; }
.pop-up .contact-form .form-group input { background: #f1f3f6; color: #243447; }
.pop-up .contact-form .form-group input::placeholder { color: #8c92a5; }
@media screen and (max-width: 800px) { .contact-form { width: 100%; } }
@media screen and (max-width: 500px) { .pop-up { left: 10px; right: 10px; max-width: none; } }

/* Footer */
.footer-copy { text-align: center; font-size: 12px; opacity: 0.4; padding: 0 15px 20px; }
.footer .footer-inner { padding-bottom: 40px; }
.footer .footer-inner .languages .languages-list ul li a { display: flex; align-items: center; }
.footer .footer-inner .languages .language-item img { border-radius: 50%; }

/* Toast */
.gm-toast { position: fixed; left: 50%; bottom: 24px; transform: translateX(-50%) translateY(20px); background: #1b2836; color: #fff; padding: 10px 18px; border-radius: 6px; font-size: 14px; opacity: 0; transition: all 0.3s ease; z-index: 10000; box-shadow: 0 6px 24px rgba(0, 0, 0, 0.3); pointer-events: none; }
.gm-toast.show { opacity: 1; transform: translateX(-50%) translateY(0); }
.gm-toast.error { background: #c0392b; }

/* hidden özniteliği tasarımdaki display kurallarını ezsin */
[hidden] { display: none !important; }

/* Boş doğrulama kutusu (Turnstile kapalıyken) yer kaplamasın */
.turnstile-box:empty { display: none !important; }
.pop-up .contact-form .form-group { margin-bottom: 14px; }
.pop-up .contact-form .form-button { margin-top: 16px; }

/* Silme onay penceresi */
.confirm-pop-up .confirm-actions { display: flex; justify-content: flex-end; gap: 10px; }
.confirm-pop-up button.confirm-cancel, .confirm-pop-up button.confirm-yes { border: 0; border-radius: 4px; padding: 9px 18px; cursor: pointer; font-family: inherit; font-size: 14px; }
.confirm-pop-up .confirm-cancel { background: #eef0f4; color: #4a5160; }
.confirm-pop-up .confirm-cancel:hover { background: #e2e5eb; }
.confirm-pop-up .confirm-yes { background: #cd5c5c; color: #fff; }
.confirm-pop-up .confirm-yes:hover { background: #b94a4a; }
.email-button-area .delete-button .key-tooltip, .email-button-area .refresh-button .key-tooltip { width: max-content; max-width: none; white-space: nowrap; right: auto; left: 50%; transform: translateX(-50%); }

/* Mobil header: logo, gece/gündüz düğmesi ve hamburger sığsın */
@media screen and (max-width: 800px) {
	.header .header-inner { padding: 0 15px; box-sizing: border-box; height: 52px; gap: 12px; }
	.header .header-inner .logo { margin-right: auto; min-width: 0; }
	.header .header-inner .logo img { height: 30px; }
	.header .header-inner .day-night { margin-right: 0; flex-shrink: 0; }
	.header .header-inner .hamburger { flex-shrink: 0; width: 25px; height: 24px; top: 0; }
	.header .header-inner .navbar { top: 52px; }
}