/* Themes CSS */

/* Classic Theme */
.theme-classic {
    background-color: #fdfbf7;
    border: 2px solid #d4af37;
    font-family: 'Vazirmatn', serif;
}
.theme-classic h2, .theme-classic h3 {
    color: #8b6508;
}

/* Modern Theme */
.theme-modern {
    background: linear-gradient(135deg, #2c3e50, #3498db);
    color: white;
    border: none;
    border-radius: 15px;
    box-shadow: 0 10px 20px rgba(0,0,0,0.2);
}
.theme-modern h2, .theme-modern .host, .theme-modern p {
    color: #ecf0f1;
}
.theme-modern .divider {
    background: rgba(255,255,255,0.2);
}
.theme-modern .badge {
    background: #e74c3c;
    color: white;
}

/* Typography Theme */
.theme-typography {
    background-color: #fff;
    border: 5px solid #000;
    text-align: center;
}
.theme-typography h2 {
    font-size: 2.5em;
    font-weight: 900;
    letter-spacing: -1px;
    text-transform: uppercase;
    color: #000;
}
.theme-typography .badge {
    background: #000;
    color: #fff;
    border-radius: 0;
    font-weight: bold;
}

/* Texture Theme */
.theme-texture {
    background-image: url('data:image/svg+xml,%3Csvg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"%3E%3Cg fill="%239C92AC" fill-opacity="0.1" fill-rule="evenodd"%3E%3Ccircle cx="3" cy="3" r="3"/%3E%3Ccircle cx="13" cy="13" r="3"/%3E%3C/g%3E%3C/svg%3E');
    background-color: #fafafa;
    border: 1px solid #ccc;
    box-shadow: 3px 3px 0 #ccc;
}
.theme-texture h2 {
    color: #333;
    text-shadow: 1px 1px 0 #fff;
}

/* Royal Gold Theme */
.theme-royal_gold {
    background: linear-gradient(145deg, #111, #222);
    color: #d4af37;
    border: 3px double #d4af37;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5);
    font-family: 'Vazirmatn', serif;
}
.theme-royal_gold h2 {
    color: #ffd700;
    text-shadow: 0 2px 4px rgba(0,0,0,0.8);
    font-size: 2.2em;
}
.theme-royal_gold .badge {
    background: #d4af37;
    color: #111;
    font-weight: bold;
    border: 1px solid #fff;
}
.theme-royal_gold .divider {
    background: linear-gradient(to right, transparent, #d4af37, transparent);
    height: 2px;
}
.theme-royal_gold .host span, .theme-royal_gold p strong {
    color: #f1c40f;
}
.theme-royal_gold .details p {
    color: #e0e0e0;
}

/* Floral Spring Theme */
.theme-floral_spring {
    background: #fdfbf7 url('data:image/svg+xml,%3Csvg width="100" height="100" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M50 10 C60 10 70 30 50 50 C30 30 40 10 50 10 Z" fill="%23f4a3c4" opacity="0.1"/%3E%3Cpath d="M90 50 C90 60 70 70 50 50 C70 30 90 40 90 50 Z" fill="%23a8e6cf" opacity="0.1"/%3E%3Cpath d="M50 90 C40 90 30 70 50 50 C70 70 60 90 50 90 Z" fill="%23f4a3c4" opacity="0.1"/%3E%3Cpath d="M10 50 C10 40 30 30 50 50 C30 70 10 60 10 50 Z" fill="%23a8e6cf" opacity="0.1"/%3E%3Ccircle cx="50" cy="50" r="5" fill="%23ffd3b6" opacity="0.2"/%3E%3C/svg%3E') repeat;
    color: #5d4037;
    border: 2px solid #f4a3c4;
    border-radius: 20px;
    box-shadow: 0 8px 15px rgba(244,163,196,0.2);
}
.theme-floral_spring h2 {
    color: #e84a5f;
    font-size: 2em;
    font-family: 'Vazirmatn', cursive;
}
.theme-floral_spring .badge {
    background: #ffb7b2;
    color: #fff;
    border-radius: 20px;
    padding: 6px 15px;
}
.theme-floral_spring .divider {
    background: #a8e6cf;
    height: 3px;
    border-radius: 2px;
}
.theme-floral_spring .host span, .theme-floral_spring .details strong {
    color: #2a363b;
}

/* Minimal Dark Theme */
.theme-minimal_dark {
    background-color: #121212;
    color: #e0e0e0;
    border: 1px solid #333;
    border-radius: 10px;
    box-shadow: 0 15px 35px rgba(0,0,0,0.6);
    font-family: 'Inter', 'Vazirmatn', sans-serif;
}
.theme-minimal_dark h2 {
    color: #ffffff;
    font-weight: 300;
    letter-spacing: 1px;
}
.theme-minimal_dark .badge {
    background: transparent;
    color: #bb86fc;
    border: 1px solid #bb86fc;
    border-radius: 4px;
}
.theme-minimal_dark .divider {
    background: #333;
}
.theme-minimal_dark .host span, .theme-minimal_dark .details strong {
    color: #bb86fc;
}
.theme-minimal_dark .message {
    color: #aaaaaa;
}

/* Persian Tile Theme */
.theme-persian_tile {
    background-color: #f0f8ff;
    background-image: url('data:image/svg+xml,%3Csvg width="60" height="60" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M30 0 L60 30 L30 60 L0 30 Z" fill="%23008080" fill-opacity="0.05"/%3E%3Cpath d="M30 15 L45 30 L30 45 L15 30 Z" fill="%2300ced1" fill-opacity="0.1"/%3E%3C/svg%3E');
    color: #003366;
    border: 4px solid #005f6a;
    border-radius: 8px;
    box-shadow: inset 0 0 0 4px #e0f7fa, 0 5px 15px rgba(0, 95, 106, 0.3);
}
.theme-persian_tile h2 {
    color: #004d40;
    font-weight: bold;
    border-bottom: 2px dashed #00897b;
    padding-bottom: 10px;
    display: inline-block;
}
.theme-persian_tile .badge {
    background: #00897b;
    color: #fff;
    border-radius: 0 10px 0 10px;
}
.theme-persian_tile .divider {
    background: #00bcd4;
    height: 2px;
}
.theme-persian_tile .host span, .theme-persian_tile .details strong {
    color: #006064;
}

/* ===================================================
   5 NEW WEDDING THEMES - Page Background Styles
   =================================================== */

/* --- Page backgrounds for each new theme --- */
body.bg-theme-velvet_rose {
    background: linear-gradient(135deg, #1a0010 0%, #3d0026 40%, #6b0039 70%, #2d0018 100%);
    min-height: 100vh;
    position: relative;
    overflow-x: hidden;
}
body.bg-theme-velvet_rose::before {
    content: '';
    position: fixed;
    inset: 0;
    background-image:
        radial-gradient(ellipse at 20% 30%, rgba(255,100,150,0.12) 0%, transparent 55%),
        radial-gradient(ellipse at 80% 70%, rgba(220,50,100,0.1) 0%, transparent 55%);
    pointer-events: none;
    z-index: 0;
}
body.bg-theme-velvet_rose::after {
    content: '🌹';
    position: fixed;
    font-size: 300px;
    opacity: 0.03;
    bottom: -60px;
    right: -60px;
    pointer-events: none;
    z-index: 0;
}

body.bg-theme-golden_elegance {
    background: linear-gradient(160deg, #0d0a00 0%, #1a1400 30%, #2a2000 60%, #0d0a00 100%);
    min-height: 100vh;
    position: relative;
    overflow-x: hidden;
}
body.bg-theme-golden_elegance::before {
    content: '';
    position: fixed;
    inset: 0;
    background-image:
        radial-gradient(ellipse at 30% 20%, rgba(212,175,55,0.15) 0%, transparent 50%),
        radial-gradient(ellipse at 70% 80%, rgba(255,215,0,0.08) 0%, transparent 50%),
        url('data:image/svg+xml,%3Csvg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M40 5 L43 35 L73 35 L49 52 L59 78 L40 62 L21 78 L31 52 L7 35 L37 35 Z" fill="%23d4af37" fill-opacity="0.03"/%3E%3C/svg%3E') repeat;
    pointer-events: none;
    z-index: 0;
}

body.bg-theme-ivory_lace {
    background: linear-gradient(160deg, #f5f0e8 0%, #ede4d4 40%, #f9f5ee 100%);
    min-height: 100vh;
    position: relative;
    overflow-x: hidden;
}
body.bg-theme-ivory_lace::before {
    content: '';
    position: fixed;
    inset: 0;
    background-image:
        url('data:image/svg+xml,%3Csvg width="60" height="60" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg"%3E%3Ccircle cx="30" cy="30" r="2" fill="%23c8a96e" fill-opacity="0.15"/%3E%3Ccircle cx="0" cy="0" r="2" fill="%23c8a96e" fill-opacity="0.1"/%3E%3Ccircle cx="60" cy="0" r="2" fill="%23c8a96e" fill-opacity="0.1"/%3E%3Ccircle cx="0" cy="60" r="2" fill="%23c8a96e" fill-opacity="0.1"/%3E%3Ccircle cx="60" cy="60" r="2" fill="%23c8a96e" fill-opacity="0.1"/%3E%3C/svg%3E') repeat;
    pointer-events: none;
    z-index: 0;
}

body.bg-theme-midnight_bloom {
    background: linear-gradient(135deg, #0a0a1a 0%, #0e1230 40%, #151b40 70%, #0a0a1a 100%);
    min-height: 100vh;
    position: relative;
    overflow-x: hidden;
}
body.bg-theme-midnight_bloom::before {
    content: '';
    position: fixed;
    inset: 0;
    background-image:
        radial-gradient(ellipse at 15% 25%, rgba(138,43,226,0.2) 0%, transparent 50%),
        radial-gradient(ellipse at 85% 75%, rgba(75,0,130,0.15) 0%, transparent 50%),
        radial-gradient(ellipse at 50% 50%, rgba(100,50,200,0.08) 0%, transparent 60%);
    pointer-events: none;
    z-index: 0;
}

body.bg-theme-blossom_garden {
    background: linear-gradient(160deg, #fff0f5 0%, #ffe4f0 40%, #ffd6e8 70%, #fff0f5 100%);
    min-height: 100vh;
    position: relative;
    overflow-x: hidden;
}
body.bg-theme-blossom_garden::before {
    content: '';
    position: fixed;
    inset: 0;
    background-image:
        url('data:image/svg+xml,%3Csvg width="120" height="120" viewBox="0 0 120 120" xmlns="http://www.w3.org/2000/svg"%3E%3Ccircle cx="60" cy="40" r="12" fill="%23ffb6c1" fill-opacity="0.2"/%3E%3Ccircle cx="60" cy="80" r="12" fill="%23ffb6c1" fill-opacity="0.2"/%3E%3Ccircle cx="40" cy="60" r="12" fill="%23ffc0cb" fill-opacity="0.15"/%3E%3Ccircle cx="80" cy="60" r="12" fill="%23ffc0cb" fill-opacity="0.15"/%3E%3Ccircle cx="60" cy="60" r="6" fill="%23ffe4b5" fill-opacity="0.3"/%3E%3C/svg%3E') repeat;
    pointer-events: none;
    z-index: 0;
}

/* ===================================================
   THEME 5: Velvet Rose — تم مخملی رز
   گرم، عاشقانه، عروسی سلطنتی
   =================================================== */
.card-preview.theme-velvet_rose {
    background: linear-gradient(145deg, #2d0018, #5c0030, #3d0020) !important;
    color: #ffd6e0;
    border: 2px solid rgba(255, 120, 160, 0.3);
    border-top: 2px solid rgba(255, 120, 160, 0.3);
    border-radius: 20px;
    box-shadow: 0 0 0 1px rgba(255,100,140,0.15), 0 20px 50px rgba(100,0,40,0.6), inset 0 1px 0 rgba(255,255,255,0.05);
    position: relative;
    overflow: hidden;
}
.card-preview.theme-velvet_rose::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
        radial-gradient(ellipse at 10% 0%, rgba(255,100,150,0.15) 0%, transparent 50%),
        radial-gradient(ellipse at 90% 100%, rgba(180,0,80,0.2) 0%, transparent 50%);
    pointer-events: none;
    z-index: 0;
}
.card-preview.theme-velvet_rose .card-content { position: relative; z-index: 1; }
.card-preview.theme-velvet_rose h2 {
    color: #ffb3cc;
    font-size: 2em;
    text-shadow: 0 2px 10px rgba(255,50,100,0.5);
    letter-spacing: 1px;
}
.card-preview.theme-velvet_rose .badge {
    background: linear-gradient(135deg, #c0394a, #8b1538);
    color: #ffe0e8;
    border-radius: 30px;
    border: 1px solid rgba(255,150,180,0.3);
    box-shadow: 0 4px 12px rgba(180,0,60,0.4);
}
.card-preview.theme-velvet_rose .divider {
    background: linear-gradient(to right, transparent, rgba(255,120,160,0.5), transparent);
    height: 1px;
}
.card-preview.theme-velvet_rose .host { color: #ffb3cc; }
.card-preview.theme-velvet_rose .host span {
    color: #ffffff;
    text-shadow: 0 1px 5px rgba(255,100,140,0.5);
}
.card-preview.theme-velvet_rose .details {
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,150,180,0.15);
    border-radius: 10px;
}
.card-preview.theme-velvet_rose .details p { color: #ffd6e0; }
.card-preview.theme-velvet_rose .details strong { color: #ffb3cc; }
.card-preview.theme-velvet_rose .message { color: #ffd6e0; line-height: 2; }

/* ===================================================
   THEME 6: Golden Elegance — تم طلایی اشرافی
   تجملاتی، مشکی-طلایی، خاص
   =================================================== */
.card-preview.theme-golden_elegance {
    background: linear-gradient(160deg, #0d0a00, #1e1800, #2a2200) !important;
    color: #e8d5a3;
    border: 1px solid rgba(212,175,55,0.4);
    border-top: 1px solid rgba(212,175,55,0.4);
    border-radius: 16px;
    box-shadow: 0 0 0 3px rgba(212,175,55,0.1), 0 25px 60px rgba(0,0,0,0.7), inset 0 1px 0 rgba(212,175,55,0.1);
    position: relative;
    overflow: hidden;
}
.card-preview.theme-golden_elegance::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: url('data:image/svg+xml,%3Csvg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M40 5 L43 35 L73 35 L49 52 L59 78 L40 62 L21 78 L31 52 L7 35 L37 35 Z" fill="%23d4af37" fill-opacity="0.04"/%3E%3C/svg%3E') repeat;
    pointer-events: none;
    z-index: 0;
}
.card-preview.theme-golden_elegance::after {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 3px;
    background: linear-gradient(to right, transparent, #d4af37, #ffd700, #d4af37, transparent);
    z-index: 2;
}
.card-preview.theme-golden_elegance .card-content { position: relative; z-index: 1; }
.card-preview.theme-golden_elegance h2 {
    color: #ffd700;
    font-size: 2.2em;
    text-shadow: 0 2px 10px rgba(212,175,55,0.6);
    letter-spacing: 2px;
}
.card-preview.theme-golden_elegance .badge {
    background: linear-gradient(135deg, #d4af37, #a07820);
    color: #000;
    font-weight: bold;
    border-radius: 4px;
    border: none;
    box-shadow: 0 3px 10px rgba(212,175,55,0.4);
}
.card-preview.theme-golden_elegance .divider {
    background: linear-gradient(to right, transparent, #d4af37, #ffd700, #d4af37, transparent);
    height: 1px;
}
.card-preview.theme-golden_elegance .host { color: #c8b88a; }
.card-preview.theme-golden_elegance .host span {
    color: #ffd700;
    text-shadow: 0 1px 5px rgba(212,175,55,0.5);
}
.card-preview.theme-golden_elegance .details {
    background: rgba(212,175,55,0.05);
    border: 1px solid rgba(212,175,55,0.2);
    border-radius: 8px;
}
.card-preview.theme-golden_elegance .details strong { color: #d4af37; }
.card-preview.theme-golden_elegance .details p { color: #c8b88a; }
.card-preview.theme-golden_elegance .message { color: #e8d5a3; line-height: 2; }

/* ===================================================
   THEME 7: Ivory Lace — تم توری عاج
   ظریف، سفید-طلایی، عروس کلاسیک
   =================================================== */
.card-preview.theme-ivory_lace {
    background: linear-gradient(145deg, #fefaf3, #fff8ec, #fef5e6) !important;
    color: #5a4020;
    border: 2px solid rgba(200,169,110,0.4);
    border-top: 2px solid rgba(200,169,110,0.4);
    border-radius: 24px;
    box-shadow: 0 0 0 6px rgba(200,169,110,0.08), 0 15px 40px rgba(100,70,20,0.15);
    position: relative;
    overflow: hidden;
}
.card-preview.theme-ivory_lace::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: url('data:image/svg+xml,%3Csvg width="40" height="40" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"%3E%3Ccircle cx="20" cy="20" r="1.5" fill="%23c8a96e" fill-opacity="0.2"/%3E%3Cpath d="M10 20 Q15 10 20 20 Q25 30 30 20" fill="none" stroke="%23c8a96e" stroke-width="0.5" stroke-opacity="0.15"/%3E%3C/svg%3E') repeat;
    pointer-events: none;
    z-index: 0;
}
.card-preview.theme-ivory_lace::after {
    content: '';
    position: absolute;
    top: 0; left: 50%; transform: translateX(-50%);
    width: 80%;
    height: 4px;
    background: linear-gradient(to right, transparent, #c8a96e, #e8c97e, #c8a96e, transparent);
    border-radius: 0 0 4px 4px;
    z-index: 2;
}
.card-preview.theme-ivory_lace .card-content { position: relative; z-index: 1; }
.card-preview.theme-ivory_lace h2 {
    color: #7a5a10;
    font-size: 2em;
    letter-spacing: 1px;
    text-shadow: 0 1px 3px rgba(200,169,110,0.3);
}
.card-preview.theme-ivory_lace .badge {
    background: linear-gradient(135deg, #e8c97e, #c8a96e);
    color: #3a2800;
    font-weight: bold;
    border-radius: 30px;
    border: 1px solid rgba(200,169,110,0.5);
    box-shadow: 0 3px 10px rgba(200,169,110,0.3);
}
.card-preview.theme-ivory_lace .divider {
    background: linear-gradient(to right, transparent, #c8a96e, transparent);
    height: 1px;
}
.card-preview.theme-ivory_lace .host { color: #7a5a30; }
.card-preview.theme-ivory_lace .host span { color: #5a3a10; font-weight: bold; }
.card-preview.theme-ivory_lace .details {
    background: rgba(200,169,110,0.08);
    border: 1px solid rgba(200,169,110,0.25);
    border-radius: 12px;
}
.card-preview.theme-ivory_lace .details strong { color: #7a5a10; }
.card-preview.theme-ivory_lace .details p { color: #6a4a20; }
.card-preview.theme-ivory_lace .message { color: #5a4020; line-height: 2; font-style: italic; }

/* ===================================================
   THEME 8: Midnight Bloom — تم گل شب‌رنگ
   مدرن، بنفش-تیره، جادویی
   =================================================== */
.card-preview.theme-midnight_bloom {
    background: linear-gradient(145deg, #0d0b1a, #14102a, #1a1535) !important;
    color: #d8d0f0;
    border: 1px solid rgba(160,100,255,0.25);
    border-top: 1px solid rgba(160,100,255,0.25);
    border-radius: 20px;
    box-shadow: 0 0 0 1px rgba(120,80,200,0.1), 0 20px 60px rgba(0,0,0,0.7), inset 0 1px 0 rgba(180,150,255,0.05);
    position: relative;
    overflow: hidden;
}
.card-preview.theme-midnight_bloom::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
        radial-gradient(ellipse at 20% 10%, rgba(138,43,226,0.25) 0%, transparent 50%),
        radial-gradient(ellipse at 80% 90%, rgba(75,0,130,0.2) 0%, transparent 50%),
        radial-gradient(ellipse at 50% 50%, rgba(100,50,200,0.08) 0%, transparent 60%);
    pointer-events: none;
    z-index: 0;
}
.card-preview.theme-midnight_bloom::after {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 2px;
    background: linear-gradient(to right, transparent, #8a2be2, #da70d6, #8a2be2, transparent);
    z-index: 2;
}
.card-preview.theme-midnight_bloom .card-content { position: relative; z-index: 1; }
.card-preview.theme-midnight_bloom h2 {
    color: #e0c8ff;
    font-size: 2em;
    text-shadow: 0 0 20px rgba(180,100,255,0.5);
    letter-spacing: 1px;
}
.card-preview.theme-midnight_bloom .badge {
    background: linear-gradient(135deg, rgba(138,43,226,0.6), rgba(75,0,130,0.6));
    color: #e8d8ff;
    border-radius: 30px;
    border: 1px solid rgba(180,100,255,0.3);
    box-shadow: 0 4px 15px rgba(138,43,226,0.4), 0 0 10px rgba(180,100,255,0.2);
}
.card-preview.theme-midnight_bloom .divider {
    background: linear-gradient(to right, transparent, rgba(160,100,255,0.4), rgba(218,112,214,0.4), rgba(160,100,255,0.4), transparent);
    height: 1px;
}
.card-preview.theme-midnight_bloom .host { color: #b8a8e0; }
.card-preview.theme-midnight_bloom .host span {
    color: #d8c8ff;
    text-shadow: 0 0 10px rgba(180,100,255,0.4);
}
.card-preview.theme-midnight_bloom .details {
    background: rgba(138,43,226,0.08);
    border: 1px solid rgba(160,100,255,0.15);
    border-radius: 10px;
}
.card-preview.theme-midnight_bloom .details strong { color: #c8a8ff; }
.card-preview.theme-midnight_bloom .details p { color: #c0b0e8; }
.card-preview.theme-midnight_bloom .message { color: #d0c0f0; line-height: 2; }

/* ===================================================
   THEME 9: Blossom Garden — تم باغ شکوفه
   شاد، صورتی، بهاری عروسی
   =================================================== */
.card-preview.theme-blossom_garden {
    background: linear-gradient(145deg, #fff0f5, #ffe8f0, #fff5f8) !important;
    color: #6b2040;
    border: 2px solid rgba(255,150,190,0.3);
    border-top: 2px solid rgba(255,150,190,0.3);
    border-radius: 28px;
    box-shadow: 0 0 0 6px rgba(255,182,193,0.1), 0 15px 40px rgba(255,100,150,0.15), inset 0 1px 0 rgba(255,255,255,0.8);
    position: relative;
    overflow: hidden;
}
.card-preview.theme-blossom_garden::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image:
        url('data:image/svg+xml,%3Csvg width="80" height="80" viewBox="0 0 80 80" xmlns="http://www.w3.org/2000/svg"%3E%3Ccircle cx="40" cy="25" r="10" fill="%23ffb6c1" fill-opacity="0.18"/%3E%3Ccircle cx="40" cy="55" r="10" fill="%23ffb6c1" fill-opacity="0.18"/%3E%3Ccircle cx="25" cy="40" r="10" fill="%23ffc0cb" fill-opacity="0.13"/%3E%3Ccircle cx="55" cy="40" r="10" fill="%23ffc0cb" fill-opacity="0.13"/%3E%3Ccircle cx="40" cy="40" r="5" fill="%23ffe4b5" fill-opacity="0.28"/%3E%3C/svg%3E') repeat;
    pointer-events: none;
    z-index: 0;
}
.card-preview.theme-blossom_garden::after {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 5px;
    background: linear-gradient(to right, #ffb6c1, #ff91a4, #ffb6c1, #ff91a4, #ffb6c1);
    z-index: 2;
}
.card-preview.theme-blossom_garden .card-content { position: relative; z-index: 1; }
.card-preview.theme-blossom_garden h2 {
    color: #c0254a;
    font-size: 2em;
    text-shadow: 0 2px 8px rgba(200,50,100,0.2);
    letter-spacing: 0.5px;
}
.card-preview.theme-blossom_garden .badge {
    background: linear-gradient(135deg, #ff91a4, #e0607a);
    color: #fff;
    border-radius: 30px;
    border: none;
    box-shadow: 0 4px 12px rgba(220,80,120,0.35);
}
.card-preview.theme-blossom_garden .divider {
    background: linear-gradient(to right, transparent, #ffb6c1, #ff91a4, #ffb6c1, transparent);
    height: 2px;
    border-radius: 2px;
}
.card-preview.theme-blossom_garden .host { color: #8b3050; }
.card-preview.theme-blossom_garden .host span { color: #5a0028; font-weight: bold; }
.card-preview.theme-blossom_garden .details {
    background: rgba(255,182,193,0.12);
    border: 1px solid rgba(255,150,180,0.25);
    border-radius: 14px;
}
.card-preview.theme-blossom_garden .details strong { color: #c0254a; }
.card-preview.theme-blossom_garden .details p { color: #7a2a40; }
.card-preview.theme-blossom_garden .message { color: #6b2040; line-height: 2; }

/* ===================================================
   PUBLIC SHOW PAGE — بک‌گراند صفحه نمایش کارت
   =================================================== */
body[class*="bg-theme-"] .container {
    background: transparent !important;
}
body[class*="bg-theme-"] {
    min-height: 100vh;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
body[class*="bg-theme-"] .container {
    width: 100%;
    max-width: 1200px;
    position: relative;
    z-index: 1;
}
body[class*="bg-theme-"] .public-view {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
    position: relative;
    z-index: 1;
}