/* "Offers for you" — coupon tickets (server-rendered, theme font inherited).
 * One memorable element: the ticket stub with its perforated edge. Everything else is quiet. */
.evcc-offers-slot:empty{display:none}
.evcc-offers{
 --evcc-o-ink:#123d31; --evcc-o-muted:#566f64; --evcc-o-green:#085d49; --evcc-o-brand:#008c5a;
 --evcc-o-mint:#eef7f1; --evcc-o-line:#d6e6dc; --evcc-o-amber:#8a5a00; --evcc-o-bg:#fff;
 margin:0 0 18px;padding:16px 18px 18px;border:1px solid #e1ebe5;border-radius:14px;background:var(--evcc-o-bg);color:var(--evcc-o-ink)
}
.evcc-offers-head{display:flex;align-items:center;gap:8px;margin:0 0 12px}
.evcc-offers-icon{flex:none;width:18px;height:18px;color:var(--evcc-o-brand)}
.evcc-offers-head h3{margin:0;font-size:16px;font-weight:700;line-height:1.3;letter-spacing:0;text-transform:none;color:var(--evcc-o-ink)}
.evcc-offers-count{margin-left:auto;padding:2px 10px;border-radius:999px;background:var(--evcc-o-mint);color:var(--evcc-o-green);font-size:12.5px;font-weight:650;line-height:1.6;white-space:nowrap}
.evcc-offers-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.evcc-offers-list>li{margin:0}
.evcc-offers-list>li[hidden]{display:none}

/* Ticket: stub | body | action */
.evcc-ticket{
 --stub:88px;
 position:relative;display:grid;grid-template-columns:var(--stub) minmax(0,1fr) auto;align-items:stretch;
 border:1px solid var(--evcc-o-line);border-radius:12px;background:#fff;overflow:hidden
}
/* Punched notches on the perforation, cut from the ticket edge */
.evcc-ticket::before,.evcc-ticket::after{
 content:"";position:absolute;left:calc(var(--stub) - 8px);width:16px;height:16px;border-radius:50%;
 background:var(--evcc-o-bg);border:1px solid var(--evcc-o-line);z-index:1
}
.evcc-ticket::before{top:-9px}
.evcc-ticket::after{bottom:-9px}
.evcc-ticket-stub{
 position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:12px 6px;
 background:var(--evcc-o-green);color:#fff;text-align:center
}
.evcc-ticket-stub::after{content:"";position:absolute;top:12px;bottom:12px;right:0;border-right:2px dashed rgba(255,255,255,.5)}
.evcc-ticket-stub strong{display:block;font-size:26px;font-weight:800;line-height:1;letter-spacing:-.02em;color:#fff}
.evcc-ticket-stub.is-long strong{font-size:18px}
.evcc-ticket-stub span{display:block;margin-top:3px;font-size:13px;font-weight:600;line-height:1.2;opacity:.9}
.evcc-ticket-check{width:30px;height:30px;color:#fff}

.evcc-ticket-body{min-width:0;padding:12px 14px 12px 18px}
.evcc-ticket-title{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0;line-height:1.4}
.evcc-ticket-code{
 display:inline-block;padding:2px 9px;border:1.5px dashed #8cc2a6;border-radius:6px;background:var(--evcc-o-mint);
 color:var(--evcc-o-green);font-size:14px;font-weight:800;letter-spacing:.06em;line-height:1.5
}
.evcc-ticket-save{font-size:14px;font-weight:700;color:var(--evcc-o-brand)}
.evcc-ticket-save .woocommerce-Price-amount{font-weight:inherit;color:inherit}
.evcc-ticket-desc{
 margin:6px 0 0;font-size:13px;line-height:1.45;color:var(--evcc-o-muted);
 display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden
}
.evcc-ticket-meta{margin:6px 0 0;font-size:12.5px;line-height:1.4;color:var(--evcc-o-muted)}
.evcc-ticket-meta.is-urgent{color:var(--evcc-o-amber);font-weight:650}
.evcc-ticket-meta.is-locked{color:var(--evcc-o-amber);font-weight:650}
.evcc-ticket-progress{height:6px;margin-top:8px;border-radius:99px;background:#e8efea;overflow:hidden}
.evcc-ticket-progress span{display:block;height:100%;border-radius:inherit;background:var(--evcc-o-brand)}

.evcc-ticket-action{display:flex;align-items:center;padding:12px 14px 12px 0}
.evcc-offer-apply{
 min-height:40px;min-width:104px;margin:0;padding:0 22px;border:1.5px solid var(--evcc-o-green);border-radius:999px;background:#fff;color:var(--evcc-o-green);
 font:inherit;font-size:14px;font-weight:700;line-height:1;letter-spacing:0;text-transform:none;cursor:pointer;
 transition:background-color .15s ease,color .15s ease
}
.evcc-offer-apply:hover,.evcc-offer-apply:active{background:var(--evcc-o-green);color:#fff}
.evcc-offer-apply:focus-visible{outline:2px solid var(--evcc-o-brand);outline-offset:3px}
.evcc-offer-apply:disabled{opacity:.7;cursor:wait}
.evcc-offer-remove{font-size:13.5px;font-weight:650;color:var(--evcc-o-muted);text-decoration:underline;text-underline-offset:3px}
.evcc-offer-remove:hover{color:var(--evcc-o-ink)}

/* States */
.evcc-ticket.is-applied{border-color:#9fd0b6;background:#f6fbf8}
.evcc-ticket.is-applied .evcc-ticket-stub{background:var(--evcc-o-brand)}
.evcc-ticket.is-locked .evcc-ticket-stub{background:#7f948b}
.evcc-ticket.is-locked .evcc-ticket-code{border-color:#c3d2ca;background:#f3f6f4;color:#4f6459}

.evcc-offers-more{
 display:block;margin:12px 0 0;padding:4px 0;border:0;background:none;color:var(--evcc-o-green);
 font:inherit;font-size:14px;font-weight:650;text-decoration:underline;text-underline-offset:3px;cursor:pointer;text-transform:none;letter-spacing:0
}
.evcc-offers-more:focus-visible{outline:2px solid var(--evcc-o-brand);outline-offset:3px;border-radius:2px}

@media(pointer:coarse){.evcc-offer-apply{min-height:44px}.evcc-offer-remove,.evcc-offers-more{padding:10px 0}}
@media(max-width:560px){
 .evcc-offers{padding:14px 14px 16px}
 .evcc-ticket{--stub:72px;grid-template-columns:var(--stub) minmax(0,1fr)}
 .evcc-ticket-stub{grid-row:1 / span 2}
 .evcc-ticket-stub strong{font-size:22px}
 .evcc-ticket-stub.is-long strong{font-size:16px}
 .evcc-ticket-body{padding:12px 12px 6px 16px}
 .evcc-ticket-action{grid-column:2;padding:4px 12px 12px 16px}
 .evcc-ticket-action:empty{display:none}
 .evcc-offer-apply{min-height:38px}
}
@media(prefers-reduced-motion:reduce){.evcc-offer-apply{transition:none}}

/* Safety net against listing offers twice: while the built-in panel is active, Smart Coupons'
 * own section is hidden on these two pages (turn it off in Smart Coupons settings too, so it
 * does not load in the background). Untick "Offers for you" to get Smart Coupons' list back. */
body.evcc-offers-builtin :is(.evcc-native-before-cart,.evcc-pre-checkout-content,.evcc-before-customer-details) #coupons_list,
body.evcc-offers-builtin :is(.evcc-native-before-cart,.evcc-pre-checkout-content,.evcc-before-customer-details) .evcc-offers-pending{display:none!important}