/*
Theme Name: Ticari Dünya
Theme URI: https://ticaridunya.net
Author: Ticari Dünya
Author URI: https://ticaridunya.net
Description: Ticari Dünya için bağımsız, hafif yerel firma rehberi teması. ListingPro + Elementor'a bağımlı değildir; CPT/taksonomi/meta "Ticari Dünya Core" eklentisinden gelir, tema yalnızca sunum yapar. Sıcak kâğıt zemin, lacivert mürekkep ve safran aksan; Bricolage Grotesque + Hanken Grotesk. single-listing.php: kimlik başlığı, adaptif poster, sticky aksiyon kartı (Şu An Açık, 3 tel / 3 WhatsApp, Yol Tarifi + Google'da Aç), özellikler grid'i, ücretsiz Leaflet/OSM harita, galeri, SSS akordeon + FAQPage JSON-LD, yakın firmalar, görüntülenme sayacı.
Version: 0.1.1
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ticari-dunya
Tags: business-directory, custom-colors, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

/* ============================================================
 * Değişkenler (onaylı tasarım yönü)
 * ========================================================== */
:root{
  --paper:#FAF7F1; --paper-2:#F1ECE0; --ink:#15233D; --ink-soft:#42506B;
  --line:#E3DCCD; --accent:#E5821F; --accent-2:#DD8413; --accent-deep:#C2641A;
  --verified:#0E7C5B; --wa:#1FAF54; --card:#FFFFFF; --radius:18px;
  --shadow:0 1px 2px rgba(21,35,61,.04),0 12px 30px -16px rgba(21,35,61,.18);
  --maxw:1160px;
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  background:var(--paper);color:var(--ink);
  font-family:'Hanken Grotesk',system-ui,-apple-system,Segoe UI,sans-serif;
  line-height:1.6;-webkit-font-smoothing:antialiased;
  background-image:radial-gradient(circle at 1px 1px,rgba(21,35,61,.05) 1px,transparent 0);
  background-size:26px 26px;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
button{font-family:inherit}
.td-wrap{max-width:var(--maxw);margin:0 auto;padding:0 22px}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.td-skip{position:absolute;left:-9999px}
.td-skip:focus{left:12px;top:12px;z-index:200;background:var(--ink);color:var(--paper);padding:8px 14px;border-radius:8px}

/* ============================================================
 * Üst bar
 * ========================================================== */
header.td-top{position:sticky;top:0;z-index:40;background:rgba(250,247,241,.85);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.td-top-in{display:flex;align-items:center;justify-content:space-between;gap:16px;height:64px}
.td-brand{display:flex;align-items:center;gap:10px;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:21px;letter-spacing:-.02em;color:var(--ink)}
.td-brand .td-pin{width:30px;height:30px;border-radius:9px;background:var(--ink);color:var(--paper);display:grid;place-items:center;font-size:15px}
.td-brand img{max-height:38px;width:auto}
.td-nav{display:flex;align-items:center;gap:18px}
.td-nav ul{display:flex;gap:18px;list-style:none}
.td-nav a{font-size:14.5px;font-weight:600;color:var(--ink-soft)}
.td-nav a:hover{color:var(--accent-deep)}
.td-cta{font-family:'Bricolage Grotesque',sans-serif;font-weight:600;font-size:14px;background:var(--ink);color:var(--paper);padding:10px 16px;border-radius:999px;white-space:nowrap}
.td-cta:hover{background:var(--accent-deep)}

/* ============================================================
 * Breadcrumb
 * ========================================================== */
.td-crumb{font-size:13.5px;color:var(--ink-soft);padding:16px 0 0;display:flex;flex-wrap:wrap;gap:7px;align-items:center}
.td-crumb a:hover{color:var(--accent-deep)}
.td-crumb span{opacity:.5}
.td-crumb .td-crumb-cur{color:var(--ink);font-weight:600;opacity:1}

/* ============================================================
 * Kimlik başlığı (görsel oranından bağımsız sabit)
 * ========================================================== */
.td-identity{padding:18px 0 6px}
.td-id-top{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:12px}
.td-logo-badge{width:46px;height:46px;border-radius:12px;border:1px solid var(--line);background:#fff;display:grid;place-items:center;overflow:hidden;box-shadow:var(--shadow)}
.td-logo-badge img{width:100%;height:100%;object-fit:contain;padding:4px}
.td-verified{display:inline-flex;align-items:center;gap:6px;background:rgba(14,124,91,.1);color:var(--verified);font-weight:700;font-size:12.5px;padding:5px 11px;border-radius:999px}
.td-verified .td-dot{width:7px;height:7px;border-radius:50%;background:var(--verified)}
.td-views{font-size:12.5px;color:var(--ink-soft)}
.td-views b{color:var(--ink)}
h1.td-name{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:38px;line-height:1.05;letter-spacing:-.025em;margin-bottom:6px}
.td-tagline{font-size:16px;color:var(--ink-soft);margin-bottom:12px;max-width:60ch}
.td-cat-row{display:flex;flex-wrap:wrap;gap:7px}
.td-chip{font-size:12.5px;font-weight:600;color:var(--ink-soft);background:var(--paper-2);padding:5px 11px;border-radius:8px;transition:.15s}
.td-chip:hover{background:var(--ink);color:var(--paper)}
.td-chip.td-loc{background:var(--ink);color:var(--paper)}

/* ============================================================
 * İki kolon
 * ========================================================== */
.td-cols{display:grid;grid-template-columns:1fr 360px;gap:26px;margin-top:22px;align-items:start}

/* Adaptif poster çerçevesi */
.td-designframe{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);display:grid;place-items:center;padding:18px;min-height:260px}
.td-designframe img{max-width:100%;max-height:560px;width:auto;object-fit:contain;border-radius:12px;box-shadow:0 10px 30px -12px rgba(0,0,0,.5)}
.td-poster-fallback{border-radius:12px;background:linear-gradient(135deg,#1f3358,var(--ink) 60%);color:#cdd6e6;display:grid;place-items:center;text-align:center;padding:42px 26px;width:100%;min-height:260px}
.td-poster-fallback .td-big{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:26px;color:#fff;margin-bottom:6px}
.td-poster-fallback small{opacity:.7;font-size:12px}

/* ============================================================
 * Bölüm başlıkları
 * ========================================================== */
section.td-block{margin:38px 0 0}
.td-kicker{font-family:'Bricolage Grotesque',sans-serif;font-weight:600;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-deep);margin-bottom:8px;display:flex;align-items:center;gap:8px}
h2.td-htitle{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:24px;letter-spacing:-.02em;margin-bottom:16px}

/* ============================================================
 * Video gömme
 * ========================================================== */
.td-video{position:relative;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow);background:#000}
.td-video iframe,.td-video video{display:block;width:100%;aspect-ratio:16/9;border:0}

/* ============================================================
 * Galeri
 * ========================================================== */
.td-gal-track{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;scrollbar-width:none}
.td-gal-track::-webkit-scrollbar{display:none}
.td-slide{scroll-snap-align:center;flex:0 0 70%;max-width:460px;border-radius:14px;border:1px solid var(--line);overflow:hidden;box-shadow:var(--shadow);background:var(--paper-2)}
.td-slide img{width:100%;height:280px;object-fit:cover}
.td-gal-nav{display:flex;gap:8px;justify-content:flex-end;margin-top:10px}
.td-gal-nav button{width:40px;height:40px;border-radius:50%;border:1.5px solid var(--ink);background:transparent;color:var(--ink);cursor:pointer;font-size:17px;line-height:1;transition:.15s}
.td-gal-nav button:hover{background:var(--ink);color:var(--paper)}

/* ============================================================
 * Özellikler / Hizmetler grid'i (features taksonomisi)
 * ========================================================== */
.td-features{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.td-feature{display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:13px 15px;box-shadow:var(--shadow);font-size:14.5px;font-weight:500;transition:.15s}
.td-feature:hover{border-color:var(--accent)}
.td-feature .td-fi{flex:0 0 24px;width:24px;height:24px;border-radius:7px;background:rgba(14,124,91,.12);color:var(--verified);display:grid;place-items:center}
.td-feature .td-fi svg{width:15px;height:15px}

/* ============================================================
 * Zengin içerik
 * ========================================================== */
.td-rich{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:26px 28px;box-shadow:var(--shadow)}
.td-rich p{margin-bottom:13px;font-size:15.5px;color:#23314d}
.td-rich h2,.td-rich h3{font-family:'Bricolage Grotesque',sans-serif;color:var(--ink)}
.td-rich h2{font-size:21px;font-weight:800;margin:24px 0 10px}
.td-rich h3{font-weight:700;font-size:18px;margin:22px 0 9px}
.td-rich a{color:var(--accent-deep);font-weight:600;border-bottom:1.5px solid var(--accent)}
.td-rich a:hover{background:rgba(229,130,31,.12)}
.td-rich ul,.td-rich ol{margin:0 0 13px 0;padding-left:0;list-style:none}
.td-rich ul li{position:relative;padding-left:20px;margin-bottom:7px;font-size:15px;color:#23314d}
.td-rich ul li::before{content:"";position:absolute;left:2px;top:10px;width:6px;height:6px;background:var(--accent);border-radius:2px;transform:rotate(45deg)}
.td-rich ol{list-style:decimal;padding-left:20px}
.td-rich ol li{margin-bottom:7px;font-size:15px;color:#23314d}
.td-rich img{border-radius:12px;margin:12px 0}
.td-rich blockquote{border-left:3px solid var(--accent);padding:6px 0 6px 16px;margin:14px 0;color:var(--ink-soft);font-style:italic}

/* SSS akordeon */
.td-faq{margin-top:6px}
.td-faq details{border-top:1px solid var(--line);padding:13px 0}
.td-faq details summary{font-family:'Bricolage Grotesque',sans-serif;font-weight:600;font-size:15.5px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px}
.td-faq details summary::-webkit-details-marker{display:none}
.td-faq details summary::after{content:"+";color:var(--accent-deep);font-size:21px;line-height:1}
.td-faq details[open] summary::after{content:"–"}
.td-faq details p{margin:9px 0 0;font-size:14.5px;color:var(--ink-soft)}

/* Benzer aramalar chip satırı */
.td-searches{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;align-items:center}
.td-searches .td-sl{font-size:13px;color:var(--ink-soft);font-weight:600}
.td-searches a{font-size:13px;font-weight:600;border:1px solid var(--line);padding:7px 13px;border-radius:999px;color:var(--ink-soft);transition:.15s}
.td-searches a:hover{border-color:var(--accent);color:var(--accent-deep)}

/* ============================================================
 * SAĞ aksiyon kartı
 * ========================================================== */
.td-side{position:sticky;top:80px;display:flex;flex-direction:column;gap:14px}
.td-acard{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}
.td-open-now{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:700;margin-bottom:4px}
.td-open-now.td-open{color:var(--verified)}
.td-open-now.td-closed{color:var(--ink-soft)}
.td-open-now .td-g{width:9px;height:9px;border-radius:50%;background:currentColor;flex:0 0 9px}
.td-open .td-g{background:var(--verified);animation:tdPulse 1.8s infinite}
@keyframes tdPulse{0%,100%{box-shadow:0 0 0 0 rgba(14,124,91,.5)}70%{box-shadow:0 0 0 7px rgba(14,124,91,0)}}
.td-hours-line{font-size:13px;color:var(--ink-soft);margin-bottom:6px}
.td-hours-toggle{background:none;border:0;color:var(--accent-deep);font-size:12.5px;font-weight:600;cursor:pointer;padding:0 0 12px;text-align:left}
.td-week{margin:0 0 12px;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.td-week .td-wrow{display:flex;justify-content:space-between;padding:7px 11px;font-size:12.5px;border-bottom:1px solid var(--line)}
.td-week .td-wrow:last-child{border-bottom:0}
.td-week .td-wrow.td-wtoday{background:rgba(229,130,31,.08);font-weight:700;color:var(--ink)}
.td-week .td-wd{color:var(--ink-soft)}

.td-btn{display:flex;align-items:center;gap:11px;padding:12px 14px;border-radius:12px;font-weight:600;font-size:14.5px;border:1.5px solid var(--ink);color:var(--ink);background:transparent;transition:.16s;margin-bottom:8px;width:100%}
.td-btn:hover{background:var(--ink);color:var(--paper);transform:translateY(-1px)}
.td-btn .td-lbl{display:flex;flex-direction:column}
.td-btn .td-lbl small{font-weight:500;font-size:11px;opacity:.6;line-height:1.2}
.td-btn svg{flex:0 0 18px}
.td-btn.td-wa{border-color:var(--wa);color:#0c7a38}
.td-btn.td-wa:hover{background:var(--wa);color:#fff}
.td-btn.td-primary{background:var(--accent);border-color:var(--accent);color:#fff}
.td-btn.td-primary:hover{background:var(--accent-deep)}
.td-divider{height:1px;background:var(--line);margin:10px 0 12px}
.td-grp-lbl{font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-soft);font-weight:700;margin:6px 0 8px}

/* Leaflet harita */
#td-map{height:180px;border-radius:12px;overflow:hidden;border:1px solid var(--line);margin-top:8px;z-index:0}
.td-map-note{font-size:11px;color:var(--ink-soft);margin-top:6px;text-align:center}

/* Sosyal */
.td-social{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.td-social a{flex:1 0 38px;height:38px;border-radius:10px;border:1px solid var(--line);display:grid;place-items:center;color:var(--ink-soft);transition:.16s}
.td-social a:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}

/* ============================================================
 * Yakın firmalar + arşiv kartları
 * ========================================================== */
.td-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.td-rcard{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:.16s;box-shadow:var(--shadow);display:flex;flex-direction:column}
.td-rcard:hover{transform:translateY(-3px);border-color:var(--accent)}
.td-rcard-media{aspect-ratio:4/3;overflow:hidden;background:var(--paper-2)}
.td-rcard-media img{width:100%;height:100%;object-fit:cover}
.td-rcard-body{padding:15px 16px}
.td-rv{font-size:11px;font-weight:700;color:var(--verified);margin-bottom:7px;display:flex;align-items:center;gap:5px}
.td-rv-dot{width:7px;height:7px;border-radius:50%;background:var(--verified)}
.td-rcard h4{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:15.5px;margin-bottom:3px;color:var(--ink)}
.td-rcard span{font-size:12.5px;color:var(--ink-soft)}

/* ============================================================
 * Sayfa / yazı (page.php, single.php)
 * ========================================================== */
.td-page{padding:28px 0 10px;max-width:820px}
.td-page .td-rich{margin-top:6px}
.td-page-media{margin:14px 0 22px;border-radius:16px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow)}
.td-page-media img{display:block;width:100%;height:auto}
.td-post-meta{color:var(--ink-soft);font-size:14px;margin-top:8px}
.td-post-meta a{color:var(--accent-deep);font-weight:600}
.td-post-tags{margin:26px 0 4px;display:flex;flex-wrap:wrap;gap:8px}
.td-post-tags a{font-size:12.5px;font-weight:600;color:var(--ink-soft);border:1px solid var(--line);border-radius:999px;padding:5px 12px}
.td-post-tags a:hover{border-color:var(--accent);color:var(--accent-deep)}

/* ============================================================
 * Arşiv / arama / 404
 * ========================================================== */
.td-archive-head{padding:28px 0 6px}
.td-archive-head h1{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:32px;letter-spacing:-.02em}
.td-archive-head p{color:var(--ink-soft);margin-top:6px}
.td-archive-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px;margin:22px 0 10px}
.td-pagination{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0 0}
.td-pagination .page-numbers{padding:8px 13px;border:1px solid var(--line);border-radius:9px;font-weight:600;font-size:14px;color:var(--ink-soft)}
.td-pagination .page-numbers.current,.td-pagination .page-numbers:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.td-empty{background:var(--card);border:1px dashed var(--line);border-radius:var(--radius);padding:40px;text-align:center;color:var(--ink-soft);margin:24px 0}
.td-searchform{display:flex;gap:8px;margin-top:18px;max-width:420px}
.td-searchform input[type=search]{flex:1;padding:11px 14px;border:1.5px solid var(--line);border-radius:10px;font:inherit;background:#fff}
.td-searchform button{padding:11px 18px;border:0;border-radius:10px;background:var(--ink);color:var(--paper);font-weight:600;cursor:pointer}
.td-404{padding:60px 0;text-align:center}
.td-404 h1{font-family:'Bricolage Grotesque',sans-serif;font-size:84px;font-weight:800;color:var(--accent)}

/* ============================================================
 * Not kutusu (curated uyarı)
 * ========================================================== */
.td-note{margin:20px auto 0;padding:11px 16px;border:1px dashed var(--accent);border-radius:12px;background:rgba(229,130,31,.06);font-size:13px;color:var(--accent-deep)}

/* ============================================================
 * Mobil yapışkan alt iletişim çubuğu
 * ========================================================== */
.td-mobilebar{position:fixed;left:0;right:0;bottom:0;z-index:60;display:none;gap:1px;background:var(--line);border-top:1px solid var(--line);box-shadow:0 -8px 24px -16px rgba(21,35,61,.4)}
.td-mobilebar a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:9px 6px;background:var(--card);color:var(--ink);font-size:11px;font-weight:600}
.td-mobilebar a.td-mb-call{color:var(--accent-deep)}
.td-mobilebar a.td-mb-wa{color:#0c7a38}
.td-mobilebar svg{width:20px;height:20px}

/* ============================================================
 * Footer
 * ========================================================== */
footer.td-footer{border-top:1px solid var(--line);margin-top:54px;background:var(--ink);color:#c9d2e2}
.td-f-in{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px;padding:40px 0 26px}
.td-f-brand .td-bb{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:20px;color:#fff;margin-bottom:10px;display:flex;align-items:center;gap:8px}
.td-f-brand p{font-size:13px;line-height:1.6;color:#9aa6bd;max-width:300px}
.td-f-col h5{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:13px;color:#fff;letter-spacing:.06em;text-transform:uppercase;margin-bottom:12px}
.td-f-col a{display:block;font-size:13.5px;color:#aeb8cd;margin-bottom:8px}
.td-f-col a:hover{color:#fff}
.td-f-col ul{list-style:none}
.td-disclaimer{border-top:1px solid rgba(255,255,255,.12);padding:18px 0 30px;font-size:12px;line-height:1.7;color:#8794ad;max-width:1000px}
.td-copy{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:14px 0;border-top:1px solid rgba(255,255,255,.12);font-size:12px;color:#8794ad}

/* ============================================================
 * Duyarlı
 * ========================================================== */
@media(max-width:880px){
  .td-cols{grid-template-columns:1fr}
  .td-side{position:static;order:-1}
  h1.td-name{font-size:30px}
  .td-grid{grid-template-columns:1fr 1fr}
  .td-slide{flex:0 0 86%}
  .td-f-in{grid-template-columns:1fr 1fr}
  .td-nav ul{display:none}
  body.td-single-listing{padding-bottom:64px}
  body.td-single-listing .td-mobilebar{display:flex}
}
@media(max-width:560px){
  .td-grid{grid-template-columns:1fr}
  .td-f-in{grid-template-columns:1fr}
  h1.td-name{font-size:26px}
}

@media(prefers-reduced-motion:reduce){
  *{scroll-behavior:auto!important}
  .td-open .td-g{animation:none}
  .td-btn:hover,.td-rcard:hover{transform:none}
}
