/* NS Fast Checkout Themes - Premium Refinement */

:root {
    --nsfc-bg: #fdfdfd;
    --nsfc-text: #333333;
    --nsfc-primary: #2563eb;
    --nsfc-secondary: #64748b;
    --nsfc-border: #e2e8f0;
    --nsfc-radius: 8px;
    --nsfc-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1);
    --nsfc-input-bg: #ffffff;
    --nsfc-label-weight: 600;
    --nsfc-summary-bg: #fff1f2;
    --nsfc-btn-text: #ffffff;
}

/* =========================================
   THEME DEFINITIONS (Variables Only)
   ========================================= */

/* Theme 2: Modern Dark */
.nsfc-theme-dark {
    --nsfc-bg: #0f172a;
    --nsfc-text: #f8fafc;
    --nsfc-primary: #38bdf8;
    --nsfc-border: #1e293b;
    --nsfc-input-bg: #1e293b;
    --nsfc-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.5);
    --nsfc-summary-bg: #1e293b;
}

/* Theme 4: Minimalist */
.nsfc-theme-minimal {
    --nsfc-bg: #fff;
    --nsfc-primary: #000;
    --nsfc-radius: 0;
    --nsfc-shadow: none;
    --nsfc-border: #000;
    --nsfc-label-weight: 500;
    --nsfc-summary-bg: #fafafa;
}

/* Theme 5: Neumorphism */
.nsfc-theme-neu {
    --nsfc-bg: #e0e5ec;
    --nsfc-text: #44474a;
    --nsfc-primary: #6d5dfc;
    --nsfc-shadow: 9px 9px 16px #a3b1c6, -9px -9px 16px #ffffff;
    --nsfc-radius: 24px;
    --nsfc-summary-bg: #e0e5ec;
}

/* Theme 6: Classic Card */
.nsfc-theme-card {
    --nsfc-bg: #fff;
    --nsfc-radius: 12px;
    --nsfc-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
    --nsfc-border: transparent;
}

/* Theme 7: Luxury Gold */
.nsfc-theme-luxury {
    --nsfc-bg: #0a0a0a;
    --nsfc-text: #f5f5f5;
    --nsfc-primary: #c5a059;
    --nsfc-border: #262626;
    --nsfc-input-bg: #171717;
    --nsfc-summary-bg: #171717;
}

/* Theme 8: Gradient Sky */
.nsfc-theme-gradient {
    --nsfc-bg: linear-gradient(135deg, #e0f2fe, #bae6fd, #e0e7ff);
    --nsfc-text: #1e3a5f;
    --nsfc-primary: #0369a1;
    --nsfc-border: #bae6fd;
    --nsfc-radius: 20px;
    --nsfc-summary-bg: rgba(255,255,255,0.7);
    --nsfc-btn-text: #ffffff;
    background: linear-gradient(135deg, #e0f2fe, #bae6fd, #e0e7ff);
}
.nsfc-theme-gradient #nsfc-submit-btn {
    color: #ffffff;
}

/* Theme 9: Eco Forest */
.nsfc-theme-eco {
    --nsfc-bg: #fdfdfb;
    --nsfc-text: #166534;
    --nsfc-primary: #15803d;
    --nsfc-border: #dcfce7;
    --nsfc-radius: 16px;
    --nsfc-summary-bg: #f0fdf4;
}

/* Theme 10: Playful Pop */
.nsfc-theme-pop {
    --nsfc-bg: #fff;
    --nsfc-primary: #fde047;
    --nsfc-text: #000;
    --nsfc-radius: 0;
    --nsfc-border: #000;
    --nsfc-shadow: 8px 8px 0px #000;
}

/* Theme 11: Soft Lavender */
.nsfc-theme-lavender {
    --nsfc-bg: #f5f3ff;
    --nsfc-text: #4c1d95;
    --nsfc-primary: #8b5cf6;
    --nsfc-border: #ddd6fe;
    --nsfc-input-bg: #ffffff;
    --nsfc-radius: 20px;
    --nsfc-shadow: 0 10px 25px -5px rgba(139, 92, 246, 0.1);
    --nsfc-summary-bg: #ede9fe;
}

/* Theme 12: Midnight Navy */
.nsfc-theme-midnight {
    --nsfc-bg: #020617;
    --nsfc-text: #f8fafc;
    --nsfc-primary: #3b82f6;
    --nsfc-border: #1e293b;
    --nsfc-input-bg: #0f172a;
    --nsfc-radius: 8px;
    --nsfc-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.2);
    --nsfc-summary-bg: #0f172a;
}

