/*
    Template Name:  Carousel
    Template URI:   http://en.michaeluno.jp
    Author:         Michael Uno
    Author URI:     http://en.michaeluno.jp
    Description:    Displays Amazon products with a carousel slider.
    Version:        1.5.0
    License:        GNU General Public License v2 or later
    License URI:    http://www.gnu.org/licenses/gpl-2.0.html
    Tags:           default
    Text Domain:    amazon-auto-links
*/
.amazon-products-container-carousel {
    /* Horizontal Scrollbar */
    white-space: nowrap;
    overflow: auto;
    overflow-y: hidden;
    /* for IE8 */
    -ms-overflow-y: hidden;

    font-size: x-small;
}

.amazon-products-container-carousel * {
    box-sizing: border-box;
}
.amazon-products-container-carousel .amazon-auto-links-product-body {
    white-space: normal;
    padding: 0 0.72em;
}
.amazon-products-container-carousel a {
	text-decoration: none;	
}
.amazon-products-container-carousel .amazon-product-container {
	width: 100%;
	display: inline-block;
    vertical-align: top;    /* without this, elements are aligned with base-line and some images are not aligned well */
}
.amazon-products-container-carousel .amazon-product-title {
    white-space: normal;
    margin: 1em 0;
    font-size: small;
    /* Truncation by Line */
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.amazon-products-container-carousel .amazon-product-title a {
   /* Force line breaks on too long titles */
    overflow-wrap: break-word;
}

.amazon-products-container-carousel .amazon-product-thumbnail-container {
	width: 100%;
}
.amazon-products-container-carousel .amazon-product-thumbnail {

    text-align: center;
    margin: auto; /* center image */

    /* Override inline width="..." set by Image Format unit option */
    width: auto !important;

    /* Give some spaces around thumbnails */
    padding: 4%;
}
/* Giving thumbnails a corner-rounded frame not to directly apply to the image (modifying the image may be a violation of terms) */
.amazon-products-container-carousel .amazon-product-thumbnail > a {
    display: inline-block;
    background-color: white;
    padding: 4%;
    border: none;
    border-radius: 4%;
    box-shadow: none;
}
.amazon-products-container-carousel .amazon-product-thumbnail > a:hover,
.amazon-products-container-carousel .amazon-product-thumbnail > a:focus
{
    border: none;
    box-shadow: none;
}

.amazon-products-container-carousel .amazon-product-thumbnail img {
	max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.amazon-products-container-carousel .amazon-auto-links-credit {
	font-size: smaller;
}
.amazon-products-container-carousel .amazon-product-author,
.amazon-products-container-carousel .amazon-product-price,
.amazon-products-container-carousel .amazon-product-discounted-price,
.amazon-products-container-carousel .amazon-product-lowest-new-price,
.amazon-products-container-carousel .amazon-product-lowest-used-price {
	font-size: 0.92em;	
}
.amazon-products-container-carousel .amazon-product-lowest-new-price-value,
.amazon-products-container-carousel span.offered-price {
    color: #B12704;
    font-weight: bold;
}
/* Description Word-wrap */
.amazon-products-container-carousel .amazon-product-container .amazon-product-description {
    /* These are technically the same, but use both */
    overflow-wrap: break-word;
    word-wrap: break-word;
    
    -ms-word-break: break-all;
    /* This is the dangerous one in WebKit, as it breaks things wherever */
    word-break: break-all;
    /* Instead use this non-standard one: */
    word-break: break-word;
    
    /* Adds a hyphen where the word breaks, if supported (No Blink) */
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    
    /* For the disclaimer to continue */
    display: inline;
    margin-right: 0.5em;

    /* In carousel, the element must be wrapped */
    white-space: normal;

    /* Truncation by Line */
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

/* Meta */
.amazon-products-container-carousel .amazon-product-container .amazon-product-meta {
    display: inline;
    margin-right: 0.4em;
}

/* Customer Reviews */
.amazon-products-container-carousel .amazon-customer-reviews {
    word-break: break-all;
}
.amazon-products-container-carousel .crIFrameNumCustReviews {
    display: inline-block;
    vertical-align: middle;
}
.amazon-products-container-carousel .amazon-customer-reviews .review-date {
    font-size: smaller;
}
.amazon-products-container-carousel .amazon-customer-reviews .review-title {
    font-weight: bold;
}
.amazon-products-container-carousel .amazon-customer-reviews .review-image-tile {
    display: inline-block;
    max-height: 60px;
    max-width: 60px;
    margin: 0.2em;
}

/* Rating stars */
.amazon-products-container-carousel span.asinReviewsSummary > a > img,
.amazon-products-container-carousel .amazon-customer-reviews img,
.amazon-products-container-carousel span.crVotingButtons > nobr > a  > img {
    display: inline-block;
}
.amazon-products-container-carousel .reviews-voting-stripe {
    border-right: 0 !important;
}
.amazon-products-container-carousel span.crAvgStars a {
    text-decoration: none;
    border-bottom: 0;
    /* No underlines in hyper links with box shadow */
    box-shadow: none;
}
.amazon-products-container-carousel .amazon-customer-rating-stars {
    margin: 0.4em 0;
}
.amazon-products-container-carousel .amazon-customer-rating-stars img {
    /* Prevents rating stars from being wrapped */
    display: inline-block;
    /* In some themes the rating number and the star image do not align. This is for the fix.  */
    vertical-align: text-top;

    margin-left: -4px;
}
.amazon-products-container-carousel .amazon-customer-rating-stars .review-count {
    margin-left: -8px;
}
.amazon-products-container-carousel .review-stars svg {
    margin-right: 1em;
}

/* Sub-images */
.amazon-products-container-carousel .sub-image-container {
    display: inline; /* not inline-block so that the images will be wrapped each */
    clear: none;
    margin: 1em;
}
.widget-area .amazon-products-container-carousel .sub-image-container { 
    margin: 0.4em 0.4em 0 0;
}

/* Button */
.amazon-products-container .amazon-auto-links-button-container {
    width: 100%;
    margin-top: 1em;
    margin-bottom: 1em;
}

/* For debugging */
.amazon-products-container-carousel .dump-array {
    max-height: 300px;
    overflow-y: scroll;
    overflow-x: auto;
    padding: 0 1em;
    word-wrap: break-word;
    word-break: break-all;
    margin: 1em 0;        
}

/* Pricing disclaimer */
.amazon-products-container-carousel .pricing-disclaimer {
    font-size: xx-small;
}

.amazon-products-container-carousel .pricing-disclaimer a.amazon-disclaimer-tooltip {
   outline: none; 
}
.amazon-products-container-carousel .pricing-disclaimer a.amazon-disclaimer-tooltip strong {
    line-height:30px;
}
.amazon-products-container-carousel .pricing-disclaimer a.amazon-disclaimer-tooltip:hover {
    text-decoration: none;
} 
.amazon-products-container-carousel .pricing-disclaimer a.amazon-disclaimer-tooltip > span.amazon-disclaimer-tooltip-content > .amazon-disclaimer-tooltip-content-text {
    z-index:999;
    display:none; 
    padding:14px 20px;
    margin-top:-30px; 
    margin-left:28px;
    width:300px; 
    line-height:16px;
    
}
.amazon-products-container-carousel .pricing-disclaimer a.amazon-disclaimer-tooltip:hover > span.amazon-disclaimer-tooltip-content {
    display: inline;
    position: relative;
}
.amazon-products-container-carousel .pricing-disclaimer a.amazon-disclaimer-tooltip:hover > span.amazon-disclaimer-tooltip-content > .amazon-disclaimer-tooltip-content-text {
    display: inline; 
    float: right;
    position: absolute; 
    color:#111;
    border:1px solid #DCA; 
    background:#fffAF0;
    
    /* Adjust the pop up element position */
    margin-left: -100px;
    margin-top: -140px;   
}
.amazon-products-container-carousel .pricing-disclaimer a.amazon-disclaimer-tooltip > span.amazon-disclaimer-tooltip-content > .amazon-disclaimer-tooltip-content-text {
    border-radius:4px;
    box-shadow: 5px 5px 8px #CCC;
}

/* Contents %content% */
.amazon-products-container .amazon-product-content *
{
    width: auto !important;     
    max-width: 100% !important;
}

/* Contents in Widgets*/
.widget .amazon-products-container-carousel .amazon-product-content *
{
    width: auto; 
    display: inline-block;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
        
}

/* Similar Products */
.amazon-products-container-carousel .amazon-similar-products  .amazon-similar-product  {
    display: inline-block;    
    margin: 1em;
}
.amazon-products-container-carousel .amazon-similar-products  .amazon-similar-product > img {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    vertical-align: middle;
}

/* Prime Icon */
.amazon-products-container-carousel .amazon-prime {
    display: inline-block;
    vertical-align: middle;
}
.amazon-products-container-carousel .prime-icon {
    display: inline-block;
    width: 48px;
    height: 12px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
    position: relative;
    top: 2px;
}
.amazon-products-container-carousel .amazon-prime svg {
    height: 1.4em;
    margin-right: 0.2em;
}

/* Categories */
.amazon-products-container-carousel ul.categories {
    list-style-type: none;
    margin: 0.4em 0;
}
/* Features */
.amazon-products-container-carousel ul.features {
    margin: 0.4em 0;
    margin-left: -4px;
}
.amazon-products-container-carousel ul.features li.feature {
    margin-left: -4px;
}


/* Slick */
/* Arrows */
.amazon-products-container-carousel .slick-prev:before,
.amazon-products-container-carousel .slick-next:before {
    color: #555;
    opacity: .75;
}