/* OPC-BĐS Quiet Luxury Shared Components */
:root {
    --opc-gold: #c5a059;
    --opc-gold-hover: #dfb76c;
    --opc-gold-light: #f7e7ce;
    --opc-bg-dark: #0a0c10;
    --opc-surface: #12151d;
    --opc-border: rgba(197, 160, 89, 0.25);
    --opc-text-primary: #f8fafc;
    --opc-text-secondary: #94a3b8;
}

.opc-badge-luxury {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    background: rgba(197, 160, 89, 0.12);
    border: 1px solid var(--opc-border);
    border-radius: 9999px;
    color: var(--opc-gold);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.opc-btn-luxury {
    background: linear-gradient(135deg, #c5a059, #997d26);
    color: #0b0d14;
    border: none;
    border-radius: 8px;
    padding: 10px 20px;
    font-weight: 700;
    font-size: 13.5px;
    cursor: pointer;
    transition: all 0.25s ease;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    box-shadow: 0 4px 14px rgba(197, 160, 89, 0.35);
}

.opc-btn-luxury:hover {
    background: linear-gradient(135deg, #dfb76c, #b39230);
    transform: translateY(-1px);
    box-shadow: 0 6px 20px rgba(197, 160, 89, 0.5);
}

.opc-glass-card {
    background: rgba(18, 21, 29, 0.75);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid var(--opc-border);
    border-radius: 14px;
}