/*
 Theme Name:   YOOtheme Dapo's Version
 Template:     yootheme
 Author:       Dapo
 Description:  YOOtheme Child Theme for Dapo
 Version:      1.0.0
 Text Domain:  yootheme-Dapo
*/
/* Core layout */
	.radiant-avatar {
		position: relative;
		width: 260px;	/* main circle diameter */
		height: 260px;
		display: inline-block;
	}
	.avatar {
		width: 100%;
		height: 100%;
		display: block;
		border-radius: 50%;
		object-fit: cover;
		box-shadow: 0 0 0 2px rgba(0,0,0,0.06);
	}

	/* Rings */
	.rings {
		position: absolute;
		top: 0; right: 0; bottom: 0; left: 0;
		pointer-events: none;
	}
	.ring {
		position: absolute;
		top: 0; right: 0; bottom: 0; left: 0;
		border-radius: 50%;
		box-sizing: border-box;
		opacity: 0;
		transform-origin: center center;
		animation: none;				/* OFF by default */
		will-change: transform, opacity;
	}
	/* Apply animation only on hover/focus -> always restarts */
	.radiant-avatar:hover .ring,
	.radiant-avatar:focus-visible .ring {
		animation: radiate 1.8s linear infinite;
	}

	/* Tweak colors/widths/spacing here */
	.ring.r1 { border: 2px solid #2dd4bf; transform: scale(1.00); animation-delay: 0s; }
	.ring.r2 { border: 2px solid #06b6d4; transform: scale(1.08); animation-delay: 0.22s; }
	.ring.r3 { border: 2px solid #60a5fa; transform: scale(1.16); animation-delay: 0.44s; }
	.ring.r4 { border: 2px solid #a78bfa; transform: scale(1.24); animation-delay: 0.66s; }

	@keyframes radiate {
		0%   { opacity: 0; transform: scale(1); }
		5%   { opacity: 1; }
		85%  { opacity: 0.15; }
		100% { opacity: 0; transform: scale(1.9); }
	}

	/* Badge (top-right) */
	.badge-wrap {
		position: absolute;
		width: 110px;	/* badge diameter */
		height: 110px;
		right: 10px;
		top: 10px;
	}
	.badge {
		position: relative;
		width: 100%;
		height: 100%;
		border-radius: 50%;
		object-fit: contain;		/* show full logo */
		padding: 6px;				/* breathing room for logo */
		display: block;
		border: 2px solid #ffffff;
		background: #ffffff;
	}

	.badge-rings {
		position: absolute;
		top: 0; right: 0; bottom: 0; left: 0;
		pointer-events: none;
	}
	.badge-ring {
		position: absolute;
		top: 0; right: 0; bottom: 0; left: 0;
		border-radius: 50%;
		box-sizing: border-box;
		opacity: 0;
		transform-origin: center center;
		animation: none;			/* OFF by default */
		will-change: transform, opacity;
	}
	.radiant-avatar:hover .badge-ring,
	.radiant-avatar:focus-visible .badge-ring {
		animation: badgeRadiate 1.4s linear infinite;
	}

	.badge-ring.r1 { border: 2px solid #2dd4bf; transform: scale(1.00); animation-delay: 0s; }
	.badge-ring.r2 { border: 2px solid #06b6d4; transform: scale(1.10); animation-delay: 0.18s; }
	.badge-ring.r3 { border: 2px solid #60a5fa; transform: scale(1.20); animation-delay: 0.36s; }

	@keyframes badgeRadiate {
		0%   { opacity: 0; transform: scale(1); }
		5%   { opacity: 1; }
		85%  { opacity: 0.15; }
		100% { opacity: 0; transform: scale(1.8); }
	}