.comment-form-reviewer-country,
.comment-form-review-images {
  margin: 16px 0;
}
.comment-form-reviewer-country label,
.comment-form-review-images label {
  display: block;
  font-weight: 700;
  margin-bottom: 8px;
}
.comment-form-reviewer-country select,
.comment-form-review-images input[type="file"] {
  display: block;
  width: 100%;
  padding: 12px;
  border: 1px solid #e7eaf0;
  border-radius: 10px;
  background: #fff;
}
.comment-form-review-images input[type="file"] {
  border-style: dashed;
}
.comment-form-review-images small {
  display: block;
  margin-top: 7px;
  opacity: .75;
}
.dma-tri-review-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 8px 0 12px;
  font-size: 13px;
}
.dma-tri-verified-review,
.dma-tri-review-country {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 9px;
  border-radius: 999px;
  background: #f4f8fb;
  color: #44546a;
  font-weight: 600;
}
.dma-tri-verified-icon {
  display: inline-flex;
  width: 16px;
  height: 16px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #18a999;
  color: #fff;
  font-size: 11px;
  line-height: 1;
}
.dma-tri-country-flag {
  font-size: 16px;
  line-height: 1;
}
.review-attached-images {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
}
.review-attached-image {
  width: 112px;
  height: 88px;
  border-radius: 10px;
  overflow: hidden;
  background: #f5f5f5;
}
.review-attached-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.comment-form-review-title {
  margin: 16px 0;
}
.comment-form-review-title label {
  display: block;
  font-weight: 700;
  margin-bottom: 8px;
}
.comment-form-review-title input[type="text"] {
  display: block;
  width: 100%;
  padding: 12px;
  border: 1px solid #e7eaf0;
  border-radius: 10px;
  background: #fff;
}
.dma-tri-review-title {
  margin: 0 0 8px;
  font-size: 18px;
  line-height: 1.35;
  font-weight: 700;
  color: #1f2d3d;
}

.dma-tri-review-avatar,
img.dma-tri-review-avatar,
span.dma-tri-review-avatar {
	border-radius: 999px !important;
	object-fit: cover !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	color: #fff !important;
	font-weight: 800 !important;
	text-transform: uppercase !important;
	line-height: 1 !important;
	overflow: hidden !important;
}


.dma-tri-review-notice {
  margin-top: 14px;
  padding-top: 10px;
  border-top: 1px solid #edf0f5;
  color: #6b7280;
  font-size: 12px;
  line-height: 1.55;
}
.dma-tri-review-written-date {
  font-weight: 700;
  color: #4b5563;
  margin-bottom: 3px;
}
.dma-tri-review-disclaimer a {
  color: #f97316;
  text-decoration: underline;
}


/* v1.2.3: consistent reviewer avatar/name/date alignment */
.dma-tri-review-avatar,
img.dma-tri-review-avatar,
span.dma-tri-review-avatar,
.dma-tri-js-avatar {
  width: 56px !important;
  height: 56px !important;
  min-width: 56px !important;
  max-width: 56px !important;
  min-height: 56px !important;
  max-height: 56px !important;
  aspect-ratio: 1 / 1 !important;
  border-radius: 999px !important;
  object-fit: cover !important;
  object-position: center center !important;
  overflow: hidden !important;
  flex: 0 0 56px !important;
  vertical-align: top !important;
  box-sizing: border-box !important;
  border: 3px solid #fff !important;
  box-shadow: 0 4px 14px rgba(15, 23, 42, .12) !important;
}

img.dma-tri-review-avatar,
.dma-tri-review-avatar-img {
  display: block !important;
  background: #f3f4f6 !important;
}

