/* WordPress'e özgü eklemeler: yazı içeriği, sayfalama, Rank Math konum çubuğu, HivePress formları.
   Tasarımın kendisi style.css'te (demoyla aynı dosya). */

.gizli-odak:focus { position: fixed; left: 16px; top: 16px; width: auto; height: auto; clip: auto; z-index: 100; background: #fff; padding: 10px 16px; border-radius: 10px; box-shadow: var(--golge-m); }

/* Anasayfa başlığı: tek H1, üstte site adı */
.hero h1 .hero-ust { display: block; font-family: var(--yazi); font-size: .34em; letter-spacing: 0; font-weight: 700; color: var(--turuncu-koyu); margin-bottom: 12px; text-transform: none; }

/* Konum çubuğu (Rank Math) */
.kirinti p { margin: 0; display: flex; flex-wrap: wrap; gap: 6px 8px; align-items: center; }
.kirinti .separator { opacity: .6; }
.kirinti .last { opacity: .9; }
.blog-hero .kirinti, .yazi-ust .kirinti, .sayfa .kirinti { color: var(--gri); }
.blog-hero .kirinti a:hover, .yazi-ust .kirinti a:hover, .sayfa .kirinti a:hover { color: var(--murekkep); }
.detay-kapak .kirinti { position: relative; z-index: 1; padding-top: 24px; }

/* Sayfalar */
.sayfa { padding-block: 40px 24px; }
.sayfa-baslik h1 { font-size: clamp(2rem, 3.6vw, 2.8rem); margin-bottom: 24px; }
.sayfa-icerik { max-width: 78ch; }
.arsiv-aciklama { color: var(--gri); max-width: 70ch; margin-top: 12px; }
.sayfa-bas .arsiv-aciklama { color: #C7D0DE; }
.anasayfa-icerik { max-width: 82ch; margin-inline: auto; }
.anasayfa-icerik h2:first-child { font-size: clamp(1.8rem, 3vw, 2.4rem); }

/* Yazı içeriği (WordPress blokları) */
.icerik h1 { font-size: 1.9rem; margin: 40px 0 16px; letter-spacing: -.02em; }
.icerik > h1:first-child { margin-top: 0; }
.icerik h3 { font-size: 1.28rem; margin: 32px 0 10px; letter-spacing: -.01em; }
.icerik h4 { font-size: 1.1rem; margin: 24px 0 8px; }
.icerik h2, .icerik h3 { scroll-margin-top: 96px; }
.icerik a { color: var(--turuncu-koyu); text-underline-offset: 3px; }
.icerik img { max-width: 100%; height: auto; border-radius: var(--r-s); }
.icerik figure.wp-block-image img, .icerik .wp-block-image img { aspect-ratio: auto; object-fit: initial; }
.icerik iframe, .icerik video { max-width: 100%; border-radius: var(--r-s); }
.icerik blockquote { margin: 28px 0; padding: 18px 22px; border-left: 4px solid var(--turuncu); background: var(--turuncu-acik); border-radius: 0 var(--r-s) var(--r-s) 0; }
.icerik table { width: 100%; border-collapse: collapse; margin: 24px 0; font-size: .96rem; display: block; overflow-x: auto; }
.icerik th, .icerik td { border: 1px solid var(--cizgi); padding: 10px 12px; text-align: left; vertical-align: top; }
.icerik th { background: var(--zemin); font-weight: 600; }
.icerik .wp-block-table { margin: 24px 0; overflow-x: auto; }
.icerik .wp-block-table table { display: table; }
.icerik hr, .icerik .wp-block-separator { border: 0; border-top: 1px solid var(--cizgi); margin: 36px 0; }
.icerik pre, .icerik code { font-size: .92em; background: var(--zemin); border-radius: 6px; }
.icerik pre { padding: 14px; overflow-x: auto; }
.icerik code { padding: 1px 5px; }
.icerik .aligncenter, .icerik .has-text-align-center { text-align: center; margin-inline: auto; }
.icerik .alignleft { float: left; margin: 6px 20px 12px 0; }
.icerik .alignright { float: right; margin: 6px 0 12px 20px; }
.icerik details { border: 1px solid var(--cizgi); border-radius: var(--r-s); padding: 12px 16px; margin: 12px 0; background: #fff; }
.icerik summary { font-weight: 600; cursor: pointer; }
.icerik p:empty { display: none; }
.firma-icerik { max-width: none; font-size: 1.02rem; }
.firma-icerik h1 { font-size: 1.5rem; }

/* Sayfalama. WordPress listeyi <ul class="page-numbers"> içinde verir: kutu stili yalnız
   içindeki bağlantılara uygulanır (ul'ye uygulanınca sayılar alt alta dizilip alt bilgiye taşıyordu). */
.sayfalama { margin-top: 40px; }
.sayfalama ul.page-numbers { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; align-items: center; }
.sayfalama li { margin: 0; }
.sayfalama li > .page-numbers { display: inline-grid; place-items: center; min-width: 44px; height: 44px; padding: 0 12px; border-radius: 12px; border: 1px solid var(--cizgi); background: #fff; text-decoration: none; font-weight: 600; color: var(--murekkep); }
.sayfalama li > .page-numbers.current { background: var(--lacivert); border-color: var(--lacivert); color: #fff; }
.sayfalama li > a.page-numbers:hover { border-color: var(--turuncu); }
.sayfalama li > .page-numbers.dots { border: 0; background: transparent; min-width: 20px; padding: 0 4px; }
.sayfalama li > .page-numbers svg { width: 18px; height: 18px; }
.sayfalama .prev svg { transform: rotate(180deg); }
@media (max-width: 560px) {
	.sayfalama ul.page-numbers { gap: 6px; }
	.sayfalama li > .page-numbers { min-width: 40px; height: 40px; padding: 0 10px; border-radius: 10px; }
}

/* Sektör sekmeleri (bağlantı), il süzgeci */
.sekmeler a.sekme[aria-current="page"] { background: #fff; color: var(--murekkep); box-shadow: var(--golge-s); }
/* Mobilde sektör sekmeleri tek satır, yana kayar (19 sekme alt alta ekranı kaplamasın) */
@media (max-width: 720px) {
	.sektor-sekme { display: flex; flex-wrap: nowrap; overflow-x: auto; max-width: 100%; scrollbar-width: none; scroll-snap-type: x proximity; }
	.sektor-sekme::-webkit-scrollbar { display: none; }
	.sektor-sekme .sekme { flex: none; white-space: nowrap; scroll-snap-align: start; }
}
.il-suz { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.il-suz .alan { width: min(280px, 100%); }
.il-suz .girdi { min-height: 46px; padding-right: 64px; }
.il-suz .alan .plaka-yer { top: 12px; }
.il-suz .alan .oneriler { top: calc(100% + 6px); z-index: 20; }
@media (max-width: 560px) { .il-suz { width: 100%; } .il-suz .alan { width: 100%; } .il-suz .btn { flex: 1; } }

/* Firma ekle formu */
.form-hata { margin-top: 18px; background: #FEF3F2; color: #B42318; border-radius: 10px; padding: 12px 14px; font-size: .94rem; font-weight: 500; }
.onay-kutu a { color: var(--turuncu-koyu); }
#ileri[disabled] { opacity: .7; cursor: wait; }
.firma-icerik h2 { font-size: 1.35rem; margin: 28px 0 10px; }

/* Blog ve arama */
.blog-bolum + .blog-bolum { margin-top: 64px; }
.blog-ara { display: flex; }
.arama-alt { font-size: 1.4rem; margin: 8px 0 18px; }
.arama-sonuc .firma-liste + .arama-alt { margin-top: 48px; }
.yazi-duzen .icindekiler[hidden] + .icerik { grid-column: 1 / 3; }

/* Yorumlar */
.yorumlar .comment-list { list-style: none; padding: 0; display: grid; gap: 16px; }
.yorumlar .comment-body { background: #fff; border: 1px solid var(--cizgi); border-radius: var(--r-m); padding: 18px; }
.yorumlar textarea, .yorumlar input[type="text"], .yorumlar input[type="email"], .yorumlar input[type="url"] { width: 100%; border: 1px solid #D0D5DD; border-radius: var(--r-s); padding: 10px 14px; font: inherit; }
.yorumlar .submit { background: var(--turuncu); color: #fff; border: 0; border-radius: var(--r-s); padding: 12px 20px; font-weight: 600; cursor: pointer; }

/* HivePress sayfaları (giriş, hesap, firma ekleme): alanlar temaya uysun */
.hp-form input[type="text"], .hp-form input[type="email"], .hp-form input[type="password"], .hp-form input[type="tel"],
.hp-form input[type="url"], .hp-form input[type="number"], .hp-form select, .hp-form textarea {
	width: 100%; min-height: 48px; border: 1px solid #D0D5DD; border-radius: var(--r-s); background: #fff; padding: 10px 14px; font: inherit; box-shadow: var(--golge-s);
}
.hp-form textarea { min-height: 130px; }
.hp-form .hp-field + .hp-field, .hp-form .hp-form__field + .hp-form__field { margin-top: 16px; }
.hp-form button[type="submit"], .hp-form .button, .hp-button { background: var(--turuncu); color: #fff; border: 0; border-radius: var(--r-s); min-height: 48px; padding: 0 22px; font-weight: 600; cursor: pointer; }
.hp-form button[type="submit"]:hover, .hp-form .button:hover { background: var(--turuncu-h); }
.hp-form label { font-weight: 600; font-size: .92rem; display: block; margin-bottom: 6px; }

@media (max-width: 880px) {
	.yazi-duzen .icindekiler[hidden] + .icerik { grid-column: auto; }
}

/* WhatsApp eklentisinin baloncuğu, mobildeki alt düğmeyle üst üste binmesin */
.wa__btn_popup { transition: bottom .25s; }
@media (max-width: 960px) {
	body.fy-cta-gorunur .wa__btn_popup { bottom: 86px !important; }
}

/* Yazının altındaki paylaşım bağlantıları (Jetpack'in paylaş düğmelerinin yerine) */
.paylas { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 40px 0 8px; padding-top: 22px; border-top: 1px solid var(--cizgi); }
.paylas-baslik { font-weight: 700; font-size: .92rem; color: var(--murekkep); margin-right: 6px; }
.icerik .paylas a, .paylas button { display: inline-flex; align-items: center; gap: 7px; min-height: 40px; padding: 0 14px; border-radius: 99px; border: 1px solid var(--cizgi); background: #fff; color: var(--murekkep); font: inherit; font-size: .88rem; font-weight: 600; line-height: 1; text-decoration: none; cursor: pointer; transition: border-color .15s, background-color .15s; }
.icerik .paylas a:hover, .paylas button:hover { border-color: #C9CED6; background: var(--zemin); color: var(--murekkep); }
.paylas svg { width: 18px; height: 18px; flex: none; }
.paylas-whatsapp svg { color: #1DA851; }
.paylas-facebook svg { color: #1877F2; }