/* mod_smartrestaurants — registered via registerAndUseStyle() in the module
   entry .php so this loads ONLY where the module actually renders. */

.main-restaurants .restaurants{
  display:flex;flex-wrap:wrap;
}

.main-restaurants .onerest{
  display:flex;align-items:center;overflow:hidden;
  border:1px solid #ccc;border-radius:14px;
  background-color:#fff;
  margin:0 10px 10px;
  color:#000;text-decoration:none;
}

.main-restaurants .onerest img.small-logo{
  width:80px;max-width:80px;min-width:80px;
  opacity:0;
}

.small-logo-outer{
  width:80px;height:80px;margin:15px;
  background:#fff center/cover no-repeat;
}

.main-restaurants .onerest-data{
  font-size:.9375rem;line-height:1.4em;
  overflow:hidden;
}
.main-restaurants .onerest-data span{
  display:block;width:100%;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.main-restaurants .onerest-data .name{
  color:#000c;font-size:1.125rem;font-weight:bold;
}
.main-restaurants .onerest-data .address{color:#757575;}

.main-restaurants .onerest:hover .name{text-decoration:underline;}

/* Review row inside .onerest-outer */
.main-restaurants .onerest-outer .review-rest-outer{
  display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;
  width:100%;
}
.main-restaurants .review-rest-outer .review-more{
  font-size:.825rem;color:#444;white-space:nowrap;
}
.main-restaurants .review-rest-outer .review-more span{
  display:inline;white-space:nowrap;
}

@media (max-width:992px){
  /* Drop the hover-underline on touch — :hover sticks after tap. */
  .main-restaurants .onerest:hover .name{text-decoration:none;}
}

/* Review stars — gray base layer + amber fill via inline width%. Shared
   widget; this is a per-view copy (template.min.css no longer hosts it). */
.star-rating{position:relative;width:100px;height:20px;}
.star-rating:before{
    content:"";display:block;position:absolute;inset:0;
    width:100px;height:20px;
    background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22929%22%20height%3D%22886%22%20viewBox%3D%220%200%20929%20886%22%3E%3Cstyle%3Epath%20%7B%20fill%3A%20%23888%20!important%20%7D%3C%2Fstyle%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M929%20343c0%208-5%2017-15%2027L711%20567l48%20279c1%203%201%207%201%2012%200%2015-8%2027-22%2027-7%201-15-1-23-6L464%20747%20214%20879c-9%205-16%207-23%207-14%200-23-15-23-28%200-3%200-7%201-12l48-279L14%20370c-9-10-14-19-14-27%200-14%2010-23%2031-26l280-40L437%2023c7-15%2016-23%2027-23s20%208%2028%2023l125%20254%20280%2040c21%203%2032%2012%2032%2026z%22%2F%3E%3C%2Fsvg%3E)!important;
    background-repeat:repeat-x;background-size:20px;
}
.star-rating > span{
    display:block;position:absolute;overflow:hidden;
    width:100px;height:20px;text-indent:-10000px;
}
.star-rating > span:before{
    content:"";display:block;position:absolute;inset:0;height:20px;
    background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22929%22%20height%3D%22886%22%20viewBox%3D%220%200%20929%20886%22%3E%3Cstyle%3Epath%20%7B%20fill%3A%20%23ff981a%20%20!important%20%7D%3C%2Fstyle%3E%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M929%20343c0%208-5%2017-15%2027L711%20567l48%20279c1%203%201%207%201%2012%200%2015-8%2027-22%2027-7%201-15-1-23-6L464%20747%20214%20879c-9%205-16%207-23%207-14%200-23-15-23-28%200-3%200-7%201-12l48-279L14%20370c-9-10-14-19-14-27%200-14%2010-23%2031-26l280-40L437%2023c7-15%2016-23%2027-23s20%208%2028%2023l125%20254%20280%2040c21%203%2032%2012%2032%2026z%22%2F%3E%3C%2Fsvg%3E)!important;
    background-repeat:repeat-x;background-size:20px;
    text-indent:10000px;
}


@media (max-width:992px){
  .star-rating,
  .star-rating:before,
  .star-rating > span{width:75px;height:15px;}
  .star-rating:before,
  .star-rating > span:before{background-size:15px;height:15px;}
}