/* ===== WooCommerce Coupons Showcase =====
   Chỉ style phần CARD. Cột & slider để Flatsome tự lo (lưới + Flickity). */
.wcc-card{display:flex;align-items:stretch;background:#DDE8F5;border-radius:10px;padding:16px 18px;height:100%;min-height:96px;box-sizing:border-box}
.wcc .flickity-prev-next-button {display: none !important;}
.wcc-card *{box-sizing:border-box}
.wcc-card__code{flex:0 0 auto;min-width:70px;max-width:120px;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:800;font-size:17px;letter-spacing:.3px;color:#2c3a55;padding-right:14px;word-break:break-word}
.wcc-card__body{flex:1 1 auto;display:flex;flex-direction:column;justify-content:space-between;gap:10px;border-left:1px dashed #c4cede;padding-left:16px;min-width:0}
.wcc-card__desc{margin:0;color:#333;font-size:13px;line-height:1.45;font-weight:500;}
.wcc-card__foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto}
.wcc-card__date{color:#93a0b5;font-size:12px;font-style:italic}
.wcc-card__btn{flex:0 0 auto;border:0;cursor:pointer;font-size:11px;font-weight:500;padding:4px 12px;border-radius:6px;line-height:1;transition:filter .15s,background .15s;margin:0;}
.wcc-card__btn--copy{background:var(--wcc-color,#2b7de9);color:#fff}
.wcc-card__btn--copy:hover{filter:brightness(1.08)}
.wcc-card__btn--copy.is-copied{background:#2e9e5b}
.wcc-card__btn--expired{background:#dde3ec;color:#6b7688;cursor:default}
.wcc .flickity-page-dots {
	bottom: -8px;
}
.wcc .flickity-page-dots .dot {
	width: 35px;
	height: 4px;
	border-radius: 99px;
}