/**
 * D2G Post Metadata Widget Styles
 * Desert To Global Branding
 */

.d2g-post-meta-container {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 1rem 2rem;
	padding: 1.25rem 0;
	border-top: 1px solid #EADCC8;
	border-bottom: 1px solid #EADCC8;
	font-family: 'Montserrat', sans-serif;
	color: #0B3D36;
	font-size: 0.875rem;
	line-height: 1.4;
	box-sizing: border-box;
}

/* --------------------------------------------------------------------------
   Item 1: Author
   -------------------------------------------------------------------------- */
.d2g-meta-item-author {
	display: inline-flex;
	align-items: center;
	vertical-align: middle;
	gap: 0.75rem;
}

.d2g-meta-author-avatar-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50% !important;
	overflow: hidden !important;
	flex-shrink: 0;
	line-height: 0;
}

.d2g-meta-author-avatar,
img.d2g-meta-author-avatar {
	width: 48px;
	height: 48px;
	min-width: 48px;
	border-radius: 50% !important;
	border: 2px solid #C89B5B;
	object-fit: cover;
	display: block;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
	transition: border-color 0.2s ease, transform 0.2s ease;
}

.d2g-meta-item-author:hover .d2g-meta-author-avatar {
	border-color: #0B3D36;
}

.d2g-meta-author-info {
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: left;
}

.d2g-meta-author-name {
	font-weight: 700;
	color: #0B3D36;
	margin: 0 !important;
	padding: 0 !important;
	line-height: 1.25;
}

.d2g-meta-author-name a {
	color: inherit;
	text-decoration: none;
	transition: color 0.2s ease;
}

.d2g-meta-author-name a:hover {
	color: #C89B5B;
}

.d2g-meta-author-role {
	font-size: 0.75rem;
	font-weight: 500;
	color: #5F7F6E;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	margin: 0.2rem 0 0 0 !important;
	padding: 0 !important;
	line-height: 1.2;
}

/* --------------------------------------------------------------------------
   Dividers / Separators
   -------------------------------------------------------------------------- */
.d2g-meta-separator {
	width: 1px;
	height: 2.5rem;
	background-color: #EADCC8;
	flex-shrink: 0;
	align-self: center;
}

/* --------------------------------------------------------------------------
   Item 2: Dates
   -------------------------------------------------------------------------- */
.d2g-meta-item-dates {
	display: inline-flex;
	align-items: center;
	vertical-align: middle;
	gap: 0.75rem;
}

.d2g-meta-dates-icon-box {
	width: 32px;
	height: 32px;
	min-width: 32px;
	border-radius: 4px;
	background-color: #F8F7F4;
	border: 1px solid #EADCC8;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #C89B5B;
	font-size: 14px;
	flex-shrink: 0;
	line-height: 1;
}

.d2g-meta-dates-icon-box svg {
	width: 14px;
	height: 14px;
	display: block;
	fill: currentColor;
}

.d2g-meta-dates-icon-box i {
	font-size: 14px;
	line-height: 1;
}

.d2g-meta-dates-info {
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: left;
}

.d2g-meta-date-published {
	font-weight: 700;
	color: #0B3D36;
	margin: 0 !important;
	padding: 0 !important;
	line-height: 1.25;
}

.d2g-meta-date-published time {
	font-weight: inherit;
	color: inherit;
}

.d2g-meta-date-updated {
	font-size: 0.75rem;
	color: #5F7F6E;
	margin: 0.2rem 0 0 0 !important;
	padding: 0 !important;
	line-height: 1.2;
}

/* --------------------------------------------------------------------------
   Item 3: Reading Time
   -------------------------------------------------------------------------- */
.d2g-meta-item-readtime {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	font-weight: 700;
	color: #C89B5B;
	line-height: 1;
}

.d2g-meta-readtime-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	line-height: 1;
	flex-shrink: 0;
}

.d2g-meta-readtime-icon svg {
	width: 16px;
	height: 16px;
	display: block;
	fill: currentColor;
}

.d2g-meta-readtime-icon i {
	font-size: 16px;
	line-height: 1;
}

.d2g-meta-readtime-text {
	line-height: 1;
}

/* --------------------------------------------------------------------------
   Responsive
   -------------------------------------------------------------------------- */
@media (max-width: 767px) {
	.d2g-meta-separator {
		display: none;
	}

	.d2g-post-meta-container {
		justify-content: center;
		gap: 1.25rem 1.5rem;
	}
}