/* Voucher / offer cards and the code popup: discount.ro's layout and behaviour (measured on discount.ro 2026-11-12) in
   the new site's own style (borders, colours, radius, type), namespaced .dv-*. Markup: server/views/voucher.mjs. */
.dv-list{display:flex;flex-direction:column;gap:12px}
/* discount.ro's card layout, in the site's own style (owner 2026-11-12): 20px corners, #E3E6EA border, navy text,
   the orange accent; the code button keeps discount.ro's tab with the folded corner */
.dv{display:block;border:1px solid #E3E6EA;border-radius:20px;background:#FFFFFF;color:#0E1A2B;text-decoration:none;font-family:Inter,system-ui,sans-serif;transition:border-color .15s,box-shadow .15s}
.dv:hover{color:#0E1A2B;border-color:#0E1A2B;box-shadow:0 2px 12px rgba(14,26,43,.08)}
.dv-row{display:flex;flex-wrap:wrap;align-items:center;cursor:pointer;overflow:hidden;border-radius:20px}
.dv-row *{box-sizing:border-box}
.dv-sum{display:block;width:16.6667%;padding:.7rem 1rem;text-align:center;color:#C2410C;font-family:Archivo,Inter,sans-serif;font-size:32px;font-weight:800;line-height:1.2;overflow:hidden;overflow-wrap:anywhere}
.dv-sum svg{display:inline-block;vertical-align:middle}
.dv-imgwrap{width:16.6667%;padding:.7rem;text-align:center}
.dv-imgwrap img{display:block;max-width:100%;height:auto;border-radius:12px;margin:0 auto}
.dv-pill{border:1.5px solid #C2410C;color:#C2410C;border-radius:999px;margin-top:6px;padding:3px 6px;font-weight:700;text-align:center;font-size:14px;line-height:1.5}
.dv-body{width:83.3333%;padding:0;display:flex;flex-wrap:wrap;align-items:center}
.dv-desc{width:66.6667%;padding:1em}
.dv-code{width:33.3333%;padding:1em}
.dv-status{display:flex;flex-wrap:wrap;align-items:center;font-size:12px;color:#C2410C;margin-bottom:.5rem}
.dv-status b{line-height:24px;font-weight:700;letter-spacing:.02em;text-transform:uppercase}
.dv-verf{position:relative;margin:0 .3rem 0 .5rem}
.dv-verf path{fill:#065F46}
.dv-ok{color:#065F46;font-size:12px;line-height:24px}
.dv-ok b{text-transform:none;letter-spacing:0}
.dv-exp{color:#3B4656;margin:0 .5rem;font-size:12px;line-height:24px}
.dv-tline{display:flex;flex-wrap:wrap}
.dv-title{font-size:16px;font-weight:600;line-height:24px;color:#0E1A2B}
/* "Afișează COD": discount.ro's tab with the folded corner, in the site's orange; the code's last characters on the right */
.dv-getcode{position:relative;display:block;width:100%;height:48px;border-radius:999px;border:1px solid #E3E6EA;background:#FFFFFF;color:#0E1A2B;font-size:16px;font-weight:700;text-align:right;padding:10px 14px 10px 18px;line-height:26px;-webkit-font-smoothing:antialiased}
.dv-getcode::before{content:"";position:absolute;top:0;left:0;width:76%;height:100%;background-color:#C2410C;border-top-left-radius:999px;border-bottom-left-radius:999px;transition:width .2s ease-out;z-index:1}
.dv-getcode::after{content:"";position:absolute;top:0;left:76%;width:0;height:0;border-style:solid;border-width:48px 0 0 35px;transform:rotate(17deg);border-color:transparent transparent transparent #9A3412;transition:left .2s ease-out;transform-origin:left top;z-index:1;display:block}
.dv-getcode>span{position:absolute;left:10%;z-index:2;color:#FFFFFF;font-size:16px;line-height:26px}
.dv:hover .dv-getcode::before{width:67%}
.dv:hover .dv-getcode::after{left:67%}
/* "Vezi Promotie": the site's main button */
.dv-promo{display:flex;align-items:center;justify-content:center;width:100%;height:48px;border-radius:999px;background:#C2410C;color:#FFFFFF;font-weight:700;font-size:16px;text-align:center;transition:background-color .15s;-webkit-font-smoothing:antialiased}
.dv:hover .dv-promo{background:#9A3412}
@media screen and (max-width:768px){
  .dv-sum,.dv-imgwrap{width:33.3333%;padding:.5rem}
  .dv-body{width:66.6667%;padding:.5rem}
  .dv-desc,.dv-code{width:100%;padding:10px 0}
  .dv-desc{padding:10px 0 0}
  .dv-title{font-weight:600;font-size:16px}
}

/* ---- the code popup (#voucher-<id>) ---- */
.dv-pop{position:fixed;inset:0;z-index:999;font-family:Inter,system-ui,sans-serif;color:#0E1A2B}
.dv-pop *{box-sizing:border-box}
.dv-pop .dv-backdrop{position:fixed;inset:0;background:#0E1A2B;opacity:.55}
.dv-pop .dv-box{position:fixed;z-index:1000;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;max-width:98%;background:#FFFFFF;border-radius:20px;color:#0E1A2B;box-shadow:0 20px 50px rgba(14,26,43,.25)}
.dv-pop .dv-content{background:#FFFFFF;border-radius:20px 20px 0 0;padding:24px;position:relative}
.dv-pop table{border-collapse:collapse}
.dv-pop td{padding:0;vertical-align:middle;font-size:16px;line-height:1.5}
.dv-pop .dv-logo{border:1px solid #E3E6EA;border-radius:12px;margin-right:12px;overflow:hidden;width:80px;background:#FFFFFF}
.dv-pop .dv-logo img{display:block;max-width:100%}
.dv-pop .dv-tut{text-align:center;margin:1rem 0;font-size:16px;line-height:1.5}
.dv-pop .dv-tut a,.dv-pop .dv-visit a{color:#C2410C;font-weight:700;text-decoration:none}
.dv-pop .dv-tut a:hover,.dv-pop .dv-visit a:hover{color:#9A3412}
.dv-pop .dv-coderow{display:flex;flex-wrap:wrap;gap:0;position:relative;margin-bottom:1rem}
.dv-pop .dv-thecode{flex:0 0 75%;border:2px dashed #C2410C;border-radius:14px;background:#FFF7F2;font-family:Archivo,Inter,sans-serif;font-weight:800;text-align:center;padding:.7em 1em;cursor:pointer;font-size:26px;line-height:1.5;overflow-wrap:anywhere}
.dv-pop .dv-copybox{flex:0 0 25%;padding:0 0 0 1em;text-align:center}
.dv-pop .dv-copy{height:100%;width:100%;min-height:48px;border-radius:999px;background:#C2410C;border:0;color:#FFFFFF;font-size:16px;font-weight:700;cursor:pointer;font-family:inherit}
.dv-pop .dv-copy:hover{background:#9A3412}
.dv-pop .dv-copied{position:absolute;left:0;top:100%;margin-top:6px;padding:11px 15px;font-size:14px;font-weight:700;color:#065F46;background:#E3F5EC;border:1px solid #B7E4CB;border-radius:999px;display:none}
.dv-pop .dv-copied.on{display:block}
.dv-pop .dv-visit{text-align:center;margin:2.2rem 0;font-size:16px}
.dv-pop .dv-foot{background:#F4F5F7;border-radius:0 0 20px 20px;padding:16px 24px}
.dv-pop .dv-foot form{display:flex;gap:8px}
.dv-pop .dv-foot input{flex:1 1 75%;height:44px;border-radius:999px;border:1px solid #C9CFD6;font-size:14px;padding:0 16px;outline:0;font-family:inherit;background:#FFFFFF}
.dv-pop .dv-foot input:focus{border-color:#0E1A2B}
.dv-pop .dv-foot button{flex:0 0 auto;height:44px;padding:0 20px;color:#FFFFFF;background:#0E1A2B;border:0;border-radius:999px;font-size:14px;font-weight:700;cursor:pointer;font-family:inherit}
.dv-pop .dv-foot button:hover{background:#000000}
.dv-pop .dv-close{position:absolute;top:12px;right:12px;width:40px;height:40px;background:#F1F3F5;border:0;border-radius:999px;cursor:pointer;font-size:16px;font-weight:700;font-family:inherit;color:#0E1A2B;z-index:2}
.dv-pop .dv-close:hover{background:#E3E6EA}
.dv-noscroll{overflow:hidden}
@media only screen and (max-width:600px){
  .dv-pop{overflow:auto}
  .dv-pop .dv-box{top:5px;left:5px;right:5px;width:auto;transform:none;max-width:none}
  .dv-pop .dv-thecode,.dv-pop .dv-copybox{flex:0 0 100%;padding:0}
  .dv-pop .dv-thecode{padding:.7em 1em}
  .dv-pop .dv-copy{margin-top:10px}
}
.dv-pop table{width:calc(100% - 44px)}
.dv-pop .dv-copied{position:static;margin-top:10px;flex:0 0 100%;text-align:center}