/* Main Container */
.ytc-promotion-list {
    display: flex;
    flex-direction:column;
    gap: 2rem;
    padding: 20px;
}

/* Promotion Items */
.ytc-promotion-item {
    background: #000;
    border-radius: 30px;
    box-shadow: 0 0 10px 2px #00000026;
    padding: 10px 12px;
    display:flex;
    justify-content: space-evenly;
    align-items: center;
    flex-direction: column;
}




/* Thumbnail */
.ytc-promotion-thumbnail img {
    width:320px;
    border-radius: 5px;
}

/* Text Elements */
.ytc-promotion-info {
    justify-content: flex-start;
    text-align: center;
    display: flex;
    flex-direction: column;
}

.ytc-promotion-info h3 {
    font-weight:500;
    font-size: 2rem;
    text-transform: uppercase;
    color:#fff!important;
    margin-bottom:10px;
}

.ytc-promotion-info p {
    font-weight:500;
    font-size: 12px;
    color:#777777!important;
    margin:0;
    padding:8px;
    line-height:14px;
    margin:0 auto;
}

/* Read More Link */
.ytc-promotion-link {
    display: inline-block;
    padding: 10px 20px;
    background: #ff4757;
    color: white !important;
    text-decoration: none;
    border-radius: 5px;
    transition: background 0.3s ease;
}

.ytc-promotion-link:hover {
    background: #ff6b81;
}

/* No Promotions Message */
.ytc-no-promotions {
    text-align: center;
    color: #666;
    padding: 40px 0;
}

.ytc-promo-details-icons {
    list-style: none; /* Remove default bullets */
    display: flex;
    padding-left:0;
    justify-content: space-evenly;
    align-items: center;
    flex-wrap: wrap;
}
.ytc-promo-details-icons li {
    position: relative;
    padding-left: 30px; /* Space between bullet and text */
    margin-bottom: 8px;
}
.ytc-promo-details-icons li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20px; /* SVG width */
    height: 20px; /* SVG height */
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 9.17715V10.0051C18.9989 11.9459 18.3704 13.8344 17.2084 15.3888C16.0463 16.9432 14.413 18.0804 12.5518 18.6307C10.6907 19.1809 8.70153 19.1149 6.88102 18.4423C5.06051 17.7697 3.50619 16.5266 2.44986 14.8985C1.39354 13.2704 0.891812 11.3444 1.01951 9.40783C1.14721 7.47126 1.89749 5.62784 3.15845 4.15252C4.41942 2.67719 6.12351 1.649 8.01657 1.22128C9.90963 0.79357 11.8902 0.989255 13.663 1.77915M19 2.8L10 11.809L7.3 9.109' stroke='%23FE621D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}

.ytc-promotion-cta .promotion-cta{
    border-radius:32px;
}

@media (min-width: 999px) {
    .ytc-promotion-item {
        flex-direction: row;
    }

    .ytc-promotion-info {
        max-width: 60%;
    }

    .ytc-promotion-info p {
        width:60%;
        padding:0;
    }
}