/* Theme 13: Retro Arcade */
.nsfc-theme-retro {
    --nsfc-bg: #000000;
    --nsfc-text: #00ff41;
    --nsfc-primary: #00ff41;
    --nsfc-border: #00ff41;
    --nsfc-input-bg: #111111;
    --nsfc-radius: 0px;
    --nsfc-shadow: 4px 4px 0px #00ff41;
    --nsfc-summary-bg: #000000;
}

/* Theme 14: Desert Oasis */
.nsfc-theme-desert {
    --nsfc-bg: #fffaf0;
    --nsfc-text: #7c2d12;
    --nsfc-primary: #ea580c;
    --nsfc-border: #fed7aa;
    --nsfc-input-bg: #ffffff;
    --nsfc-radius: 12px;
    --nsfc-shadow: 0 10px 15px -3px rgba(234, 88, 12, 0.1);
    --nsfc-summary-bg: #ffedd5;
}

/* Theme 15: Cyberpunk Neon */
.nsfc-theme-cyber {
    --nsfc-bg: #1a1a1a;
    --nsfc-text: #00f3ff;
    --nsfc-primary: #ff00ff;
    --nsfc-border: #ff00ff;
    --nsfc-input-bg: #000000;
    --nsfc-radius: 4px;
    --nsfc-shadow: 0 0 15px rgba(255, 0, 255, 0.4);
    --nsfc-summary-bg: #111111;
}

/* Theme 16: Minimalist White */
.nsfc-theme-white {
    --nsfc-bg: #ffffff;
    --nsfc-text: #111111;
    --nsfc-primary: #000000;
    --nsfc-border: #e2e8f0;
    --nsfc-input-bg: #fafafa;
    --nsfc-radius: 0px;
    --nsfc-shadow: none;
    --nsfc-summary-bg: #f1f5f9;
}

/* Theme 17: Royal Purple */
.nsfc-theme-royal {
    --nsfc-bg: #2e1065;
    --nsfc-text: #f5f3ff;
    --nsfc-primary: #f59e0b;
    --nsfc-border: #4c1d95;
    --nsfc-input-bg: #4c1d95;
    --nsfc-radius: 16px;
    --nsfc-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.3);
    --nsfc-summary-bg: #4c1d95;
}

/* Theme 18: Ocean Breeze */
.nsfc-theme-ocean {
    --nsfc-bg: #f0fdfa;
    --nsfc-text: #134e4a;
    --nsfc-primary: #0d9488;
    --nsfc-border: #99f6e4;
    --nsfc-input-bg: #ffffff;
    --nsfc-radius: 20px;
    --nsfc-shadow: 0 10px 15px -3px rgba(13, 148, 136, 0.1);
    --nsfc-summary-bg: #ccfbf1;
}

/* Theme 19: Deep Emerald */
.nsfc-theme-emerald {
    --nsfc-bg: #022c22;
    --nsfc-text: #ecfdf5;
    --nsfc-primary: #10b981;
    --nsfc-border: #064e3b;
    --nsfc-input-bg: #064e3b;
    --nsfc-radius: 12px;
    --nsfc-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.4);
    --nsfc-summary-bg: #064e3b;
}

/* Theme 20: Coffee Shop */
.nsfc-theme-coffee {
    --nsfc-bg: #faf7f5;
    --nsfc-text: #451a03;
    --nsfc-primary: #92400e;
    --nsfc-border: #d6d3d1;
    --nsfc-input-bg: #ffffff;
    --nsfc-radius: 8px;
    --nsfc-shadow: 0 4px 6px -1px rgba(146, 64, 14, 0.05);
    --nsfc-summary-bg: #f5f5f4;
}

