/*
Theme Name: TR (Twenty Twenty-Five Child)
Template: twentytwentyfive
*/

/* -------- Brand tokens -------- */
:root{
  --tr-green:#368555;
  --tr-navy:#2c3949;
  --tr-paper:#fffdfe;
  --tr-orange:#ffa733;
  --tr-gray-700:#444444;
  --tr-gray-600:#555555;
  --tr-gray-500:#6b7280;
  --tr-border:#e5e7eb;
  --tr-content-width: 1100px;
}

/* -------- Basics -------- */
.tr-stars .tr-star,
.tr-vendor-rating .tr-star,
.tr-review-rating .tr-star { color: var(--tr-orange); }

.tr-badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:.85rem;line-height:1.6;border:1px solid var(--tr-border);background:#fff;vertical-align:middle}
.tr-badge-yes{background:rgba(54,133,85,.1);color:var(--tr-green);border-color:rgba(54,133,85,.25)}
.tr-badge-no{background:rgba(255,167,51,.12);color:#b45309;border-color:rgba(255,167,51,.35)}
.tr-badge-verified{background:rgba(44,57,73,.08);color:var(--tr-navy);border-color:rgba(44,57,73,.25)}

.tr-chip{display:inline-block;padding:4px 10px;margin:0 8px 8px 0;border:1px solid var(--tr-border);border-radius:999px;text-decoration:none;color:var(--tr-gray-700)}
.tr-chip:hover{background:#fafafa}

.tr-notice{padding:12px 14px;border-radius:8px;border:1px solid var(--tr-border);margin:12px 0}
.tr-success{background:rgba(54,133,85,.08);border-color:rgba(54,133,85,.25);color:var(--tr-green)}
.tr-error{background:#fff0f0;border-color:#ffd4d4;color:#9a1b1b}

/* Buttons */
.tr-visit, .tr-loadmore, .tr-archive-filters button{
  display:inline-block;background:var(--tr-navy);color:var(--tr-paper);text-decoration:none;
  padding:10px 14px;border-radius:8px;border:0;cursor:pointer
}
.tr-visit:hover, .tr-loadmore:hover, .tr-archive-filters button:hover{opacity:.92}

/* -------- Vendor header card -------- */
.tr-vendor-card{
  max-width:var(--tr-content-width);margin:24px auto;padding:20px;border:1px solid var(--tr-border);
  border-radius:14px;background:#fff
}
.tr-card-top{display:flex;align-items:center}
.tr-logo-wrap{margin-right:16px}
.tr-logo-wrap img{width:96px;height:auto;border-radius:12px;display:block}
.tr-heading .tr-name{font-size:1.6rem}
.tr-vendor-rating{margin:6px 0}
.tr-scoreline{color:var(--tr-gray-600);margin:4px 0}
.tr-actions{margin-top:8px}
.tr-meta{display:block;margin-top:14px}
.tr-meta-row{display:flex;margin:6px 0}
.tr-meta-row dt{min-width:160px;color:var(--tr-gray-600)}
.tr-meta-row dd{margin:0}

/* -------- Reviews -------- */
#tr-reviews{max-width:var(--tr-content-width);margin:16px auto}
.tr-review{
  border:1px solid var(--tr-border);border-radius:12px;padding:14px;margin:12px 0;background:#fff
}
.tr-review-head{margin-bottom:4px}
.tr-review-meta{color:var(--tr-gray-600)}
.tr-review-line{margin:6px 0}
.tr-review-body p{margin:10px 0}
.tr-review-rating{margin:6px 0}

/* Load more */
.tr-loadmore{margin-top:12px}

/* -------- Review form -------- */
.tr-review-form{max-width:var(--tr-content-width);margin:16px auto}
.tr-review-form input[type="text"],
.tr-review-form input[type="email"],
.tr-review-form select,
.tr-review-form textarea{
  width:100%;padding:10px;border:1px solid var(--tr-border);border-radius:8px
}
.tr-review-form textarea{resize:vertical}
.tr-check{display:inline-flex;align-items:center;margin:0 14px 10px 0}
.tr-check input{margin-right:8px}
.tr-field-error{color:#b91c1c}

/* -------- Archive filters (centered under header) -------- */
.tr-archive-filters-slot{
  max-width:var(--tr-content-width);
  margin:0 auto;
  padding:0 16px;
}
.tr-archive-filters{
  display:flex;flex-wrap:wrap;align-items:center;margin:16px 0 8px 0
}
.tr-archive-filters label{
  margin:0 12px 12px 0;font-weight:600;color:var(--tr-gray-700)
}
.tr-archive-filters select{
  min-width:200px;padding:8px 10px;border:1px solid var(--tr-border);border-radius:6px
}
.tr-archive-filters button{margin:0 12px 12px 0}

/* -------- Toplist -------- */
.tr-toplist{max-width:var(--tr-content-width);margin:16px auto;padding:0 16px}
.tr-toplist-list{padding-left:20px}
.tr-toplist-list li{margin:6px 0}
.tr-toplist .tr-toplist-meta{color:var(--tr-gray-600);margin-left:6px}

/* -------- Breadcrumbs -------- */
.tr-breadcrumbs{max-width:var(--tr-content-width);margin:0 auto;padding:0 16px 8px 16px;color:var(--tr-gray-600)}
.tr-breadcrumbs a{text-decoration:none}
.tr-breadcrumbs a:hover{text-decoration:underline}