/*
 * Dosya: cta-frontend.css
 * Bagli PHP: cta.php
 * Kapsam: Kullanıcının gördüğü CTA, header ikonları ve mesaj altı aksiyon stilleri.
 * Alan: Frontend. Sohbet arayüzü render edildiğinde yüklenir.
 */

/* ----- Stil Bloku 1 ----- */
.dfa-modebar-right{ display:flex; align-items:center; justify-content:flex-end; gap:8px; padding-right:10px; }
		.dfa-cta-social{ display:flex; align-items:center; gap:8px; }
		.dfa-cta-social a.dfa-icon-btn{ display:inline-flex; align-items:center; justify-content:center; }
		.dfa-cta-social a.dfa-icon-btn svg{ width:18px; height:18px; display:block; }
		.dfa-cta-social-under{ margin-top:10px; justify-content:flex-end; opacity:.95; }

		/* ✅ WhatsApp Grup modu: “renk” için sınıf */
		#dfa-chat .dfa-qa-wa-group,
		#dfa-chat .dfa-qa-wa-group:hover{
			border-color: rgba(16,185,129,.35) !important;
			background: rgba(16,185,129,.10) !important;
		}

		/* ✅ Header WhatsApp badge (sadece grup modunda) */
		#dfa-wa-header.dfa-wa-group{ position:relative; }
		#dfa-wa-header.dfa-wa-group .dfa-wa-badge{
			position:absolute;
			top:-6px;
			right:-6px;
			width:18px;
			height:18px;
			border-radius:999px;
			display:inline-flex;
			align-items:center;
			justify-content:center;
			font-size:12px;
			line-height:1;
			background: rgba(16,185,129,.95);
			color:#fff;
			box-shadow: 0 8px 18px rgba(0,0,0,.12);
			border: 1px solid rgba(255,255,255,.65);
			pointer-events:none; /* sadece görsel */
		}

/* ----- Stil Bloku 2 ----- */
.dfa-cta-admin-wrap{ max-width:1040px; }
			.dfa-cta-card{ background:#fff; border:1px solid #d0d7de; border-radius:14px; padding:14px 16px; margin:12px 0; box-shadow:0 8px 26px rgba(0,0,0,.05); }
			.dfa-cta-card h2{ margin:0 0 10px 0; font-size:16px; }
			.dfa-cta-card h3{ margin:10px 0 6px; font-size:14px; }
			.dfa-cta-card-info{ background:#f6f8fa; }
			.dfa-cta-card .description{ color:#57606a; }

			/* Preview */
			.dfa-prev-wrap{ border:1px dashed #d0d7de; border-radius:14px; overflow:hidden; background:#fbfcfd; }
			.dfa-prev-header{ display:flex; align-items:center; justify-content:space-between; padding:10px 12px; background:#ffffff; border-bottom:1px solid #eaeef2; }
			.dfa-prev-left{ font-weight:700; color:#111827; }
			.dfa-prev-right{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
			.dfa-prev-pill{ display:inline-flex; align-items:center; justify-content:center; padding:4px 8px; border:1px solid #d0d7de; background:#fff; border-radius:999px; font-size:12px; }
			.dfa-prev-social{ display:flex; align-items:center; gap:8px; }
			.dfa-prev-ico{ display:inline-flex; width:18px; height:18px; opacity:.9; }
			.dfa-prev-ico svg{ width:18px; height:18px; }

			.dfa-prev-chat{ padding:12px; }
			.dfa-prev-msg{ display:flex; justify-content:flex-end; }
			.dfa-prev-bubble{ max-width:520px; background:#fff; border:1px solid #e6e9ee; border-radius:16px; padding:12px; box-shadow:0 10px 26px rgba(0,0,0,.06); }

			/* ✅ Admin’de izole “gerçeğe yakın” butonlar */
			.dfa-prev-actions{ display:flex; gap:8px; flex-wrap:wrap; margin-top:10px; }
			.dfa-prev-realbtn{
				display:inline-flex; align-items:center; gap:8px;
				padding:8px 12px;
				border-radius:999px;
				border:1px solid #d0d7de;
				background:#f8fafc;
				color:#111827;
				font-size:12px;
				line-height:1;
				cursor:default;
				box-shadow:0 6px 14px rgba(0,0,0,.05);
			}
			.dfa-prev-realbtn--primary{ background:#eef6ff; border-color:#b6d6ff; }
			.dfa-prev-realbtn--wa{ background:#ecfdf3; border-color:#b7f0cf; }
			/* ✅ Grup modu rengi (preview) */
			.dfa-prev-realbtn--wa-group{ background:#f0f9ff; border-color:#bae6fd; }
			.dfa-prev-realbtn--extra{ background:#fff7ed; border-color:#fed7aa; }
			.dfa-prev-realbtn--ghost{ background:#f8fafc; }
			.dfa-prev-ic{ display:inline-flex; width:18px; height:18px; align-items:center; justify-content:center; }
			.dfa-prev-tx{ white-space:nowrap; }

			.dfa-prev-under{ display:flex; gap:8px; justify-content:flex-end; margin-top:10px; opacity:.85; }
			.dfa-prev-note{ margin-top:10px; padding:8px 10px; border-radius:12px; background:#fff7ed; border:1px solid #fed7aa; color:#7c2d12; font-size:12px; }

			/* WhatsApp hedef uyarı kutusu */
			.dfa-wa-hint{
				margin-top:8px;
				padding:10px 12px;
				border-radius:12px;
				border:1px solid #d0d7de;
				background:#f6f8fa;
				color:#374151;
			}
			.dfa-wa-hint strong{ color:#111827; }
			.dfa-field-disabled{ opacity:.6; pointer-events:none; }