/* =========================================================
   Premium Mobile Contact UI v11
   Link çizgilerini kaldırır ve tüm sektörlerde native-app tile hissi verir.
   ========================================================= */

.digital-card a,
.contact-row,
.contact-row:link,
.contact-row:visited,
.social-btn,
.card-footer a {
    text-decoration: none !important;
}

.card-contact,
.card-services,
.card-form {
    position: relative;
}

.section-header {
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    margin: 0 0 14px !important;
    padding: 7px 10px !important;
    border: 0 !important;
    border-radius: 999px;
    background: color-mix(in srgb, var(--primary) 8%, #fff 92%);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--primary) 12%, transparent);
}

.section-header::before {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--primary);
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--primary) 12%, transparent);
}

.section-header i {
    font-size: 12px !important;
    color: var(--primary) !important;
}

.section-header span {
    font-size: 10.5px !important;
    font-weight: 800 !important;
    letter-spacing: .9px !important;
    color: var(--gray-700) !important;
}

.contact-grid {
    gap: 10px !important;
}

.contact-row {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    min-height: 66px;
    padding: 10px 11px !important;
    gap: 12px !important;
    border: 1px solid color-mix(in srgb, var(--primary) 9%, #dbe3ef 91%);
    border-radius: 18px !important;
    background: linear-gradient(145deg, rgba(255,255,255,.96), rgba(248,250,252,.92)) !important;
    box-shadow: 0 7px 22px rgba(15,23,42,.055), inset 0 1px 0 rgba(255,255,255,.8);
    color: inherit !important;
    transform: translateZ(0);
    -webkit-tap-highlight-color: transparent;
}

.contact-row::before {
    content: '';
    position: absolute;
    inset: 0 auto 0 0;
    width: 3px;
    background: linear-gradient(180deg, var(--primary), var(--secondary));
    opacity: .72;
    z-index: -1;
}

.contact-row::after {
    content: '';
    position: absolute;
    width: 76px;
    height: 76px;
    right: -38px;
    top: -40px;
    border-radius: 50%;
    background: color-mix(in srgb, var(--primary) 8%, transparent);
    pointer-events: none;
    z-index: -1;
}

.contact-row:hover,
.contact-row:focus-visible {
    transform: translateY(-2px) !important;
    border-color: color-mix(in srgb, var(--primary) 27%, #dbe3ef 73%) !important;
    box-shadow: 0 13px 28px rgba(15,23,42,.09), inset 0 1px 0 rgba(255,255,255,.92) !important;
    outline: none;
}

.contact-icon {
    width: 42px !important;
    height: 42px !important;
    border-radius: 14px !important;
    box-shadow: none !important;
    border: 1px solid rgba(255,255,255,.72);
}

.contact-text {
    display: grid;
    gap: 3px;
}

.contact-label {
    margin: 0 !important;
    font-size: 9.5px !important;
    font-weight: 800 !important;
    letter-spacing: .8px !important;
    line-height: 1.1;
    color: var(--gray-400) !important;
    text-decoration: none !important;
}

.contact-value {
    font-size: 13px !important;
    font-weight: 650 !important;
    line-height: 1.32;
    color: var(--gray-800) !important;
    text-decoration: none !important;
}

.contact-arrow {
    width: 28px;
    height: 28px;
    border-radius: 10px;
    display: grid !important;
    place-items: center;
    flex: 0 0 28px;
    font-size: 9px !important;
    color: var(--primary) !important;
    background: color-mix(in srgb, var(--primary) 8%, #fff 92%);
    border: 1px solid color-mix(in srgb, var(--primary) 12%, transparent);
}

.contact-row:hover .contact-arrow {
    transform: translateX(1px) !important;
    background: var(--primary);
    color: #fff !important;
}

.whatsapp-badge {
    border: 1px solid rgba(37,211,102,.18);
    background: rgba(37,211,102,.10) !important;
    text-decoration: none !important;
}

.social-btn {
    border-radius: 14px !important;
}

.card-footer a {
    text-decoration: none !important;
}

/* ---------- Modern App ---------- */
[data-theme-style="default"] {
    --tile-accent: #4F46E5;
}
[data-theme-style="default"] .contact-row { border-radius: 20px !important; }
[data-theme-style="default"] .contact-row::before { background: linear-gradient(#4F46E5,#22D3EE); }
[data-theme-style="default"] .contact-arrow { border-radius: 50%; }

/* ---------- İnşaat Forge ---------- */
[data-theme-style="insaat"] .section-header { background: #fff7e6 !important; }
[data-theme-style="insaat"] .contact-row {
    border-radius: 12px 20px 20px 12px !important;
    background: linear-gradient(135deg,#fffdfa,#fff8eb) !important;
}
[data-theme-style="insaat"] .contact-row::before { width: 5px; background: linear-gradient(#f59e0b,#334155); }
[data-theme-style="insaat"] .contact-arrow { border-radius: 8px; background:#fff7df; color:#b45309 !important; }

/* ---------- Sağlık Aura ---------- */
[data-theme-style="saglik"] .section-header { background:#ecfdf5 !important; box-shadow:none; }
[data-theme-style="saglik"] .contact-row {
    border-color:#d8f6e8 !important;
    background:linear-gradient(145deg,#ffffff,#f1fdf8) !important;
    border-radius:22px !important;
}
[data-theme-style="saglik"] .contact-row::before { background:linear-gradient(#10b981,#2dd4bf); }
[data-theme-style="saglik"] .contact-arrow { border-radius:50%; background:#eafbf4; color:#059669 !important; }

/* ---------- Hukuk Noir ---------- */
[data-theme-style="hukuk"] .section-header {
    background:linear-gradient(90deg,rgba(218,165,32,.10),rgba(30,58,95,.05)) !important;
    box-shadow:inset 0 0 0 1px rgba(218,165,32,.16);
}
[data-theme-style="hukuk"] .contact-row {
    border-color:rgba(30,58,95,.12) !important;
    background:linear-gradient(145deg,#fff,#fbfaf6) !important;
    border-radius:14px !important;
}
[data-theme-style="hukuk"] .contact-row::before { width:3px; background:linear-gradient(#DAA520,#1E3A5F); }
[data-theme-style="hukuk"] .contact-row:hover { border-left:1px solid rgba(218,165,32,.30) !important; margin-left:0 !important; }
[data-theme-style="hukuk"] .contact-arrow { border-radius:50%; background:#fbf6e8; color:#b8860b !important; }

/* ---------- Tech Pulse ---------- */
[data-theme-style="bilisim"] .section-header { background:linear-gradient(90deg,#eef2ff,#ecfeff) !important; }
[data-theme-style="bilisim"] .contact-row {
    background:linear-gradient(145deg,#fff,#f7f8ff) !important;
    border-color:#e5e7ff !important;
    border-radius:18px !important;
}
[data-theme-style="bilisim"] .contact-row::before { background:linear-gradient(#7c3aed,#06b6d4); }
[data-theme-style="bilisim"] .contact-row::after { background:radial-gradient(circle,rgba(99,102,241,.13),transparent 66%); }
[data-theme-style="bilisim"] .contact-arrow { background:#f0f2ff; color:#6366f1 !important; }

/* ---------- Emlak Skyline ---------- */
[data-theme-style="emlak"] .section-header { background:#effaff !important; }
[data-theme-style="emlak"] .contact-row {
    border-radius:16px !important;
    background:linear-gradient(145deg,#fff,#f5fbff) !important;
    border-color:#dcedf7 !important;
}
[data-theme-style="emlak"] .contact-row::before { background:linear-gradient(#0284c7,#38bdf8); }
[data-theme-style="emlak"] .contact-row::after { border-radius:0; width:50px; height:50px; transform:rotate(45deg); background:rgba(14,165,233,.05); }
[data-theme-style="emlak"] .contact-arrow { background:#eaf7fd; color:#0284c7 !important; }

/* ---------- Eğitim Flow ---------- */
[data-theme-style="egitim"] .section-header { background:linear-gradient(90deg,#f5f3ff,#ecfeff) !important; }
[data-theme-style="egitim"] .contact-row {
    border-radius:20px 14px 20px 14px !important;
    background:linear-gradient(145deg,#fff,#faf8ff) !important;
    border-color:#ece6ff !important;
}
[data-theme-style="egitim"] .contact-row::before { background:linear-gradient(#8b5cf6,#06b6d4); }
[data-theme-style="egitim"] .contact-arrow { transform:rotate(-5deg); background:#f4f0ff; color:#7c3aed !important; }

/* ---------- Finans Ledger ---------- */
[data-theme-style="finans"] .section-header { background:#edfdf5 !important; }
[data-theme-style="finans"] .contact-row {
    border-radius:14px !important;
    background:linear-gradient(145deg,#fff,#f7fcf9) !important;
    border-color:#dcefe4 !important;
}
[data-theme-style="finans"] .contact-row::before { width:4px; background:linear-gradient(#059669,#0f766e); }
[data-theme-style="finans"] .contact-arrow { border-radius:8px; background:#eaf8f1; color:#047857 !important; }

/* ---------- Otomotiv Velocity ---------- */
[data-theme-style="otomotiv"] .section-header { background:#fff1f2 !important; }
[data-theme-style="otomotiv"] .contact-row {
    border-radius:12px 22px 12px 22px !important;
    background:linear-gradient(145deg,#fff,#fff8f8) !important;
    border-color:#f2dfe1 !important;
}
[data-theme-style="otomotiv"] .contact-row::before { width:5px; transform:skewY(-18deg) scaleY(.92); background:linear-gradient(#ef4444,#18181b); }
[data-theme-style="otomotiv"] .contact-arrow { background:#fff0f0; color:#dc2626 !important; }

/* ---------- Restoran Atelier ---------- */
[data-theme-style="restoran"] .section-header { background:#fffbeb !important; }
[data-theme-style="restoran"] .contact-row {
    border-radius:20px !important;
    background:linear-gradient(145deg,#fffdf9,#fffaf0) !important;
    border-color:#f5e7ca !important;
}
[data-theme-style="restoran"] .contact-row::before { background:linear-gradient(#d97706,#92400e); }
[data-theme-style="restoran"] .contact-arrow { border-radius:50%; background:#fff4da; color:#b45309 !important; }

/* ---------- Beauty Silk ---------- */
[data-theme-style="guzellik"] .section-header { background:linear-gradient(90deg,#fff1f7,#fdf2f8) !important; }
[data-theme-style="guzellik"] .contact-row {
    border-radius:24px !important;
    background:linear-gradient(145deg,#fff,#fff7fb) !important;
    border-color:#f6dce9 !important;
}
[data-theme-style="guzellik"] .contact-row::before { background:linear-gradient(#ec4899,#c084fc); }
[data-theme-style="guzellik"] .contact-row::after { background:radial-gradient(circle,rgba(236,72,153,.10),transparent 65%); }
[data-theme-style="guzellik"] .contact-arrow { border-radius:50%; background:#fff0f7; color:#db2777 !important; }

/* ---------- Digital Nova ---------- */
[data-theme-style="aynex"] .section-header {
    background:rgba(34,197,94,.08) !important;
    box-shadow:inset 0 0 0 1px rgba(34,197,94,.14);
}
[data-theme-style="aynex"] .contact-row {
    border-radius:18px !important;
    background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(244,255,249,.94)) !important;
    border-color:rgba(34,197,94,.16) !important;
}
[data-theme-style="aynex"] .contact-row::before { background:linear-gradient(#22c55e,#38bdf8); }
[data-theme-style="aynex"] .contact-row::after { background:radial-gradient(circle,rgba(34,197,94,.12),transparent 65%); }
[data-theme-style="aynex"] .contact-arrow { background:rgba(34,197,94,.09); color:#16a34a !important; }

/* Mobil sıkılaştırma */
@media (max-width: 560px) {
    .card-contact { padding-left:18px !important; padding-right:18px !important; }
    .card-about { padding-left:18px !important; padding-right:18px !important; }
    .card-social, .card-services, .card-form { padding-left:18px !important; padding-right:18px !important; }
    .contact-row { min-height:62px; padding:9px 10px !important; }
    .contact-icon { width:40px !important; height:40px !important; }
    .contact-value { font-size:12.5px !important; }
}

@media (prefers-reduced-motion: reduce) {
    .contact-row, .contact-arrow { transition:none !important; }
}