/*
This file is part of the Meeds project (https://meeds.io/).
Copyright (C) 2020 Meeds Association
contact@meeds.io
This program is free software; you can redistribute it and/or
modify it under the terms of the GNU Lesser General Public
License as published by the Free Software Foundation; either
version 3 of the License, or (at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
Lesser General Public License for more details.
You should have received a copy of the GNU Lesser General Public License
along with this program; if not, write to the Free Software Foundation,
Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
*/
// Add font for rating stars
@font-face {
    font-family: 'PLF-FONT-ICONS';
    src:url('@{font-path}/PLF-FONT-ICONS.eot?-m9uidt');
    src:url('@{font-path}/PLF-FONT-ICONS.eot?#iefix-m9uidt') format('embedded-opentype'),
    url('@{font-path}/PLF-FONT-ICONS.ttf?-m9uidt') format('truetype'),
    url('@{font-path}/PLF-FONT-ICONS.woff?-m9uidt') format('woff'),
    url('@{font-path}/PLF-FONT-ICONS.svg?-m9uidt#PLF-FONT-ICONS') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
// IMPORTANT to set the font
[class^="voted"], [class^="unvoted"] {
    .font-icon();
}


//
// Vote
// --------------------------------------------------
.uiVoteForm{
	.voteFormContainer{
		h6{
			margin: 0px 0px 5px 10px ~'!important; /** orientation=lt */ ';
			margin: 0px 10px 5px 0 ~'!important; /** orientation=rt */ ';
			font-weight: normal;
		}
		.uiRatingInfoContainer{
			margin: 0px auto 13px;
            text-align: center;
			[class^="uiIcon"] {
				cursor: pointer;

			  	// Adding star icon
			  	&:before {
                    content: "\e7a1";//uiIconStarBlank
				}
			}
		  	.uiIconOverVote, .uiIconRatedVote {
			  	color: @yellow;
                &:before {
                    content: "\e779";
                }
			}
		}

	}
}


/*---------- Vote of View1 ----------*/

.uiVote {

	.voteRatingInfo {
		float: left ~'!important; /** orientation=lt */ ';
		float: right ~'!important; /** orientation=rt */ ';
		line-height: 16px;
		margin-right: 15px ~'!important; /** orientation=lt */ ';
		margin-left: 15px ~'!important; /** orientation=rt */ ';
		span {
			color: @primaryColor;
		}
	}

	.avgRatingImages {
		//float: left;
		.voted,.votedHaft,.unvoted  {
			cursor: default;
		}

	  // Changing definitions to make it font-icons, not images
	  .voted:before {
		content: "\e779"; //uiIconStar
	  }
        .unvoted:before {
            content: "\e7a1";//uiIconStarBlank
        }
	  .votedHaft:before {
          content: "\e7a0";//uiIconStarBlankAHalf
	  }
	  .voted, .votedHaft {
		color: @yellow;
	  }
	}
}

//uiVoteMini use combine with uiVote

.uiVoteMini {
	.avgRatingImages {
		.voted,.votedHaft,.unvoted  {
		  	font-size: @sizeIcon12x12;
		}

	  	// Changing definitions to make it font-icons, not images
	  	.voted:before {
		  	content: "\e779";
		}
        .unvoted:before {
            content: "\e7a1";//uiIconStarBlank
        }
	  	.votedHaft:before {
            content: "\e7a0";//uiIconStarBlankAHalf
		}
	  	.voted, .votedHaft {
		  	color: @yellow;
		}
	}
}