/* ===== DARK THEME (DEFAULT) ===== */
.theme-dark {
    background: linear-gradient(135deg, #0f0c29, #302b63, #24243e);
    color: #e0e0ff;
}

.theme-dark .sidebar {
    background: rgba(15, 12, 41, 0.95);
    border-right: 1px solid #4a4a8a;
    backdrop-filter: blur(10px);
}

.theme-dark .sidebar-header {
    border-color: #4a4a8a;
}

.theme-dark .logo {
    border-color: #00ffff;
    box-shadow: 0 0 20px rgba(0, 255, 255, 0.3);
}

.theme-dark .sidebar-nav a {
    color: #a0a0ff;
    background: rgba(45, 45, 93, 0.5);
}

.theme-dark .sidebar-nav a:hover {
    background: #4a4a8a;
    color: #ffffff;
    transform: translateX(5px);
}

.theme-dark .theme-btn {
    background: #2d2d5d;
    color: #a0a0ff;
}

.theme-dark .theme-btn:hover,
.theme-dark .theme-btn.active {
    background: #4a4a8a;
    color: #ffffff;
    transform: scale(1.1);
}

.theme-dark .floating-btn {
    background: #00ffff;
    color: #000000;
    box-shadow: 0 5px 15px rgba(0, 255, 255, 0.3);
}

.theme-dark .floating-btn:hover {
    background: #00cccc;
    transform: translateY(-3px) scale(1.1);
}

.theme-dark .visit-counter {
    background: rgba(45, 45, 93, 0.8);
    color: #a0a0ff;
    border: 1px solid #4a4a8a;
}

.theme-dark .section-title {
    color: #00ffff;
}

.theme-dark .section-title::after {
    background: linear-gradient(90deg, transparent, #00ffff, transparent);
}

.theme-dark .btn-primary {
    background: #00ffff;
    color: #000000;
    box-shadow: 0 0 20px rgba(0, 255, 255, 0.5);
}

.theme-dark .btn-secondary {
    background: transparent;
    color: #00ffff;
    border: 2px solid #00ffff;
}

.theme-dark .skill-card,
.theme-dark .project-card {
    background: rgba(30, 30, 60, 0.7);
    border: 1px solid #4a4a8a;
    backdrop-filter: blur(10px);
}

.theme-dark .profile-pic,
.theme-dark .about-pic {
    border-color: #00ffff;
    box-shadow: 0 0 20px rgba(0, 255, 255, 0.3);
}

.theme-dark .age-info {
    background: rgba(0, 255, 255, 0.1);
    border: 1px solid #00ffff;
}

.theme-dark .contact-item {
    background: rgba(30, 30, 60, 0.7);
    border: 1px solid #4a4a8a;
}

.theme-dark .contact-item a {
    color: #00ffff;
}

.theme-dark .contact-item:hover {
    background: rgba(74, 74, 138, 0.8);
}

.theme-dark .social-links a {
    color: #00ffff;
}

.theme-dark .chatbot {
    background: rgba(15, 12, 41, 0.95);
    border: 1px solid #4a4a8a;
}

.theme-dark .chatbot-header {
    background: rgba(45, 45, 93, 0.8);
    border-bottom: 1px solid #4a4a8a;
}

.theme-dark .chatbot-close:hover {
    background: rgba(255, 255, 255, 0.1);
}

.theme-dark .message.bot {
    background: rgba(45, 45, 93, 0.7);
    color: #a0a0ff;
}

.theme-dark .message.user {
    background: #00ffff;
    color: #000000;
}

.theme-dark .chatbot-input {
    background: rgba(45, 45, 93, 0.8);
    border-top: 1px solid #4a4a8a;
}

.theme-dark .chatbot-input input {
    background: rgba(30, 30, 60, 0.7);
    color: #e0e0ff;
    border: 1px solid #4a4a8a;
}

.theme-dark .chatbot-input button {
    color: #00ffff;
}

.theme-dark .chatbot-input button:hover {
    background: rgba(0, 255, 255, 0.1);
}

.theme-dark .quick-replies {
    border-color: #4a4a8a;
    background: rgba(45, 45, 93, 0.8);
}

/* ===== LIGHT THEME ===== */
.theme-light {
    background: #ffffff;
    color: #333333;
}

.theme-light .sidebar {
    background: rgba(255, 255, 255, 0.95);
    border-right: 1px solid #dee2e6;
    box-shadow: 5px 0 20px rgba(0, 0, 0, 0.1);
}

.theme-light .sidebar-header {
    border-color: #dee2e6;
}

.theme-light .logo {
    border-color: #007bff;
    box-shadow: 0 0 15px rgba(0, 123, 255, 0.2);
}

.theme-light .sidebar-nav a {
    color: #495057;
    background: #f8f9fa;
}

.theme-light .sidebar-nav a:hover {
    background: #007bff;
    color: #ffffff;
    transform: translateX(5px);
}

.theme-light .theme-btn {
    background: #e9ecef;
    color: #495057;
}

.theme-light .theme-btn:hover,
.theme-light .theme-btn.active {
    background: #007bff;
    color: #ffffff;
    transform: scale(1.1);
}

.theme-light .floating-btn {
    background: #007bff;
    color: #ffffff;
    box-shadow: 0 5px 15px rgba(0, 123, 255, 0.3);
}

.theme-light .visit-counter {
    background: #f8f9fa;
    color: #495057;
    border: 1px solid #dee2e6;
}

.theme-light .section-title {
    color: #007bff;
}

.theme-light .section-title::after {
    background: linear-gradient(90deg, transparent, #007bff, transparent);
}

.theme-light .btn-primary {
    background: #007bff;
    color: #ffffff;
    box-shadow: 0 0 15px rgba(0, 123, 255, 0.3);
}

.theme-light .btn-secondary {
    background: transparent;
    color: #007bff;
    border: 2px solid #007bff;
}

.theme-light .skill-card,
.theme-light .project-card {
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.theme-light .profile-pic,
.theme-light .about-pic {
    border-color: #007bff;
    box-shadow: 0 0 15px rgba(0, 123, 255, 0.2);
}

.theme-light .age-info {
    background: rgba(0, 123, 255, 0.1);
    border: 1px solid #007bff;
}

.theme-light .contact-item {
    background: #f8f9fa;
    border: 1px solid #dee2e6;
}

.theme-light .contact-item a {
    color: #007bff;
}

.theme-light .contact-item:hover {
    background: rgba(0, 123, 255, 0.1);
}

.theme-light .social-links a {
    color: #007bff;
}

.theme-light .chatbot {
    background: #ffffff;
    border: 1px solid #dee2e6;
}

.theme-light .chatbot-header {
    background: #f8f9fa;
    border-bottom: 1px solid #dee2e6;
}

.theme-light .chatbot-close:hover {
    background: #e9ecef;
}

.theme-light .message.bot {
    background: #e9ecef;
    color: #495057;
}

.theme-light .message.user {
    background: #007bff;
    color: #ffffff;
}

.theme-light .chatbot-input {
    background: #f8f9fa;
    border-top: 1px solid #dee2e6;
}

.theme-light .chatbot-input input {
    background: #ffffff;
    color: #333333;
    border: 1px solid #ced4da;
}

.theme-light .chatbot-input button {
    color: #007bff;
}

.theme-light .chatbot-input button:hover {
    background: #e9ecef;
}

.theme-light .quick-replies {
    border-color: #dee2e6;
    background: #f8f9fa;
}

/* ===== GLASSMORPHISM THEME ===== */
.theme-glass {
    background: linear-gradient(135deg, #667eea, #764ba2);
    color: #ffffff;
}

.theme-glass .sidebar {
    background: rgba(255, 255, 255, 0.1);
    border-right: 1px solid rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(10px);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
}

.theme-glass .sidebar-header {
    border-color: rgba(255, 255, 255, 0.2);
}

.theme-glass .logo {
    border-color: rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 20px rgba(255, 255, 255, 0.2);
}

.theme-glass .sidebar-nav a {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.theme-glass .sidebar-nav a:hover {
    background: rgba(255, 255, 255, 0.2);
    transform: translateX(5px);
}

.theme-glass .theme-btn {
    background: rgba(255, 255, 255, 0.1);
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.theme-glass .theme-btn:hover,
.theme-glass .theme-btn.active {
    background: rgba(255, 255, 255, 0.2);
    transform: scale(1.1);
}

.theme-glass .floating-btn {
    background: rgba(255, 255, 255, 0.2);
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.3);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.theme-glass .floating-btn:hover {
    background: rgba(255, 255, 255, 0.3);
    transform: translateY(-3px) scale(1.1);
}

.theme-glass .visit-counter {
    background: rgba(255, 255, 255, 0.1);
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.theme-glass .section-title {
    color: #ffff00;
    text-shadow: 0 0 10px rgba(255, 255, 0, 0.3);
}

.theme-glass .section-title::after {
    background: linear-gradient(90deg, transparent, #ffff00, transparent);
}

.theme-glass .btn-primary {
    background: rgba(255, 255, 255, 0.2);
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.theme-glass .btn-secondary {
    background: transparent;
    color: #ffffff;
    border: 2px solid rgba(255, 255, 255, 0.5);
}

.theme-glass .skill-card,
.theme-glass .project-card {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(10px);
}

.theme-glass .profile-pic,
.theme-glass .about-pic {
    border-color: rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 20px rgba(255, 255, 255, 0.2);
}

.theme-glass .age-info {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.theme-glass .contact-item {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.theme-glass .contact-item a {
    color: #ffffff;
}

.theme-glass .contact-item:hover {
    background: rgba(255, 255, 255, 0.2);
}

.theme-glass .social-links a {
    color: #ffffff;
    text-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
}

.theme-glass .chatbot {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(10px);
}

.theme-glass .chatbot-header {
    background: rgba(255, 255, 255, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.theme-glass .message.bot {
    background: rgba(255, 255, 255, 0.1);
}

.theme-glass .message.user {
    background: rgba(255, 255, 255, 0.2);
}

.theme-glass .chatbot-input {
    background: rgba(255, 255, 255, 0.1);
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.theme-glass .chatbot-input input {
    background: rgba(255, 255, 255, 0.1);
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

/* ===== NEON THEME ===== */
.theme-neon {
    background: #000000;
    color: #00ff00;
    font-family: 'Courier New', monospace;
}

.theme-neon .sidebar {
    background: #001100;
    border-right: 1px solid #00ff00;
    box-shadow: 0 0 20px rgba(0, 255, 0, 0.3);
}

.theme-neon .sidebar-header {
    border-color: #00ff00;
}

.theme-neon .logo {
    border-color: #00ff00;
    box-shadow: 0 0 20px #00ff00;
}

.theme-neon .sidebar-nav a {
    color: #00ff00;
    background: #000000;
    border: 1px solid #00ff00;
}

.theme-neon .sidebar-nav a:hover {
    background: #00ff00;
    color: #000000;
    transform: translateX(5px);
}

.theme-neon .theme-btn {
    background: #001100;
    color: #00ff00;
    border: 1px solid #00ff00;
}

.theme-neon .theme-btn:hover,
.theme-neon .theme-btn.active {
    background: #00ff00;
    color: #000000;
    transform: scale(1.1);
    box-shadow: 0 0 15px #00ff00;
}

.theme-neon .floating-btn {
    background: #00ff00;
    color: #000000;
    border: 2px solid #00ff00;
    box-shadow: 0 5px 15px #00ff00;
}

.theme-neon .floating-btn:hover {
    background: #00cc00;
    transform: translateY(-3px) scale(1.1);
    box-shadow: 0 8px 20px #00ff00;
}

.theme-neon .visit-counter {
    background: #001100;
    color: #00ff00;
    border: 1px solid #00ff00;
    box-shadow: 0 0 10px rgba(0, 255, 0, 0.2);
}

.theme-neon .section-title {
    color: #00ff00;
    text-shadow: 0 0 10px #00ff00;
}

.theme-neon .section-title::after {
    background: linear-gradient(90deg, transparent, #00ff00, transparent);
    box-shadow: 0 0 10px #00ff00;
}

.theme-neon .btn-primary {
    background: #00ff00;
    color: #000000;
    border: 2px solid #00ff00;
    box-shadow: 0 0 15px #00ff00;
}

.theme-neon .btn-secondary {
    background: transparent;
    color: #00ff00;
    border: 2px solid #00ff00;
    box-shadow: 0 0 10px rgba(0, 255, 0, 0.3);
}

.theme-neon .skill-card,
.theme-neon .project-card {
    background: #001100;
    border: 1px solid #00ff00;
    box-shadow: 0 0 15px rgba(0, 255, 0, 0.2);
}

.theme-neon .profile-pic,
.theme-neon .about-pic {
    border-color: #00ff00;
    box-shadow: 0 0 20px #00ff00;
}

.theme-neon .age-info {
    background: #001100;
    border: 1px solid #00ff00;
    box-shadow: 0 0 10px rgba(0, 255, 0, 0.2);
}

.theme-neon .contact-item {
    background: #001100;
    border: 1px solid #00ff00;
}

.theme-neon .contact-item a {
    color: #00ff00;
}

.theme-neon .contact-item:hover {
    background: #002200;
    box-shadow: 0 0 15px rgba(0, 255, 0, 0.3);
}

.theme-neon .social-links a {
    color: #00ff00;
    text-shadow: 0 0 5px #00ff00;
}

.theme-neon .chatbot {
    background: #001100;
    border: 1px solid #00ff00;
    box-shadow: 0 0 20px rgba(0, 255, 0, 0.2);
}

.theme-neon .chatbot-header {
    background: #000000;
    border-bottom: 1px solid #00ff00;
}

.theme-neon .message.bot {
    background: #001100;
    border: 1px solid #00ff00;
}

.theme-neon .message.user {
    background: #00ff00;
    color: #000000;
}

.theme-neon .chatbot-input {
    background: #000000;
    border-top: 1px solid #00ff00;
}

.theme-neon .chatbot-input input {
    background: #001100;
    color: #00ff00;
    border: 1px solid #00ff00;
}

/* ===== HACKER THEME ===== */
.theme-hacker {
    background: #000000;
    color: #00ff00;
    font-family: 'Courier New', monospace;
}

.theme-hacker .sidebar {
    background: #001100;
    border-right: 1px solid #00ff00;
}

.theme-hacker .sidebar-header {
    border-color: #00ff00;
}

.theme-hacker .logo {
    border-color: #00ff00;
    animation: hackerGlow 2s infinite alternate;
}

@keyframes hackerGlow {
    0% { box-shadow: 0 0 5px #00ff00; }
    100% { box-shadow: 0 0 20px #00ff00, 0 0 30px #00ff00; }
}

.theme-hacker .sidebar-nav a {
    color: #00ff00;
    background: #000000;
    border: 1px solid #00ff00;
    font-family: 'Courier New', monospace;
}

.theme-hacker .sidebar-nav a:hover {
    background: #00ff00;
    color: #000000;
    transform: translateX(5px);
}

.theme-hacker .theme-btn {
    background: #000000;
    color: #00ff00;
    border: 1px solid #00ff00;
    font-family: 'Courier New', monospace;
}

.theme-hacker .theme-btn:hover,
.theme-hacker .theme-btn.active {
    background: #00ff00;
    color: #000000;
    transform: scale(1.1);
}

.theme-hacker .floating-btn {
    background: #00ff00;
    color: #000000;
    border: 2px solid #00ff00;
    font-family: 'Courier New', monospace;
}

.theme-hacker .floating-btn:hover {
    background: #00cc00;
    transform: translateY(-3px) scale(1.1);
}

.theme-hacker .visit-counter {
    background: #001100;
    color: #00ff00;
    border: 1px solid #00ff00;
}

.theme-hacker .section-title {
    color: #00ff00;
    font-family: 'Courier New', monospace;
    text-shadow: 0 0 10px #00ff00;
}

.theme-hacker .btn-primary {
    background: #00ff00;
    color: #000000;
    border: 2px solid #00ff00;
    font-family: 'Courier New', monospace;
}

.theme-hacker .btn-secondary {
    background: transparent;
    color: #00ff00;
    border: 2px solid #00ff00;
    font-family: 'Courier New', monospace;
}

.theme-hacker .skill-card,
.theme-hacker .project-card {
    background: #001100;
    border: 1px solid #00ff00;
    font-family: 'Courier New', monospace;
}

.theme-hacker .profile-pic,
.theme-hacker .about-pic {
    border-color: #00ff00;
    animation: hackerGlow 2s infinite alternate;
}

.theme-hacker .age-info {
    background: #001100;
    border: 1px solid #00ff00;
}

.theme-hacker .contact-item {
    background: #001100;
    border: 1px solid #00ff00;
}

.theme-hacker .contact-item a {
    color: #00ff00;
}

.theme-hacker .social-links a {
    color: #00ff00;
    font-family: 'Courier New', monospace;
}

/* ===== VINTAGE THEME ===== */
.theme-vintage {
    background: linear-gradient(135deg, #f5deb3, #d2b48c);
    color: #8b4513;
}

.theme-vintage .sidebar {
    background: rgba(139, 69, 19, 0.1);
    border-right: 1px solid #8b4513;
}

.theme-vintage .sidebar-header {
    border-color: #8b4513;
}

.theme-vintage .logo {
    border-color: #8b4513;
    box-shadow: 0 0 15px rgba(139, 69, 19, 0.3);
}

.theme-vintage .sidebar-nav a {
    color: #8b4513;
    background: #d2b48c;
}

.theme-vintage .sidebar-nav a:hover {
    background: #8b4513;
    color: #f5deb3;
    transform: translateX(5px);
}

.theme-vintage .theme-btn {
    background: #d2b48c;
    color: #8b4513;
}

.theme-vintage .theme-btn:hover,
.theme-vintage .theme-btn.active {
    background: #8b4513;
    color: #f5deb3;
    transform: scale(1.1);
}

.theme-vintage .floating-btn {
    background: #8b4513;
    color: #f5deb3;
    box-shadow: 0 5px 15px rgba(139, 69, 19, 0.3);
}

.theme-vintage .floating-btn:hover {
    background: #a0522d;
    transform: translateY(-3px) scale(1.1);
}

.theme-vintage .visit-counter {
    background: #d2b48c;
    color: #8b4513;
    border: 1px solid #8b4513;
}

.theme-vintage .section-title {
    color: #8b4513;
}

.theme-vintage .section-title::after {
    background: linear-gradient(90deg, transparent, #8b4513, transparent);
}

.theme-vintage .btn-primary {
    background: #8b4513;
    color: #f5deb3;
    box-shadow: 0 0 15px rgba(139, 69, 19, 0.3);
}

.theme-vintage .btn-secondary {
    background: transparent;
    color: #8b4513;
    border: 2px solid #8b4513;
}

.theme-vintage .skill-card,
.theme-vintage .project-card {
    background: #f5deb3;
    border: 1px solid #8b4513;
    box-shadow: 0 5px 15px rgba(139, 69, 19, 0.2);
}

.theme-vintage .profile-pic,
.theme-vintage .about-pic {
    border-color: #8b4513;
    box-shadow: 0 0 15px rgba(139, 69, 19, 0.3);
}

.theme-vintage .age-info {
    background: #d2b48c;
    border: 1px solid #8b4513;
}

.theme-vintage .contact-item {
    background: #f5deb3;
    border: 1px solid #8b4513;
}

.theme-vintage .contact-item a {
    color: #8b4513;
}

.theme-vintage .contact-item:hover {
    background: #d2b48c;
}

.theme-vintage .social-links a {
    color: #8b4513;
}

.theme-vintage .chatbot {
    background: #f5deb3;
    border: 1px solid #8b4513;
}

.theme-vintage .chatbot-header {
    background: #d2b48c;
    border-bottom: 1px solid #8b4513;
}

.theme-vintage .message.bot {
    background: #d2b48c;
    color: #8b4513;
}

.theme-vintage .message.user {
    background: #8b4513;
    color: #f5deb3;
}

.theme-vintage .chatbot-input {
    background: #d2b48c;
    border-top: 1px solid #8b4513;
}

.theme-vintage .chatbot-input input {
    background: #f5deb3;
    color: #8b4513;
    border: 1px solid #8b4513;
}

/* ===== ROYAL THEME ===== */
.theme-royal {
    background: linear-gradient(135deg, #4b0082, #8a2be2);
    color: #ffd700;
}

.theme-royal .sidebar {
    background: rgba(75, 0, 130, 0.9);
    border-right: 1px solid #ffd700;
}

.theme-royal .sidebar-header {
    border-color: #ffd700;
}

.theme-royal .logo {
    border-color: #ffd700;
    box-shadow: 0 0 20px rgba(255, 215, 0, 0.5);
}

.theme-royal .sidebar-nav a {
    color: #ffd700;
    background: #4b0082;
}

.theme-royal .sidebar-nav a:hover {
    background: #ffd700;
    color: #4b0082;
    transform: translateX(5px);
}

.theme-royal .theme-btn {
    background: #4b0082;
    color: #ffd700;
}

.theme-royal .theme-btn:hover,
.theme-royal .theme-btn.active {
    background: #ffd700;
    color: #4b0082;
    transform: scale(1.1);
}

.theme-royal .floating-btn {
    background: #ffd700;
    color: #4b0082;
    box-shadow: 0 5px 15px rgba(255, 215, 0, 0.5);
}

.theme-royal .floating-btn:hover {
    background: #ffed4e;
    transform: translateY(-3px) scale(1.1);
}

.theme-royal .visit-counter {
    background: #4b0082;
    color: #ffd700;
    border: 1px solid #ffd700;
}

.theme-royal .section-title {
    color: #ffd700;
    text-shadow: 0 0 10px rgba(255, 215, 0, 0.5);
}

.theme-royal .section-title::after {
    background: linear-gradient(90deg, transparent, #ffd700, transparent);
}

.theme-royal .btn-primary {
    background: #ffd700;
    color: #4b0082;
    box-shadow: 0 0 15px rgba(255, 215, 0, 0.5);
}

.theme-royal .btn-secondary {
    background: transparent;
    color: #ffd700;
    border: 2px solid #ffd700;
}

.theme-royal .skill-card,
.theme-royal .project-card {
    background: rgba(75, 0, 130, 0.7);
    border: 1px solid #ffd700;
    backdrop-filter: blur(5px);
}

.theme-royal .profile-pic,
.theme-royal .about-pic {
    border-color: #ffd700;
    box-shadow: 0 0 20px rgba(255, 215, 0, 0.5);
}

.theme-royal .age-info {
    background: rgba(75, 0, 130, 0.5);
    border: 1px solid #ffd700;
}

.theme-royal .contact-item {
    background: rgba(75, 0, 130, 0.7);
    border: 1px solid #ffd700;
}

.theme-royal .contact-item a {
    color: #ffd700;
}

.theme-royal .contact-item:hover {
    background: rgba(139, 69, 162, 0.8);
}

.theme-royal .social-links a {
    color: #ffd700;
    text-shadow: 0 0 5px rgba(255, 215, 0, 0.5);
}

.theme-royal .chatbot {
    background: rgba(75, 0, 130, 0.9);
    border: 1px solid #ffd700;
}

.theme-royal .chatbot-header {
    background: rgba(75, 0, 130, 0.8);
    border-bottom: 1px solid #ffd700;
}

.theme-royal .message.bot {
    background: rgba(75, 0, 130, 0.7);
    color: #ffd700;
}

.theme-royal .message.user {
    background: #ffd700;
    color: #4b0082;
}

.theme-royal .chatbot-input {
    background: rgba(75, 0, 130, 0.8);
    border-top: 1px solid #ffd700;
}

.theme-royal .chatbot-input input {
    background: rgba(75, 0, 130, 0.7);
    color: #ffd700;
    border: 1px solid #ffd700;
}

.theme-royal .chatbot-input button {
    color: #ffd700;
}

.theme-royal .quick-replies {
    border-color: #ffd700;
    background: rgba(75, 0, 130, 0.8);
}