/* =============================================================================
   E-E-A-T trust byline — author / reviewer / last-updated / licences card.
   Sits at the TOP of the Table of Contents, directly under the price box.
   Reuses the theme's --dd-* tokens when present, with self-contained fallbacks
   (works standalone + in Dracula dark mode). RTL-first.
   ========================================================================== */
.dd-eeat{
	--dde-gold:var(--dd-gold,#e0a300);
	--dde-gold-bright:#fdb837;
	--dde-grad:linear-gradient(135deg,#fdb837 0%,#ffc53d 48%,#e0a300 100%);
	--dde-ink:#3a3a46;
	--dde-strong:#21212b;
	--dde-muted:#79798a;
	--dde-card:var(--dd-card,rgba(255,255,255,.72));
	--dde-card-2:rgba(255,248,233,.6);
	--dde-border:linear-gradient(135deg,rgba(253,184,55,.75),rgba(224,163,0,.22) 42%,rgba(253,184,55,.6));
	--dde-line:var(--dd-hair,rgba(224,163,0,.24));
	--dde-chip:rgba(120,120,140,.10);
	--dde-gold-soft:rgba(224,163,0,.12);
	--dde-gold-ink:#9a6b00;
	--dde-good:#1a7f53;
	--dde-good-bg:rgba(26,127,83,.12);
	--dde-shadow:0 1px 2px rgba(120,90,0,.05),0 20px 44px -28px rgba(170,125,0,.55);
	margin:18px 0 14px;
}
.dd-eeat__card{
	position:relative;
	padding:15px 18px 14px;
	border:1.5px solid transparent;
	border-radius:18px;
	background:
		linear-gradient(180deg,var(--dde-card) 0%,var(--dde-card-2) 100%) padding-box,
		var(--dde-border) border-box;
	box-shadow:var(--dde-shadow);
	backdrop-filter:blur(13px);
	-webkit-backdrop-filter:blur(13px);
	overflow:hidden;
	animation:dde-rise .55s cubic-bezier(.2,.7,.2,1) both;
}
/* faint top sheen + a soft gold corner glow */
.dd-eeat__card::before{
	content:"";
	position:absolute;inset:0 0 auto 0;height:38px;
	background:linear-gradient(180deg,rgba(255,255,255,.5),rgba(255,255,255,0));
	pointer-events:none;
}
.dd-eeat__card::after{
	content:"";
	position:absolute;top:-60px;inset-inline-start:-40px;
	width:220px;height:150px;pointer-events:none;
	background:radial-gradient(closest-side,rgba(255,197,61,.20),rgba(255,197,61,0));
}

/* ---- primary row : identity · updated ------------------------------------ */
.dd-eeat__main{
	position:relative;z-index:1;
	display:flex;align-items:center;gap:14px;flex-wrap:wrap;
}
.dd-eeat__id{
	display:flex;align-items:center;gap:13px;
	flex:1 1 250px;min-width:0;
}

/* avatar + verified seal */
.dd-eeat__avatars{position:relative;flex:0 0 auto;width:48px;height:48px;}
.dd-eeat__av{
	position:absolute;inset:0;
	display:flex;align-items:center;justify-content:center;
	width:46px;height:46px;border-radius:50%;
	background:radial-gradient(circle at 32% 28%,#fff7e6 0%,#ffe6ac 100%);
	box-shadow:0 0 0 2px var(--dde-gold),0 5px 14px rgba(170,125,0,.3);
	overflow:hidden;
}
/* The brand logo file has a baked-in white square; multiply drops that white
   into the warm gold backing so only the coin shows (no white halo). */
.dd-eeat__av img{
	width:100%;height:100%;object-fit:contain;padding:6px;display:block;
	mix-blend-mode:multiply;
}
.dd-eeat__seal{
	position:absolute;bottom:-2px;inset-inline-end:-2px;
	display:flex;align-items:center;justify-content:center;
	width:21px;height:21px;border-radius:50%;
	color:#fff;background:var(--dde-grad);
	box-shadow:0 0 0 2.5px var(--dde-card,#fff),0 2px 8px rgba(224,163,0,.6);
	animation:dde-pop .5s .25s cubic-bezier(.2,1.4,.4,1) both;
}
.dd-eeat__seal svg{width:13px;height:13px;stroke-width:2.6;}

/* author + reviewer */
.dd-eeat__by{display:flex;flex-direction:column;gap:5px;min-width:0;}
.dd-eeat__line{display:flex;align-items:center;gap:7px;flex-wrap:wrap;line-height:1.35;}
.dd-eeat__role{
	font-size:.69rem;font-weight:800;
	color:var(--dde-gold-ink);
	background:var(--dde-gold-soft);
	padding:2px 8px;border-radius:6px;white-space:nowrap;
}
.dd-eeat__role--rev{color:var(--dde-muted);background:var(--dde-chip);}
.dd-eeat__name{
	font-size:.97rem;font-weight:800;
	color:var(--dde-strong) !important;
	text-decoration:none;
	border-bottom:1px solid transparent;
	transition:color .2s ease,border-color .2s ease;
}
.dd-eeat__name:hover{color:var(--dde-gold) !important;border-bottom-color:rgba(224,163,0,.5);}
.dd-eeat__ok{
	display:inline-flex;align-items:center;gap:3px;
	font-size:.71rem;font-weight:800;
	color:var(--dde-good);background:var(--dde-good-bg);
	padding:2px 8px 2px 6px;border-radius:20px;
}
.dd-eeat__ok svg{width:12px;height:12px;stroke-width:2.6;}

/* last updated */
.dd-eeat__updated{
	flex:0 0 auto;margin-inline-start:auto;
	display:flex;align-items:center;gap:9px;
	padding:7px 13px 7px 11px;
	background:linear-gradient(180deg,rgba(255,250,238,.9),rgba(255,244,221,.75));
	border:1px solid var(--dde-line);
	border-radius:13px;
	box-shadow:inset 0 1px 0 rgba(255,255,255,.5);
}
.dd-eeat__clock{
	display:flex;align-items:center;justify-content:center;
	width:30px;height:30px;border-radius:50%;flex:0 0 auto;
	color:#fff;background:var(--dde-grad);
	box-shadow:0 3px 9px rgba(224,163,0,.4);
}
.dd-eeat__clock svg{width:16px;height:16px;}
.dd-eeat__upd{display:flex;flex-direction:column;line-height:1.25;}
.dd-eeat__upd-lbl{font-size:.67rem;font-weight:700;color:var(--dde-muted);}
/* The theme hides every <time> globally ( time{display:none!important} in
   wavy/functions/custom-styles.php ) and recolours it — override both here so
   the update date is visible. */
.dd-eeat__date{
	display:inline-block !important;
	font-size:.92rem;font-weight:900;letter-spacing:.01em;
	color:var(--dde-strong) !important;
}

/* ---- trust row : licences + data source ---------------------------------- */
.dd-eeat__trust{
	position:relative;z-index:1;
	display:flex;align-items:center;gap:9px;flex-wrap:wrap;
	margin-top:13px;padding-top:12px;
	border-top:1px dashed var(--dde-line);
}
.dd-eeat__pill{
	display:inline-flex;align-items:center;gap:7px;
	font-size:.8rem;font-weight:800;
	padding:6px 12px;border-radius:10px;
	text-decoration:none;line-height:1.3;
}
.dd-eeat__pill svg{flex:0 0 auto;width:16px;height:16px;}
.dd-eeat__pill--lic{
	color:var(--dde-gold-ink) !important;
	background:linear-gradient(180deg,rgba(255,197,61,.2),rgba(224,163,0,.13));
	border:1px solid rgba(224,163,0,.34);
	box-shadow:0 1px 0 rgba(255,255,255,.4) inset;
	transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
}
.dd-eeat__pill--lic svg{color:var(--dde-gold);}
.dd-eeat__pill--lic:hover{
	transform:translateY(-1px);
	background:linear-gradient(180deg,rgba(255,197,61,.3),rgba(224,163,0,.2));
	box-shadow:0 8px 20px -9px rgba(224,163,0,.75);
}
.dd-eeat__pill--data{
	color:var(--dde-muted);
	background:var(--dde-chip);
	border:1px solid transparent;
}
.dd-eeat__dot{
	width:9px;height:9px;border-radius:50%;flex:0 0 auto;
	background:#19c37d;
	box-shadow:0 0 0 0 rgba(25,195,125,.55);
	animation:dde-live 2.2s ease-out infinite;
}

@keyframes dde-rise{from{opacity:0;transform:translateY(9px);}to{opacity:1;transform:none;}}
@keyframes dde-pop{from{opacity:0;transform:scale(.4);}to{opacity:1;transform:none;}}
@keyframes dde-live{
	0%{box-shadow:0 0 0 0 rgba(25,195,125,.5);}
	70%{box-shadow:0 0 0 7px rgba(25,195,125,0);}
	100%{box-shadow:0 0 0 0 rgba(25,195,125,0);}
}

/* ---- Dark mode (Dracula scheme) ------------------------------------------ */
html[data-dracula-scheme="dark"] .dd-eeat{
	--dde-ink:#cfcfdb;
	--dde-strong:#ffffff;
	--dde-muted:#9aa0b3;
	--dde-card:var(--dd-card,rgba(30,31,41,.8));
	--dde-card-2:rgba(34,31,42,.72);
	--dde-border:linear-gradient(135deg,rgba(255,197,61,.55),rgba(224,163,0,.18) 42%,rgba(255,197,61,.42));
	--dde-line:var(--dd-hair,rgba(255,197,61,.2));
	--dde-chip:rgba(255,255,255,.06);
	--dde-gold-soft:rgba(255,197,61,.14);
	--dde-gold-ink:#ffd97a;
	--dde-good:#4ad6a0;
	--dde-good-bg:rgba(74,214,160,.14);
	--dde-shadow:0 1px 2px rgba(0,0,0,.4),0 24px 48px -28px rgba(0,0,0,.85);
}
html[data-dracula-scheme="dark"] .dd-eeat__card::before{
	background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,0));
}
html[data-dracula-scheme="dark"] .dd-eeat__updated{
	background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));
}
/* keep the warm medallion in dark mode too so multiply still drops the white */
html[data-dracula-scheme="dark"] .dd-eeat__av{background:radial-gradient(circle at 32% 28%,#fff7e6 0%,#ffe6ac 100%);}

/* ---- Responsive ---------------------------------------------------------- */
@media (max-width:620px){
	.dd-eeat{margin:14px 0 12px;}
	.dd-eeat__card{padding:14px 14px 13px;border-radius:16px;}
	.dd-eeat__id{flex:1 1 100%;}
	.dd-eeat__updated{margin-inline-start:0;flex:1 1 100%;justify-content:center;margin-top:4px;}
	.dd-eeat__pill{flex:1 1 auto;justify-content:center;font-size:.76rem;}
}

@media (prefers-reduced-motion:reduce){
	.dd-eeat__card,.dd-eeat__seal,.dd-eeat__dot{animation:none !important;}
	.dd-eeat__pill--lic{transition:none !important;}
}