/* gume.guru V44
   - adds 3 missing popular-brand logos (Goodyear, Pirelli, Bridgestone)
   - keeps brand directory text-only
   - fixes third home compare image
   - removes remaining green / pink accents on auth & utility links
   - improves review score chips
   - keeps empty-review star yellow
*/

/* 1) Popular brand logos on homepage should be visible */
.carbon-brand-links .verified-brand-image {
  display:block!important;
  width:118px!important;
  height:40px!important;
  max-width:100%!important;
  background-color:#ffffff!important;
  border:1px solid rgba(16,33,52,.2)!important;
  border-radius:8px!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:calc(100% - 14px) auto!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.03) inset!important;
}
.carbon-brand-link{
  min-width:128px!important;
}
.carbon-brand-links .verified-brand-image.logo-goodyear{
  background-image:url('/static/official-logos/goodyear.png')!important;
  background-size:calc(100% - 12px) auto!important;
}
.carbon-brand-links .verified-brand-image.logo-pirelli{
  background-image:url('/static/official-logos/pirelli.png')!important;
  background-size:calc(100% - 10px) auto!important;
}
.carbon-brand-links .verified-brand-image.logo-bridgestone{
  background-image:url('/static/official-logos/bridgestone.png')!important;
  background-size:calc(100% - 14px) auto!important;
}
.carbon-brand-links .verified-brand-label{
  color:#eff6ff!important;
}

/* 2) Brand listing page stays text-only */
.brand-list-text-only .brand-card .brand-card-media,
.brand-list-text-only .brand-card .verified-brand-image {
  display:none!important;
}
.brand-list-text-only .brand-card{
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
}

/* 3) Detail/internal page accents: no red/pink, no green utility links */
.overline,
.tiny-caps,
.guide-number,
.product-hero .overline,
.page-hero .overline,
.content-panel .overline,
.sidebar-panel .overline,
.model-summary .model-summary-brand,
.model-summary .model-summary-kicker,
.product-hero .model-summary .model-summary-brand,
.product-hero .model-summary .model-summary-kicker,
.page-hero h1 em,
.product-hero h1 em,
.article-top h1 em,
.page-hero .title-dot,
.product-hero .title-dot,
.text-page .title-dot {
  color:#79bbff!important;
}

/* White / neutral text links where old green accent still leaks through */
.crumb,
.auth-switch a,
.caption-text a,
.notice a,
.text-link,
.content-panel a:not(.btn),
.sidebar-panel .text-link,
.size-pills a,
.comparison-table a,
.sources-box a,
.filters-title a,
.carbon-filter-heading a,
.carbon-listing-header>a,
.mag-panel-header>a,
.mag-subtle-link,
.mag-section-heading a,
.mag-guide-card em,
.footer-join,
.brand-card h2 + p + a,
.profile-review a,
.account-panel a,
.text-page a {
  color:#eef5ff!important;
}
.crumb:hover,
.auth-switch a:hover,
.caption-text a:hover,
.notice a:hover,
.text-link:hover,
.content-panel a:not(.btn):hover,
.sidebar-panel .text-link:hover,
.size-pills a:hover,
.comparison-table a:hover,
.sources-box a:hover,
.filters-title a:hover,
.carbon-filter-heading a:hover,
.carbon-listing-header>a:hover,
.mag-panel-header>a:hover,
.mag-subtle-link:hover,
.mag-section-heading a:hover,
.mag-guide-card:hover em,
.footer-join:hover,
.text-page a:hover {
  color:#8ec2ff!important;
}

/* 4) Empty review state star must be yellow */
.review-empty-icon,
.preview-empty-icon,
.empty-reviews .review-empty-icon,
.mag-empty-reviews > span {
  color:#f3c84f!important;
}

/* 5) Review chips cleaner + yellow value, white slash */
.review-attributes {
  display:flex!important;
  flex-wrap:wrap!important;
  gap:12px!important;
  margin-top:16px!important;
}
.review-attributes > span {
  display:inline-flex!important;
  align-items:center!important;
  gap:10px!important;
  padding:10px 14px!important;
  border:1px solid #a8c4df!important;
  background:#12314f!important;
  border-radius:8px!important;
  color:#eef5ff!important;
  font-size:13px!important;
  line-height:1.2!important;
}
.review-attributes strong,
.review-attributes strong.score-inline {
  display:inline-flex!important;
  align-items:center!important;
  gap:0!important;
  font-weight:800!important;
  color:inherit!important;
}
.review-attributes strong.score-inline > span {
  display:inline!important;
  background:transparent!important;
  border:none!important;
  padding:0!important;
  margin:0!important;
  border-radius:0!important;
  min-width:0!important;
}
.review-attributes .score-value,
.review-attributes .score-max {
  color:#f3c84f!important;
}
.review-attributes .score-sep {
  color:#ffffff!important;
  padding:0 3px!important;
}
.review-card .review-stars { color:#f3c84f!important; }

/* 6) Home compare card: ensure all three images appear uniformly */
.mag-compare-icons{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
.mag-compare-icons img{
  display:block!important;
  width:100%!important;
  height:69px!important;
  object-fit:cover!important;
  border-radius:6px!important;
}
.mag-compare-icons span{ display:none!important; }

/* 7) Auth page helper links should not look green */
.auth-card .crumb,
.auth-card .caption-text a,
.auth-card .check-label a,
.auth-card .auth-switch a {
  color:#eef5ff!important;
}
.auth-card .crumb:hover,
.auth-card .caption-text a:hover,
.auth-card .check-label a:hover,
.auth-card .auth-switch a:hover {
  color:#8ec2ff!important;
}

/* 8) Small responsive polish */
@media (max-width:900px){
  .carbon-brand-links{gap:10px!important;justify-content:flex-start!important}
  .carbon-brand-link{min-width:0!important;flex:1 1 30%!important}
  .carbon-brand-links .verified-brand-image{width:100%!important;height:38px!important}
}
@media (max-width:640px){
  .review-attributes > span{font-size:12px!important;padding:9px 12px!important}
}
@media (max-width: 760px) {
  .main-nav .mobile-account {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    margin-top: 8px !important;
  }

  .main-nav .mobile-account a {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    padding: 12px 0 !important;
    margin: 0 auto !important;
  }
}