/*!
 * Turla360 — Contact sayfası özel stilleri
 * Önceden views/front/contact.php içindeki <style> bloğundaydı.
 */

/* HERO */
.cnt-hero { background:#0f2044; position:relative; overflow:hidden; }
.cnt-hero::before { content:''; position:absolute; inset:0; background:radial-gradient(ellipse 70% 60% at 100% 0%, rgba(37,99,235,.22), transparent 55%); }
.cnt-hero::after { content:''; position:absolute; inset:0; background-image:linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px); background-size:56px 56px; }

.cnt-tag-dot { width:7px; height:7px; border-radius:50%; background:#22d3ee; box-shadow:0 0 8px #22d3ee; }

.cnt-h1 { font-family: var(--head); font-size: clamp(32px, 5vw, 48px); letter-spacing:-.04em; }
.cnt-h1 em { font-style:italic; font-family: var(--serif); color:transparent; background:linear-gradient(135deg, #fbbf24, #f59e0b); -webkit-background-clip:text !important; background-clip:text !important; font-weight:600; }

.cnt-wrap { max-width:1100px; margin:0 auto; padding:0 32px; }

/* Info cards */
.cnt-info-card { transition:.2s; }
.cnt-info-card:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(12,15,20,.08); border-color:#d0cac0; }

/* Map */
.cnt-map #cntLeaflet { width:100%; height:100%; }
.cnt-map-ov { position:absolute; left:14px; bottom:14px; background:rgba(255,255,255,.95); backdrop-filter:blur(8px); padding:10px 14px; border-radius:12px; box-shadow:0 8px 24px -8px rgba(12,15,20,.25); font-size:13px; color:#0a1628; font-weight:600; display:flex; align-items:center; gap:8px; max-width:calc(100% - 28px); }
.cnt-map-ov svg { width:16px; height:16px; color:#e11d48; flex-shrink:0; }
.cnt-map-ov a { color:#1d4ed8; font-weight:700; text-decoration:none; margin-left:auto; }
.cnt-map-loading { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; color:#9ca3af; font-size:13px; pointer-events:none; background:rgba(247,246,243,.9); }

/* Form */
.cnt-form-panel { font-family: var(--body); }
.cnt-form-title { font-family: var(--head); letter-spacing:-.03em; }
.cnt-input { width:100%; padding:11px 14px; border-radius:10px; border:1.5px solid #e5e0d8; background:#fff; font-family: var(--body); font-size:14px; color:#0f2044; outline:none; transition:.2s; appearance:none; }
.cnt-input:hover { border-color:#d0cac0; }
.cnt-input:focus { border-color:#2563eb; box-shadow:0 0 0 4px rgba(37,99,235,.09); }
.cnt-input::placeholder { color:#9ca3af; }
textarea.cnt-input { resize:vertical; min-height:130px; line-height:1.6; }

.cnt-btn { width:100%; padding:13px; border-radius:12px; background:#0f2044; color:#fff; font-family: var(--head); font-size:16px; font-weight:800; border:none; cursor:pointer; transition:.22s; display:flex; align-items:center; justify-content:center; gap:8px; letter-spacing:-.01em; }
.cnt-btn:hover { background:#163060; transform: translateY(-1.5px); box-shadow:0 6px 20px rgba(15,32,68,.3); }
.cnt-btn:active { transform: translateY(0); }
.cnt-btn svg { width:16px; height:16px; }
.cnt-btn .spinner { width:18px; height:18px; border:2.5px solid rgba(255,255,255,.25); border-top-color:rgba(255,255,255,.9); border-radius:50%; animation:spin .75s linear infinite; display:none; }
.cnt-btn[data-loading] .spinner { display:block; }
.cnt-btn[data-loading] .btn-txt { display:none; }
@keyframes spin { to { transform: rotate(360deg); } }

/* FAQ */
.cnt-faq-item { transition:.2s; cursor:pointer; }
.cnt-faq-item:hover { border-color:#d0cac0; box-shadow:0 4px 12px rgba(12,15,20,.07); }