span.dma-tri-review-avatar,
.dma-tri-review-avatar-letter {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #fff !important;
  font-size: 22px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

/* Try to normalize common Travivu/WordPress review header layouts without breaking the theme. */
.comment .avatar.dma-tri-review-avatar,
.review .avatar.dma-tri-review-avatar,
.comment-body .avatar.dma-tri-review-avatar,
.comment-author .avatar.dma-tri-review-avatar {
  float: none !important;
  margin: 0 18px 0 0 !important;
}

.dma-tri-review-meta {
  clear: none;
}

@media (max-width: 575px) {
  .dma-tri-review-avatar,
  img.dma-tri-review-avatar,
  span.dma-tri-review-avatar,
  .dma-tri-js-avatar {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    flex-basis: 48px !important;
  }
}

/* DMA Review Slider integration: keep uploaded avatars and fallback initials identical. */
.dma-tri-slider-integrated .dma-review-person,
.dma-tri-slider-integrated .dma-tri-review-person{
    display:flex;
    align-items:flex-start;
    gap:14px;
}
.dma-tri-slider-integrated .dma-review-avatar,
.dma-tri-slider-integrated .dma-tri-slider-avatar{
    width:52px !important;
    height:52px !important;
    min-width:52px !important;
    flex:0 0 52px !important;
    border-radius:999px !important;
    overflow:hidden !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    line-height:1 !important;
    color:#fff;
    font-size:22px;
    font-weight:900;
    text-transform:uppercase;
    border:3px solid #fff;
    box-shadow:0 8px 18px rgba(15,23,42,.14);
}
.dma-tri-slider-integrated .dma-tri-slider-avatar img{
    width:100% !important;
    height:100% !important;
    display:block !important;
    object-fit:cover !important;
    border-radius:inherit !important;
}
.dma-tri-slider-integrated .dma-review-person-info,
.dma-tri-slider-integrated .dma-tri-review-person-info{
    min-width:0;
    flex:1;
}
.dma-tri-slider-integrated .dma-review-person-info strong{
    display:block;
    margin:0 0 3px;
    color:#071521;
    font-size:15px;
    font-weight:900;
    line-height:1.2;
}
.dma-tri-slider-integrated .dma-tri-slider-meta-line{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:7px;
    margin:0 0 2px;
}
.dma-tri-slider-integrated .dma-country-inline,
.dma-tri-slider-integrated .dma-tri-slider-country{
    display:inline-flex !important;
    align-items:center;
    gap:5px;
    margin:0 !important;
    color:#475569 !important;
    font-size:12px !important;
    font-weight:800 !important;
    line-height:1.2;
}
.dma-tri-slider-integrated .dma-tri-flag{
    font-size:15px;
    line-height:1;
}
.dma-tri-slider-integrated .dma-tri-slider-verified{
    display:inline-flex;
    align-items:center;
    gap:4px;
    padding:3px 8px;
    border-radius:999px;
    color:#087443;
    background:#ecfdf5;
    border:1px solid #bbf7d0;
    font-size:11px;
    font-weight:900;
    line-height:1.1;
    white-space:nowrap;
}
.dma-tri-slider-integrated .dma-tri-slider-date{
    display:block;
    color:#64748b;
    font-size:12px;
    font-weight:650;
    line-height:1.3;
}
.dma-tri-slider-integrated .dma-tri-slider-review-title{
    margin:10px 0 7px;
    color:#071521;
    font-size:17px;
    font-weight:900;
    line-height:1.25;
}
.dma-review-style-tripo.dma-tri-slider-integrated .dma-review-avatar{
    background:initial !important;
}
.dma-review-style-tripo.dma-tri-slider-integrated .dma-tri-slider-avatar:not(.dma-tri-slider-avatar-has-image){
    background:var(--dma-avatar-bg, #ff5a3d) !important;
}
.dma-review-style-tripo.dma-tri-slider-integrated .dma-review-person span::after{
    content:none !important;
}
@media (max-width: 575px){
    .dma-tri-slider-integrated .dma-review-avatar,
    .dma-tri-slider-integrated .dma-tri-slider-avatar{
        width:48px !important;
        height:48px !important;
        min-width:48px !important;
        flex-basis:48px !important;
    }
    .dma-tri-slider-integrated .dma-tri-slider-meta-line{
        gap:5px;
    }
}
