/* Contacts block in the header (header.tpl, div.earth > div.ct). Added 2026-10-22.
   Single phone numbers are for calls only (virtual PBX with voice menu); messengers are per shop. */

.shapka .earth.ct-on { background-position: center; }
.ct {
	position: absolute; left: 0; right: 0; top: 4px; height: 219px; padding: 0 10px 0 14px;
	display: flex; flex-direction: column; justify-content: space-between;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
	-webkit-font-smoothing: antialiased; box-sizing: border-box;
}
.ct * { box-sizing: border-box; }
.ct a { text-decoration: none; }

.ct-call {
	position: relative; padding: 7px 12px 7px; border-radius: 16px; color: #fff;
	background: linear-gradient(180deg, #006c9d 0%, #0183bd 100%);
	box-shadow: 0 6px 16px rgba(0, 108, 157, .28);
}
.ct-call-top { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.ct-badge {
	display: flex; align-items: center; gap: 5px; flex: 1; height: 18px; padding: 0 2px;
	font-size: 11px; font-weight: 500; white-space: nowrap; color: rgba(255, 255, 255, .92); cursor: default;
}
.ct-badge::after { content: ""; flex: 1; height: 1px; margin-left: 6px; background: rgba(255, 255, 255, .35); }
.ct-badge b { font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.ct-badge svg { width: 12px; height: 12px; fill: #fff; }
.ct-order {
	display: inline-flex; align-items: center; height: 24px; padding: 0 11px; border-radius: 12px;
	background: #fff; color: #006c9d !important; font-size: 12px; font-weight: 700; white-space: nowrap;
	transition: transform .15s, box-shadow .15s;
}
.ct-order:hover { transform: translateY(-1px); box-shadow: 0 3px 8px rgba(0, 0, 0, .18); }
.ct-nums { display: flex; gap: 8px; margin: 6px 0 5px; }
.ct-nums a {
	flex: 1 1 0; display: flex; align-items: center; justify-content: center; height: 28px; border-radius: 9px;
	background: rgba(255, 255, 255, .17); border: 1px solid rgba(255, 255, 255, .28);
	color: #fff !important; font-size: 15px; font-weight: 800; letter-spacing: -.01em; white-space: nowrap;
	transition: background .15s;
}
.ct-nums a:hover { background: rgba(255, 255, 255, .3); }
.ct-call-bottom { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.ct-hint { font-size: 11px; line-height: 1.25; opacity: .92; }
.ct-hint b { font-weight: 700; }

.ct-chats-title {
	display: flex; align-items: center; gap: 6px; margin: 0 0 5px 2px;
	font-size: 13px; font-weight: 800; color: #006c9d;
}
.ct-chats-title svg { width: 14px; height: 14px; fill: #006c9d; }
.ct-finger { display: inline-block; font-size: 15px; animation: ct-bounce 1.6s ease-in-out infinite; }
@keyframes ct-bounce { 0%, 100% { transform: translateY(-1px); } 50% { transform: translateY(3px); } }
.ct-shop {
	display: flex; align-items: center; justify-content: space-between; gap: 6px; height: 28px; margin-top: 4px;
	padding: 0 4px 0 10px; border-radius: 11px; background: rgba(255, 255, 255, .88);
	border: 1px solid #e3eaf3;
}
.ct-addr { color: #16365f !important; font-size: 12.5px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ct-addr:hover { color: #006c9d !important; }
.ct-addr small { color: #6b7a8f; font-weight: 500; font-size: 11px; }
.ct-icons { display: flex; align-items: center; gap: 4px; flex: none; }
.ct-ico {
	width: 23px; height: 23px; border-radius: 50%; display: flex; align-items: center; justify-content: center;
	transition: transform .15s;
}
.ct-ico:hover { transform: scale(1.12); }
.ct-ico svg { width: 13px; height: 13px; fill: #fff; }
.ct-wa { background: #25d366; }
.ct-tg { background: #fff; }
.ct-tg svg { width: 23px; height: 23px; fill: #27a6e5; }
.ct-max { background: none; }
.ct-max img { width: 23px; height: 23px; border-radius: 7px; display: block; }
.ct-map { background: #eef3f9; margin-left: 2px; }
.ct-map svg { fill: #006c9d; width: 13px; height: 13px; }