/*
Theme Name: HizmetGelsin Tema V2
Theme URI: https://example.com
Author: ChatGPT & Süleyman Yılmaz
Description: Ana sayfasında gerçek SVG Türkiye haritası bulunan hizmet ilanları teması.
Version: 2.0.0
Requires at least: 6.0
Text Domain: hizmetgelsin-v2
*/
:root{--hg-primary:#10233f;--hg-accent:#18b6a4;--hg-bg:#f4f7fb;--hg-card:#ffffff;--hg-text:#122033}
*{box-sizing:border-box} body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--hg-bg);color:var(--hg-text)} a{text-decoration:none;color:inherit}.hg-topbar{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid #e7edf5}.hg-topbar-inner{max-width:1180px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:14px 22px}.hg-brand{font-weight:900;font-size:24px;color:var(--hg-primary)}.hg-brand span{color:var(--hg-accent)}.hg-nav a{display:inline-flex;margin-left:10px;padding:10px 15px;border-radius:999px;background:#eef4fb;font-weight:700}.hg-nav a.hg-post{background:var(--hg-primary);color:white}.hg-wrap{max-width:1180px;margin:auto;padding:28px 18px}.hg-hero{text-align:center;margin:18px 0 20px}.hg-hero h1{font-size:42px;margin:8px 0;color:var(--hg-primary)}.hg-hero p{margin:0 auto;max-width:720px;color:#5b6675}.hg-map-card{background:var(--hg-card);border:1px solid #e5ecf4;border-radius:30px;box-shadow:0 20px 70px rgba(16,35,63,.10);padding:18px;overflow:hidden}.hg-map-stage{min-height:360px;display:flex;align-items:center;justify-content:center}.hg-map-loading{font-weight:800;color:var(--hg-primary)}#hg-real-map svg{width:100%;height:auto;display:block}#hg-real-map svg g[data-iladi]{cursor:pointer;transition:all .18s ease}#hg-real-map svg g[data-iladi] path{fill:#263c5f!important;stroke:#ffffff!important;stroke-width:1.1!important;transition:all .18s ease}#hg-real-map svg g[data-iladi]:hover path,#hg-real-map svg g[data-iladi].active path{fill:var(--hg-accent)!important;filter:drop-shadow(0 3px 4px rgba(0,0,0,.22))}.hg-map-note{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:14px;color:#5b6675;font-size:14px}.hg-tooltip{position:fixed;z-index:9999;pointer-events:none;background:#10233f;color:white;padding:8px 12px;border-radius:12px;font-weight:800;font-size:14px;box-shadow:0 10px 30px rgba(0,0,0,.18);display:none}.hg-city-select{display:none;margin:16px auto 0;max-width:420px}.hg-city-select select{width:100%;padding:14px 16px;border-radius:16px;border:1px solid #d9e2ee;font-weight:700}.hg-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.hg-card{background:white;border:1px solid #e5ecf4;border-radius:22px;padding:18px;box-shadow:0 12px 32px rgba(16,35,63,.08)}.hg-card h2,.hg-card h3{margin:0 0 8px;color:var(--hg-primary)}.hg-card .more{display:inline-flex;margin-top:10px;padding:10px 13px;border-radius:999px;background:var(--hg-primary);color:white;font-weight:800}.hg-form{max-width:760px;margin:20px auto;background:white;padding:24px;border-radius:24px;border:1px solid #e5ecf4;box-shadow:0 12px 32px rgba(16,35,63,.08)}.hg-form label{display:block;font-weight:800;margin-bottom:14px}.hg-form input,.hg-form select,.hg-form textarea{width:100%;margin-top:7px;padding:13px;border:1px solid #d8e2ef;border-radius:14px}.hg-form button,.hg-btn{display:inline-flex;border:0;border-radius:999px;background:var(--hg-primary);color:#fff;padding:13px 18px;font-weight:900;cursor:pointer;margin-right:8px}.hg-btn.whatsapp{background:#13a55b}.hg-alert{max-width:760px;margin:16px auto;padding:14px;border-radius:14px;font-weight:800}.hg-alert.success{background:#e8fff5;color:#09643a}.hg-alert.error{background:#fff0f0;color:#9b1c1c}.hg-contact-box{margin-top:25px;padding:18px;background:#f7fafc;border-radius:18px}.hg-footer{text-align:center;color:#6a7482;padding:30px}@media(max-width:760px){.hg-topbar-inner{display:block;text-align:center}.hg-nav{margin-top:10px}.hg-hero h1{font-size:30px}.hg-map-card{padding:10px;border-radius:22px}.hg-map-stage{min-height:220px}.hg-city-select{display:block}.hg-map-note{display:block;text-align:center}}
