/* WC Sale Countdown — Frontend  |  Author: DLAB */
.wcsc-countdown { display: inline-block; width: 100%; box-sizing: border-box; padding: 20px 24px; background: #1a1a2e; border-radius: 10px; margin: 16px 0; }
.wcsc-title { text-align: left; font-size: 13px; font-weight: 600; color: rgba(255,255,255,.6); text-transform: uppercase; letter-spacing: .08em; margin-bottom: 14px; }
.wcsc-timer { display: flex; align-items: center; justify-content: flex-start; gap: 10px; flex-wrap: wrap; }
.wcsc-segment { display: flex; flex-direction: column; align-items: center; min-width: 64px; padding: 10px 8px 8px; background: rgba(255,255,255,.08); border-radius: 8px; }
.wcsc-value { font-size: 36px; font-weight: 700; line-height: 1; color: #fff; font-variant-numeric: tabular-nums; }
.wcsc-label { font-size: 11px; text-transform: uppercase; letter-spacing: .06em; color: rgba(255,255,255,.5); margin-top: 5px; }
.wcsc-separator span { font-size: 32px; font-weight: 700; color: #000000; line-height: 1; }
.wcsc-expired { text-align: center; padding: 12px; background: #fff3cd; border: 1px solid #ffc107; border-radius: 6px; color: #856404; font-weight: 600; margin: 12px 0; }
/* Flip */
.wcsc-style-flip .wcsc-segment { background: transparent; padding: 0; gap: 6px; }
.wcsc-style-flip .wcsc-value { background: linear-gradient(to bottom, #2d2d2d 50%, #1a1a1a 50%); padding: 10px 14px; border-radius: 6px; font-size: 38px; min-width: 60px; text-align: center; }
/* Minimal */
.wcsc-style-minimal { background: transparent; padding: 8px 0; }
.wcsc-style-minimal .wcsc-segment { background: transparent; padding: 0; min-width: 46px; }
.wcsc-style-minimal .wcsc-value { font-size: 22px; color: #000000; }
.wcsc-style-minimal .wcsc-label { color: #888; }
.wcsc-style-minimal .wcsc-separator span { font-size: 20px; color: #ccc; }
.wcsc-style-minimal .wcsc-title { color: #333; }
/* Bar */
.wcsc-style-bar { background: #fff; border: 1px solid #e5e7eb; padding: 14px 18px; }
.wcsc-style-bar .wcsc-title { color: #333; text-align: left; }
.wcsc-style-bar .wcsc-timer { justify-content: flex-start; gap: 6px; }
.wcsc-style-bar .wcsc-segment { flex-direction: row; align-items: baseline; background: transparent; padding: 0; min-width: auto; gap: 3px; }
.wcsc-style-bar .wcsc-value { font-size: 20px; color: #000000; }
.wcsc-style-bar .wcsc-label { font-size: 12px; color: #888; margin-top: 0; }
.wcsc-style-bar .wcsc-separator span { font-size: 16px; color: #ccc; }
/* Tick animation */
@keyframes wcsc-tick { 0%{transform:scale(1)} 50%{transform:scale(1.12);color:#f9ca24} 100%{transform:scale(1)} }
.wcsc-value.tick { animation: wcsc-tick .22s ease; }
@media (max-width: 480px) { .wcsc-value { font-size: 26px; } .wcsc-segment { min-width: 52px; } .wcsc-separator span { font-size: 22px; } }