/**
 * Fernanda Ribeiro · Roleta Premium
 * Voucher Gift Card de Alta Joalheria (Modos Light & Dark)
 */

/* Container Principal do Voucher */
.frr-gift-card {
    position: relative; border-radius: 20px; padding: 28px 24px 20px;
    margin: 16px auto 20px; max-width: 480px; width: 100%;
    box-sizing: border-box; overflow: hidden; text-align: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Modo Light (Marfim, Laço de Fita & Monograma FR) */
.frr-gift-card.frr-card-light,
.frr-app:not([data-frr-theme="dark"]) .frr-gift-card {
    background: linear-gradient(145deg, #FCF9F3 0%, #F5EEE3 100%);
    border: 1px solid rgba(201, 169, 106, 0.55);
    box-shadow: 0 16px 40px rgba(140, 107, 47, 0.12), 0 2px 8px rgba(0, 0, 0, 0.03);
    color: #382E24;
}

/* Modo Dark (Veludo Preto Joalheria, Fita Dourada 3D & Assinatura Cursiva) */
.frr-gift-card.frr-card-dark,
.frr-app[data-frr-theme="dark"] .frr-gift-card {
    background: radial-gradient(circle at 65% 35%, #221B14 0%, #14110F 60%, #0A0908 100%);
    border: 1px solid rgba(212, 175, 55, 0.42);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.8), 0 0 35px rgba(212, 175, 55, 0.14), inset 0 1px 1px rgba(255, 235, 180, 0.15);
    color: #F7F3EB;
    padding-left: 54px;
    padding-right: 18px;
}

/* Elementos Gráficos Exclusivos */
.frr-card-bow-wrap { position: absolute; top: -12px; left: -12px; width: 105px; height: 105px; object-fit: contain; pointer-events: none; z-index: 4; filter: drop-shadow(0 6px 14px rgba(140, 107, 47, 0.28)); }
.frr-card-dark-ribbon {
    position: absolute; top: 0; bottom: 0; left: -24px;
    width: 86px; height: 100%; object-fit: cover; object-position: left center;
    pointer-events: none; z-index: 2;
    opacity: 0.82;
    filter: drop-shadow(4px 0 10px rgba(0, 0, 0, 0.65));
}
.frr-card-ribbon-dark { display: none !important; }
.frr-card-watermark { position: absolute; right: 14px; top: 50%; transform: translateY(-50%); font-family: 'Playfair Display', serif; font-size: 155px; font-weight: 700; line-height: 1; color: #8C6B2F; opacity: 0.07; pointer-events: none; user-select: none; z-index: 1; }
.frr-card-cursive { display: none; position: absolute; right: 18px; top: 22px; font-family: 'Pinyon Script', cursive; font-style: italic; font-size: 15px; color: #E6C87C; text-align: right; line-height: 1.18; opacity: 0.95; max-width: 120px; pointer-events: none; text-shadow: 0 1px 4px rgba(0, 0, 0, 0.7); }

.frr-app[data-frr-theme="dark"] .frr-card-cursive,
.frr-gift-card.frr-card-dark .frr-card-cursive { display: block; }
.frr-app[data-frr-theme="dark"] .frr-card-bow-wrap,
.frr-gift-card.frr-card-dark .frr-card-bow-wrap,
.frr-app[data-frr-theme="dark"] .frr-card-watermark,
.frr-gift-card.frr-card-dark .frr-card-watermark { display: none; }

.frr-card-content { position: relative; z-index: 3; }

/* Tipografia e Cabeçalho */
.frr-card-star { font-size: 14px; color: #8C6B2F; margin-bottom: 3px; display: inline-block; line-height: 1; }
.frr-app[data-frr-theme="dark"] .frr-card-star,
.frr-gift-card.frr-card-dark .frr-card-star { color: #D4AF37; filter: drop-shadow(0 0 6px rgba(212, 175, 55, 0.6)); }

.frr-card-brand { font-family: 'Playfair Display', serif; font-size: 13.5px; font-weight: 600; letter-spacing: 0.28em; color: #4A3E31; text-transform: uppercase; margin: 0; line-height: 1.2; }
.frr-app[data-frr-theme="dark"] .frr-card-brand,
.frr-gift-card.frr-card-dark .frr-card-brand { color: #F7F3EB; }
.frr-card-sub { font-size: 9.5px; letter-spacing: 0.4em; color: #7A6A55; text-transform: uppercase; margin: 2px 0 12px; }
.frr-app[data-frr-theme="dark"] .frr-card-sub,
.frr-gift-card.frr-card-dark .frr-card-sub { color: #C9A96A; }

/* Faixa "Você Ganhou" */
.frr-card-divider-tag { display: flex; align-items: center; justify-content: center; gap: 12px; margin: 8px 0; }
.frr-card-divider-line { flex: 1; height: 1px; background: linear-gradient(90deg, transparent, rgba(201, 169, 106, 0.45), transparent); }
.frr-card-divider-text { font-size: 10px; font-weight: 600; letter-spacing: 0.22em; text-transform: uppercase; color: #7A6A55; }
.frr-app[data-frr-theme="dark"] .frr-card-divider-text,
.frr-gift-card.frr-card-dark .frr-card-divider-text { color: #C9A96A; }

/* Valor Principal */
.frr-card-prize { font-family: 'Cinzel', 'Playfair Display', serif; font-size: clamp(40px, 10vw, 54px); font-weight: 800; line-height: 0.95; margin: 6px 0 3px; color: #7A5822; letter-spacing: -0.01em; }
.frr-app[data-frr-theme="dark"] .frr-card-prize,
.frr-gift-card.frr-card-dark .frr-card-prize { background: linear-gradient(135deg, #FFF4D8 0%, #E6C265 50%, #B8860B 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; filter: drop-shadow(0 2px 10px rgba(212, 175, 55, 0.25)); }
.frr-card-prize-desc { font-size: 10.5px; font-weight: 600; letter-spacing: 0.2em; text-transform: uppercase; color: #5C4B3A; margin-bottom: 14px; }
.frr-app[data-frr-theme="dark"] .frr-card-prize-desc,
.frr-gift-card.frr-card-dark .frr-card-prize-desc { color: #D6C29E; }

/* Box de Resgate */
.frr-card-code-box {
    display: flex; align-items: center; justify-content: space-between;
    background: rgba(255, 255, 255, 0.75); border: 1px solid #D6C2A5;
    border-radius: 12px; padding: 10px 16px; margin: 0 auto 16px; max-width: 380px;
    backdrop-filter: blur(4px); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.02);
}
.frr-app[data-frr-theme="dark"] .frr-card-code-box,
.frr-gift-card.frr-card-dark .frr-card-code-box { background: rgba(28, 22, 17, 0.85); border: 1px solid rgba(212, 175, 55, 0.42); box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.35); }
.frr-card-code-left { text-align: left; }
.frr-card-code-lbl { font-size: 9px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: #8C7B68; margin-bottom: 1px; }
.frr-app[data-frr-theme="dark"] .frr-card-code-lbl,
.frr-gift-card.frr-card-dark .frr-card-code-lbl { color: #A3917B; }
.frr-card-code-val { font-family: 'Inter', system-ui, monospace; font-size: 20px; font-weight: 800; letter-spacing: 0.16em; color: #382E24; }
.frr-app[data-frr-theme="dark"] .frr-card-code-val,
.frr-gift-card.frr-card-dark .frr-card-code-val { color: #FFFDF9; text-shadow: 0 0 10px rgba(255, 245, 225, 0.25); }

/* Botão Copiar */
.frr-card-btn-copy {
    display: inline-flex; align-items: center; gap: 6px;
    background: linear-gradient(135deg, #EAD6B5 0%, #C9A96A 100%); color: #433318;
    border: 1px solid rgba(140, 107, 47, 0.35); border-radius: 8px;
    padding: 8px 15px; font-size: 12.5px; font-weight: 700; cursor: pointer;
    box-shadow: 0 2px 8px rgba(140, 107, 47, 0.18); transition: all 0.2s ease;
}
.frr-card-btn-copy:hover { transform: translateY(-1px); box-shadow: 0 4px 12px rgba(140, 107, 47, 0.3); }
.frr-app[data-frr-theme="dark"] .frr-card-btn-copy,
.frr-gift-card.frr-card-dark .frr-card-btn-copy { background: linear-gradient(135deg, #F3DEB8 0%, #D4AF37 100%); color: #2E220D; border-color: rgba(255, 215, 0, 0.4); box-shadow: 0 3px 12px rgba(0, 0, 0, 0.4), 0 0 10px rgba(212, 175, 55, 0.25); }

/* 3 Pilares */
.frr-card-pillars { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; align-items: center; margin: 14px 0 12px; padding: 0 4px; }
.frr-card-pillar-item { display: flex; align-items: center; justify-content: center; gap: 6px; font-size: 9px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: #5C4B3A; line-height: 1.25; }
.frr-app[data-frr-theme="dark"] .frr-card-pillar-item,
.frr-gift-card.frr-card-dark .frr-card-pillar-item { color: #D6C29E; }
.frr-card-pillar-item svg { flex-shrink: 0; color: #8C6B2F; }
.frr-app[data-frr-theme="dark"] .frr-card-pillar-item svg,
.frr-gift-card.frr-card-dark .frr-card-pillar-item svg { color: #D4AF37; }
.frr-card-pillar-sep { width: 1px; height: 18px; background: rgba(201, 169, 106, 0.4); }

/* Rodapé Válido */
.frr-card-footer-limit { display: flex; align-items: center; justify-content: center; gap: 10px; margin-top: 10px; font-size: 9.5px; font-weight: 600; letter-spacing: 0.2em; text-transform: uppercase; color: #8C7B68; }
.frr-app[data-frr-theme="dark"] .frr-card-footer-limit,
.frr-gift-card.frr-card-dark .frr-card-footer-limit { color: #A3917B; }
.frr-card-footer-limit span { flex: 1; max-width: 60px; height: 1px; background: linear-gradient(90deg, transparent, rgba(201, 169, 106, 0.4), transparent); }

/* Responsividade Mobile */
@media (max-width: 480px) {
    .frr-gift-card { padding: 24px 14px 16px; margin: 12px auto 16px; border-radius: 16px; }
    .frr-gift-card.frr-card-dark, .frr-app[data-frr-theme="dark"] .frr-gift-card { padding-left: 38px; padding-right: 12px; }
    .frr-card-dark-ribbon { width: 58px; left: -18px; opacity: 0.82; }
    .frr-card-bow-wrap { width: 80px; height: 80px; top: -8px; left: -8px; }
    .frr-card-cursive { right: 10px; top: 20px; font-size: 13px; max-width: 80px; }
    .frr-card-watermark { font-size: 110px; right: 8px; }
    .frr-card-prize { font-size: 36px; }
    .frr-card-code-box { padding: 8px 12px; }
    .frr-card-code-val { font-size: 17px; }
    .frr-card-btn-copy { padding: 6px 12px; font-size: 11.5px; }
    .frr-card-pillars { grid-template-columns: 1fr; gap: 8px; }
    .frr-card-pillar-sep { display: none; }
}