/* Theme 21: Custom (User-defined via Color Pickers) */
.nsfc-theme-custom {
    --nsfc-bg: var(--nsfc-custom-bg, #ffffff);
    --nsfc-text: var(--nsfc-custom-text, #1e1e1e);
    --nsfc-primary: var(--nsfc-custom-accent, #2271b1);
    --nsfc-border: color-mix(in srgb, var(--nsfc-custom-text, #1e1e1e) 15%, transparent);
    --nsfc-input-bg: var(--nsfc-custom-bg, #ffffff);
    --nsfc-radius: var(--nsfc-custom-radius, 8px);
    --nsfc-shadow: 0 4px 12px rgba(0,0,0,0.08);
    --nsfc-summary-bg: color-mix(in srgb, var(--nsfc-custom-bg, #ffffff) 95%, var(--nsfc-custom-text, #1e1e1e));
    --nsfc-label-weight: 600;
    --nsfc-btn-text: var(--nsfc-custom-btn-text, #ffffff);
}

/* =========================================
   APPLICATION (High Specificity Overrides)
   ========================================= */

/* Base Wrapper Overrides */
body .nsfc-wrapper[class*="nsfc-theme-"] {
    background: var(--nsfc-bg) !important;
    color: var(--nsfc-text) !important;
    border-radius: var(--nsfc-radius) !important;
    box-shadow: var(--nsfc-shadow) !important;
    border-color: var(--nsfc-border) !important;
    margin-top: 30px !important;
}

body .nsfc-theme-gradient.nsfc-wrapper {
    background: linear-gradient(135deg, #6366f1 0%, #a855f7 100%) !important;
    color: #fff !important;
}
body .nsfc-theme-pop.nsfc-wrapper {
    border: 3px solid #000 !important;
}

/* Success Page State */
.nsfc-success-page {
    text-align: center;
    padding: 40px 20px;
    animation: nsfcFadeIn 0.5s ease-out;
}

.nsfc-success-icon {
    font-size: 60px;
    color: #10b981;
    margin-bottom: 20px;
    line-height: 1;
}

.nsfc-success-page h2 {
    margin: 0 0 10px 0 !important;
    font-size: 28px !important;
}

.nsfc-success-main-msg {
    font-size: 16px;
    opacity: 0.8;
    margin-bottom: 30px;
}

.nsfc-order-details-mini {
    background: rgba(0,0,0,0.03);
    border-radius: var(--nsfc-radius, 12px);
    padding: 20px;
    max-width: 320px;
    margin: 0 auto;
    border: 1px solid rgba(0,0,0,0.05);
    text-align: start;
}

.nsfc-detail-row {
    display: flex;
    justify-content: space-between;
    padding: 8px 0;
    font-size: 14px;
}

.nsfc-detail-row:not(:last-child) {
    border-bottom: 1px dashed rgba(0,0,0,0.1);
}

.nsfc-status-badge {
    background: #10b981;
    color: #fff;
    padding: 2px 8px;
    border-radius: 20px;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: bold;
}

.nsfc-btn-secondary {
    background: transparent !important;
    border: 1px solid currentColor !important;
    color: inherit !important;
    padding: 10px 25px !important;
    border-radius: 8px !important;
    cursor: pointer;
    font-size: 14px;
    opacity: 0.7;
    transition: opacity 0.2s;
}

.nsfc-btn-secondary:hover {
    opacity: 1;
}

@keyframes nsfcFadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Layout: Two Columns - Only for full checkout replacement */
.nsfc-context-checkout .nsfc-form-columns {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

@media (min-width: 768px) {
    .nsfc-context-checkout .nsfc-form-columns {
        flex-direction: row;
        align-items: flex-start;
        gap: 40px;
    }
    .nsfc-context-checkout .nsfc-column-left,
    .nsfc-context-checkout .nsfc-column-right {
        flex: 1;
        min-width: 0;
    }
    .nsfc-context-checkout .nsfc-column-right {
        position: sticky;
        top: 20px;
    }
}

/* Default/Product Layout: Stacked */
.nsfc-context-product .nsfc-form-columns {
    display: block; /* Standard flow */
}
.nsfc-context-product .nsfc-column-right {
    margin-top: 30px;
}
@media (max-width: 767px) {
    .nsfc-context-checkout .nsfc-column-right {
        margin-top: 30px;
    }
}

/* Inputs & Forms */
body .nsfc-wrapper[class*="nsfc-theme-"] input,
body .nsfc-wrapper[class*="nsfc-theme-"] select,
body .nsfc-wrapper[class*="nsfc-theme-"] textarea {
    background: var(--nsfc-input-bg) !important;
    border-color: var(--nsfc-border) !important;
    border-radius: var(--nsfc-radius) !important;
    color: var(--nsfc-text) !important;
    font-size: 15px;
}

body .nsfc-theme-dark .nsfc-form-control,
body .nsfc-theme-dark select,
body .nsfc-theme-dark input[type="text"],
body .nsfc-theme-dark input[type="tel"],
body .nsfc-theme-dark input[type="email"],
body .nsfc-theme-dark textarea {
    background: var(--nsfc-input-bg) !important;
    border-color: var(--nsfc-border) !important;
    color: var(--nsfc-text) !important;
}

body .nsfc-theme-dark select option {
    color: #000;
}

body .nsfc-wrapper[class*="nsfc-theme-"] h2,
body .nsfc-wrapper[class*="nsfc-theme-"] h3 {
    color: var(--nsfc-text) !important;
    border-bottom: 2px solid var(--nsfc-border) !important;
    padding-bottom: 10px !important;
    margin-bottom: 20px !important;
    font-weight: 800 !important;
}

/* Special Inputs */
body .nsfc-theme-minimal.nsfc-wrapper input,
body .nsfc-theme-minimal.nsfc-wrapper select {
    border-width: 0 0 2px 0 !important;
    padding-left: 5px !important;
    background: transparent !important;
}

/* Ensure icons have space in minimalist theme */
body .nsfc-theme-minimal.nsfc-wrapper .nsfc-input-wrapper input,
body .nsfc-theme-minimal.nsfc-wrapper .nsfc-input-wrapper select {
    padding-left: 44px !important;
}
body .nsfc-theme-neu.nsfc-wrapper input,
body .nsfc-theme-neu.nsfc-wrapper select {
    box-shadow: inset 4px 4px 8px #bec8d9, inset -4px -4px 8px #ffffff !important;
    border: none !important;
}

body .nsfc-theme-luxury select option,
body .nsfc-theme-midnight select option,
body .nsfc-theme-cyber select option,
body .nsfc-theme-emerald select option,
body .nsfc-theme-royal select option {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
}

/* Labels */
body .nsfc-wrapper[class*="nsfc-theme-"] label {
    font-weight: var(--nsfc-label-weight) !important;
    color: var(--nsfc-text) !important;
    opacity: 0.9;
}

/* Summary Box */
body .nsfc-wrapper[class*="nsfc-theme-"] #nsfc-summary {
    background: var(--nsfc-summary-bg) !important;
    border-radius: calc(var(--nsfc-radius) / 2) !important;
    border: none !important;
}
body .nsfc-wrapper[class*="nsfc-theme-"] #nsfc-summary th,
body .nsfc-wrapper[class*="nsfc-theme-"] #nsfc-summary td {
    border-bottom: 1px solid var(--nsfc-border) !important;
    color: var(--nsfc-text) !important;
}

/* Submit Button Base */
body .nsfc-wrapper[class*="nsfc-theme-"] #nsfc-submit-btn,
body .nsfc-wrapper[class*="nsfc-theme-"] #nsfc-submit-preview-btn {
    background: var(--nsfc-primary) !important;
    border-radius: var(--nsfc-radius) !important;
    color: var(--nsfc-btn-text) !important;
    font-weight: 700;
    height: 52px;
    letter-spacing: 0.5px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    border: none !important;
}

/* Button Hover Effects per Theme */
body .nsfc-theme-standard #nsfc-submit-btn:hover, body .nsfc-theme-standard #nsfc-submit-preview-btn:hover { background: #1e40af !important; transform: translateY(-2px); }
body .nsfc-theme-dark #nsfc-submit-btn:hover, body .nsfc-theme-dark #nsfc-submit-preview-btn:hover { background: #7dd3fc !important; color: #000 !important; box-shadow: 0 0 20px var(--nsfc-primary) !important; }
body .nsfc-theme-glass #nsfc-submit-btn:hover, body .nsfc-theme-glass #nsfc-submit-preview-btn:hover { background: #4f46e5 !important; box-shadow: 0 10px 15px -3px rgba(99, 102, 241, 0.4) !important; }
body .nsfc-theme-minimal #nsfc-submit-btn:hover, body .nsfc-theme-minimal #nsfc-submit-preview-btn:hover { background: #333 !important; letter-spacing: 2px !important; }
body .nsfc-theme-neu #nsfc-submit-btn:hover, body .nsfc-theme-neu #nsfc-submit-preview-btn:hover { box-shadow: 4px 4px 8px #a3b1c6, -4px -4px 8px #ffffff !important; transform: scale(0.98); }
body .nsfc-theme-card #nsfc-submit-btn:hover, body .nsfc-theme-card #nsfc-submit-preview-btn:hover { filter: brightness(1.1); transform: translateY(-3px); box-shadow: 0 10px 20px rgba(0,0,0,0.1) !important; }
body .nsfc-theme-luxury #nsfc-submit-btn:hover, body .nsfc-theme-luxury #nsfc-submit-preview-btn:hover { background: linear-gradient(45deg, #e5c07b, #c5a059) !important; transform: scale(1.02); box-shadow: 0 0 15px rgba(197, 160, 89, 0.4) !important; }
body .nsfc-theme-gradient #nsfc-submit-btn:hover, body .nsfc-theme-gradient #nsfc-submit-preview-btn:hover { filter: hue-rotate(15deg); transform: translateY(-2px); }
body .nsfc-theme-eco #nsfc-submit-btn:hover, body .nsfc-theme-eco #nsfc-submit-preview-btn:hover { background: #166534 !important; transform: translateY(-2px); }
body .nsfc-theme-pop #nsfc-submit-btn:hover, body .nsfc-theme-pop #nsfc-submit-preview-btn:hover { background: #facc15 !important; transform: translate(-2px, -2px) !important; box-shadow: 12px 12px 0px #000 !important; }
body .nsfc-theme-lavender #nsfc-submit-btn:hover, body .nsfc-theme-lavender #nsfc-submit-preview-btn:hover { background: #7c3aed !important; transform: translateY(-3px); box-shadow: 0 10px 15px -3px rgba(124, 58, 237, 0.3) !important; }
body .nsfc-theme-midnight #nsfc-submit-btn:hover, body .nsfc-theme-midnight #nsfc-submit-preview-btn:hover { background: #2563eb !important; box-shadow: 0 0 20px rgba(37, 99, 235, 0.4) !important; }
body .nsfc-theme-retro #nsfc-submit-btn:hover, body .nsfc-theme-retro #nsfc-submit-preview-btn:hover { background: #000 !important; color: #00ff41 !important; box-shadow: 0 0 15px #00ff41 !important; }
body .nsfc-theme-desert #nsfc-submit-btn:hover, body .nsfc-theme-desert #nsfc-submit-preview-btn:hover { background: #c2410c !important; transform: translateY(-2px); }
body .nsfc-theme-cyber #nsfc-submit-btn:hover, body .nsfc-theme-cyber #nsfc-submit-preview-btn:hover { background: #00f3ff !important; color: #000 !important; box-shadow: 0 0 20px #00f3ff !important; }
body .nsfc-theme-white #nsfc-submit-btn:hover, body .nsfc-theme-white #nsfc-submit-preview-btn:hover { background: #111 !important; color: #fff !important; }
body .nsfc-theme-royal #nsfc-submit-btn:hover, body .nsfc-theme-royal #nsfc-submit-preview-btn:hover { background: #d97706 !important; transform: scale(1.05); }
body .nsfc-theme-ocean #nsfc-submit-btn:hover, body .nsfc-theme-ocean #nsfc-submit-preview-btn:hover { background: #0f766e !important; transform: translateY(-3px); }
body .nsfc-theme-emerald #nsfc-submit-btn:hover, body .nsfc-theme-emerald #nsfc-submit-preview-btn:hover { background: #059669 !important; box-shadow: 0 0 15px rgba(16, 185, 129, 0.4) !important; }
body .nsfc-theme-coffee #nsfc-submit-btn:hover, body .nsfc-theme-coffee #nsfc-submit-preview-btn:hover { background: #78350f !important; transform: translateY(-2px); }


/* Success Box Hook - Default */
body .nsfc-success-box {
    background: var(--nsfc-summary-bg) !important;
    color: var(--nsfc-text) !important;
    border: 1px solid var(--nsfc-primary) !important;
    border-radius: var(--nsfc-radius) !important;
    padding: 40px 20px !important;
    text-align: center !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    animation: nsfc-fade-in 0.5s ease;
}

@keyframes nsfc-fade-in {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Success Box Specials */
body .nsfc-theme-luxury .nsfc-success-box {
    border-color: var(--nsfc-primary) !important;
    background: #1a1a1a !important;
    color: var(--nsfc-primary) !important;
}
body .nsfc-theme-pop .nsfc-success-box {
    border: 4px solid #000 !important;
    box-shadow: 8px 8px 0px #000 !important;
}
body .nsfc-theme-gradient .nsfc-success-box {
    background: rgba(255,255,255,0.1) !important;
    color: #fff !important;
}
body .nsfc-theme-cyber .nsfc-success-box {
    border-color: #00f3ff !important;
    background: #000 !important;
    color: #ff00ff !important;
    box-shadow: 0 0 20px #ff00ff !important;
}
body .nsfc-theme-retro .nsfc-success-box {
    border: 2px solid #00ff41 !important;
    color: #00ff41 !important;
    background: #000 !important;
    border-radius: 0 !important;
}
body .nsfc-theme-royal .nsfc-success-box {
    border-color: #f59e0b !important;
    background: #2e1065 !important;
    color: #f59e0b !important;
}

/* Radio Buttons Styling */
body .nsfc-wrapper[class*="nsfc-theme-"] .nsfc-radio-group label {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 12px 15px !important;
    border: 1px solid var(--nsfc-border) !important;
    border-radius: var(--nsfc-radius) !important;
    margin-bottom: 10px !important;
    transition: all 0.2s ease !important;
    cursor: pointer !important;
    background: var(--nsfc-input-bg) !important;
}

body .nsfc-wrapper[class*="nsfc-theme-"] .nsfc-radio-group input[type="radio"] {
    -webkit-appearance: none !important;
    appearance: none !important;
    width: 20px !important;
    height: 20px !important;
    border: 2px solid var(--nsfc-border) !important;
    border-radius: 50% !important;
    outline: none !important;
    margin: 0 !important;
    position: relative !important;
    display: inline-block !important;
    background: var(--nsfc-input-bg) !important;
    flex-shrink: 0;
}

body .nsfc-wrapper[class*="nsfc-theme-"] .nsfc-radio-group input[type="radio"]:checked {
    border-color: var(--nsfc-primary) !important;
}

body .nsfc-wrapper[class*="nsfc-theme-"] .nsfc-radio-group input[type="radio"]:checked::after {
    content: '' !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 10px !important;
    height: 10px !important;
    background: var(--nsfc-primary) !important;
    border-radius: 50% !important;
}

body .nsfc-wrapper[class*="nsfc-theme-"] .nsfc-radio-group label:hover {
    border-color: var(--nsfc-primary) !important;
    background: var(--nsfc-summary-bg) !important;
}

body .nsfc-wrapper[class*="nsfc-theme-"] .nsfc-radio-group label:has(input:checked) {
    background: var(--nsfc-summary-bg) !important;
    border-color: var(--nsfc-primary) !important;
    box-shadow: inset 0 0 0 1px var(--nsfc-primary) !important;
}

/* Smooth Transitions */
body .nsfc-wrapper[class*="nsfc-theme-"] {
    transition: background 0.4s ease, color 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease !important;
}