/*------------------------------------------------------------------------
# mod_header_bar - Header Notification Bar 
# ------------------------------------------------------------------------
# author    Infyways Solutions
# copyright Copyright (C) 2024 Infyways Solutions. All Rights Reserved.
# @license - http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
# Websites: http://www.infyways.com
# Technical Support:  Forum - http://support.infyways/com
-------------------------------------------------------------------------*/

/* Default Theme */
.header-theme-default {
    background-color: #0066CC;
    color: #ffffff;
    padding: 15px;
    box-shadow: none;
    font-family: Arial, sans-serif;
}
.header-theme-default .jx-close-notify {
    color: #ffffff;
    opacity: 0.8;
}
.header-theme-default .jx-close-notify:hover {
    opacity: 1;
}
.header-theme-default .jx-hnbc_button {
    background-color: #004080;
    color: #ffffff;
    padding: 8px 15px;
    border-radius: 4px;
    text-decoration: none;
    display: inline-block;
    margin-left: 10px;
    transition: background-color 0.3s;
}
.header-theme-default .jx-hnbc_button:hover {
    background-color: #00254d;
}

/* Modern Flat Theme */
.header-theme-modern-flat {
    background-color: #3498db;
    color: #ffffff;
    padding: 12px 20px;
    box-shadow: none;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
    border-bottom: 3px solid #2980b9;
}
.header-theme-modern-flat .jx-close-notify {
    color: #ffffff;
    opacity: 0.8;
    font-size: 18px;
}
.header-theme-modern-flat .jx-close-notify:hover {
    opacity: 1;
}
.header-theme-modern-flat .jx-hnbc_button {
    background-color: rgba(255, 255, 255, 0.2);
    color: #ffffff;
    padding: 6px 18px;
    border-radius: 2px;
    text-decoration: none;
    display: inline-block;
    margin-left: 15px;
    transition: all 0.3s;
    border: 1px solid #ffffff;
}
.header-theme-modern-flat .jx-hnbc_button:hover {
    background-color: rgba(255, 255, 255, 0.3);
}

/* Material Theme */
.header-theme-material {
    background-color: #4caf50;
    color: #ffffff;
    padding: 16px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.26);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
}
.header-theme-material .jx-close-notify {
    color: #ffffff;
    opacity: 0.8;
    font-size: 20px;
}
.header-theme-material .jx-close-notify:hover {
    opacity: 1;
}
.header-theme-material .jx-hnbc_button {
    background-color: transparent;
    color: #ffffff;
    padding: 8px 16px;
    border-radius: 2px;
    text-decoration: none;
    display: inline-block;
    margin-left: 15px;
    transition: background-color 0.3s;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0.5px;
}
.header-theme-material .jx-hnbc_button:hover {
    background-color: rgba(0, 0, 0, 0.1);
}

/* Minimal Theme */
.header-theme-minimal {
    background-color: #f8f9fa;
    color: #333333;
    padding: 10px 20px;
    box-shadow: none;
    font-family: Helvetica, Arial, sans-serif;
    border-bottom: 1px solid #e9ecef;
}
.header-theme-minimal .jx-close-notify {
    color: #333333;
    opacity: 0.5;
    font-size: 16px;
}
.header-theme-minimal .jx-close-notify:hover {
    opacity: 0.8;
}
.header-theme-minimal .jx-hnbc_button {
    background-color: transparent;
    color: #007bff;
    padding: 5px 12px;
    border-radius: 0;
    text-decoration: none;
    display: inline-block;
    margin-left: 15px;
    transition: all 0.2s;
    border-bottom: 1px solid #007bff;
}
.header-theme-minimal .jx-hnbc_button:hover {
    color: #0056b3;
    border-bottom: 1px solid #0056b3;
}

/* Corporate Theme */
.header-theme-corporate {
    background-color: #1e3a8a;
    color: #ffffff;
    padding: 15px 25px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    font-family: 'Arial', sans-serif;
    border-bottom: 2px solid #f8bf2c;
}
.header-theme-corporate .jx-close-notify {
    color: #ffffff;
    opacity: 0.8;
    font-size: 18px;
}
.header-theme-corporate .jx-close-notify:hover {
    opacity: 1;
}
.header-theme-corporate .jx-hnbc_button {
    background-color: #f8bf2c;
    color: #1e3a8a;
    padding: 8px 20px;
    border-radius: 3px;
    text-decoration: none;
    display: inline-block;
    margin-left: 15px;
    transition: all 0.3s;
    font-weight: bold;
}
.header-theme-corporate .jx-hnbc_button:hover {
    background-color: #e9b120;
}

/* Gradient Theme */
.header-theme-gradient {
    background: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%);
    color: #ffffff;
    padding: 15px 20px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    font-family: Verdana, Geneva, sans-serif;
}
.header-theme-gradient .jx-close-notify {
    color: #ffffff;
    opacity: 0.8;
    font-size: 18px;
}
.header-theme-gradient .jx-close-notify:hover {
    opacity: 1;
}
.header-theme-gradient .jx-hnbc_button {
    background: rgba(255, 255, 255, 0.2);
    color: #ffffff;
    padding: 8px 18px;
    border-radius: 50px;
    text-decoration: none;
    display: inline-block;
    margin-left: 15px;
    transition: all 0.3s;
    border: 1px solid rgba(255, 255, 255, 0.4);
}
.header-theme-gradient .jx-hnbc_button:hover {
    background: rgba(255, 255, 255, 0.3);
    border-color: rgba(255, 255, 255, 0.5);
}

/* Dark Theme */
.header-theme-dark {
    background-color: #212529;
    color: #f8f9fa;
    padding: 15px 20px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.header-theme-dark .jx-close-notify {
    color: #f8f9fa;
    opacity: 0.7;
    font-size: 18px;
}
.header-theme-dark .jx-close-notify:hover {
    opacity: 1;
}
.header-theme-dark .jx-hnbc_button {
    background-color: #495057;
    color: #f8f9fa;
    padding: 7px 16px;
    border-radius: 3px;
    text-decoration: none;
    display: inline-block;
    margin-left: 15px;
    transition: all 0.3s;
}
.header-theme-dark .jx-hnbc_button:hover {
    background-color: #6c757d;
}

/* Colorful Theme */
.header-theme-colorful {
    background: linear-gradient(to right, #ff9966, #ff5e62);
    color: #ffffff;
    padding: 15px;
    box-shadow: 0 3px 10px rgba(0,0,0,0.1);
    font-family: Tahoma, Geneva, sans-serif;
}
.header-theme-colorful .jx-close-notify {
    color: #ffffff;
    opacity: 0.8;
    font-size: 18px;
}
.header-theme-colorful .jx-close-notify:hover {
    opacity: 1;
}
.header-theme-colorful .jx-hnbc_button {
    background-color: #ffffff;
    color: #ff5e62;
    padding: 7px 18px;
    border-radius: 4px;
    text-decoration: none;
    display: inline-block;
    margin-left: 15px;
    transition: all 0.3s;
    font-weight: 500;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
.header-theme-colorful .jx-hnbc_button:hover {
    background-color: #f8f9fa;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

/* Urgent Theme */
.header-theme-urgent {
    background-color: #dc3545;
    color: #ffffff;
    padding: 15px 20px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.15);
    font-family: 'Arial', sans-serif;
    border-left: 5px solid #b02a37;
    border-right: 5px solid #b02a37;
}
.header-theme-urgent .jx-close-notify {
    color: #ffffff;
    opacity: 0.8;
    font-size: 20px;
}
.header-theme-urgent .jx-close-notify:hover {
    opacity: 1;
}
.header-theme-urgent .jx-hnbc_button {
    background-color: #ffffff;
    color: #dc3545;
    padding: 8px 20px;
    border-radius: 4px;
    text-decoration: none;
    display: inline-block;
    margin-left: 15px;
    transition: all 0.3s;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 90%;
    letter-spacing: 0.5px;
}
.header-theme-urgent .jx-hnbc_button:hover {
    background-color: #f8f9fa;
}

/* Promo Theme */
.header-theme-promo {
    background-color: #ffc107;
    color: #343a40;
    padding: 12px 20px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    font-family: 'Segoe UI', Tahoma, sans-serif;
    border-top: 2px dashed #343a40;
    border-bottom: 2px dashed #343a40;
}
.header-theme-promo .jx-close-notify {
    color: #343a40;
    opacity: 0.7;
    font-size: 18px;
}
.header-theme-promo .jx-close-notify:hover {
    opacity: 1;
}
.header-theme-promo .jx-hnbc_button {
    background-color: #343a40;
    color: #ffffff;
    padding: 8px 20px;
    border-radius: 25px;
    text-decoration: none;
    display: inline-block;
    margin-left: 15px;
    transition: all 0.3s;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 80%;
    letter-spacing: 1px;
}
.header-theme-promo .jx-hnbc_button:hover {
    background-color: #212529;
    transform: scale(1.05);
}

/* Seasonal Theme */
.header-theme-seasonal {
    background: linear-gradient(to right, #43cea2, #185a9d);
    color: #ffffff;
    padding: 15px 20px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.1);
    font-family: 'Trebuchet MS', sans-serif;
    border-top: 3px solid rgba(255,255,255,0.3);
}
.header-theme-seasonal .jx-close-notify {
    color: #ffffff;
    opacity: 0.8;
    font-size: 18px;
}
.header-theme-seasonal .jx-close-notify:hover {
    opacity: 1;
}
.header-theme-seasonal .jx-hnbc_button {
    background: rgba(255, 255, 255, 0.15);
    color: #ffffff;
    padding: 8px 20px;
    border-radius: 4px;
    text-decoration: none;
    display: inline-block;
    margin-left: 15px;
    transition: all 0.3s;
    border: 1px solid rgba(255, 255, 255, 0.4);
}
.header-theme-seasonal .jx-hnbc_button:hover {
    background: rgba(255, 255, 255, 0.25);
}

/* Rounded Theme */
.header-theme-rounded {
    background-color: #6f42c1;
    color: #ffffff;
    padding: 15px 25px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    font-family: 'Verdana', sans-serif;
    border-radius: 0 0 15px 15px;
}
.header-theme-rounded .jx-close-notify {
    color: #ffffff;
    opacity: 0.8;
    font-size: 18px;
}
.header-theme-rounded .jx-close-notify:hover {
    opacity: 1;
}
.header-theme-rounded .jx-hnbc_button {
    background-color: rgba(255, 255, 255, 0.2);
    color: #ffffff;
    padding: 8px 20px;
    border-radius: 50px;
    text-decoration: none;
    display: inline-block;
    margin-left: 15px;
    transition: all 0.3s;
    border: 2px solid #ffffff;
}
.header-theme-rounded .jx-hnbc_button:hover {
    background-color: #ffffff;
    color: #6f42c1;
}

 /* 1. Neo Brutalist Theme */
.header-theme-neo-brutalist {
    background-color: #ffffff;
    color: #000000;
    padding: 15px;
    border: 2px solid #000;
  }
  .header-theme-neo-brutalist .jx-close-notify {
    color: #000;
    opacity: 0.8;
    font-size: 18px;
  }
  .header-theme-neo-brutalist .jx-close-notify:hover {
    opacity: 1;
  }
  .header-theme-neo-brutalist .jx-hnbc_button {
    background-color: #fff;
    color: #000;
    font-weight: bold;
    border: 2px solid #000;
    padding: 8px 20px;
    border-radius: 4px;
    text-decoration: none;
    display: inline-block;
    margin-left: 15px;
    transition: transform 0.2s;
  }
  .header-theme-neo-brutalist .jx-hnbc_button:hover {
    transform: scale(1.05);
  }
  
  /* 2. Organic Nature Theme */
  .header-theme-organic-nature {
    background-color: #e6ffe6;
    color: #3e3e3e;
    padding: 15px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  }
  .header-theme-organic-nature .jx-close-notify {
    color: #3e3e3e;
    opacity: 0.8;
    font-size: 18px;
  }
  .header-theme-organic-nature .jx-close-notify:hover {
    opacity: 1;
  }
  .header-theme-organic-nature .jx-hnbc_button {
    background-color: #4caf50;
    color: #fff;
    border-radius: 8px;
    padding: 8px 20px;
    border: none;
    text-decoration: none;
    display: inline-block;
    margin-left: 15px;
    transition: background-color 0.3s;
  }
  .header-theme-organic-nature .jx-hnbc_button:hover {
    background-color: #388e3c;
  }
  
  /* 3. Sunny Delight Theme */
  .header-theme-sunny-delight {
    background-color: #ffe066;
    color: #333;
    padding: 15px;
  }
  .header-theme-sunny-delight .jx-close-notify {
    color: #333;
    opacity: 0.8;
    font-size: 18px;
  }
  .header-theme-sunny-delight .jx-close-notify:hover {
    opacity: 1;
  }
  .header-theme-sunny-delight .jx-hnbc_button {
    background-color: #ffba08;
    color: #fff;
    border-radius: 30px;
    padding: 8px 18px;
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
    margin-left: 15px;
    transition: background-color 0.3s;
  }
  .header-theme-sunny-delight .jx-hnbc_button:hover {
    background-color: #ffa000;
  }
  
  /* 4. Midnight Luxe Theme */
  .header-theme-midnight-luxe {
    background-color: #2c003e;
    color: #fdd835;
    padding: 16px;
    border-bottom: 3px solid #fdd835;
  }
  .header-theme-midnight-luxe .jx-close-notify {
    color: #fdd835;
    opacity: 0.8;
    font-size: 18px;
  }
  .header-theme-midnight-luxe .jx-close-notify:hover {
    opacity: 1;
  }
  .header-theme-midnight-luxe .jx-hnbc_button {
    background-color: #fdd835;
    color: #2c003e;
    font-weight: bold;
    padding: 8px 20px;
    border-radius: 4px;
    text-decoration: none;
    display: inline-block;
    margin-left: 15px;
    transition: background-color 0.3s;
  }
  .header-theme-midnight-luxe .jx-hnbc_button:hover {
    background-color: #fbc02d;
  }
  
  /* 5. Frosted Glass Theme */
  .header-theme-frosted-glass {
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(10px);
    color: #000;
    padding: 15px;
  }
  .header-theme-frosted-glass .jx-close-notify {
    color: #000;
    opacity: 0.8;
    font-size: 18px;
  }
  .header-theme-frosted-glass .jx-close-notify:hover {
    opacity: 1;
  }
  .header-theme-frosted-glass .jx-hnbc_button {
    background-color: rgba(255,255,255,0.3);
    border: 1px solid #000000;
    color: #000;
    border-radius: 6px;
    padding: 8px 20px;
    text-decoration: none;
    display: inline-block;
    margin-left: 15px;
    transition: background-color 0.3s;
  }
  .header-theme-frosted-glass .jx-hnbc_button:hover {
    background-color: rgba(255,255,255,0.5);
  }
  
  /* 6. Artistic Paint Theme */
  .header-theme-artistic-paint {
    background: linear-gradient(135deg, #ff6f61, #ffb347);
    color: #fff;
    padding: 20px;
  }
  .header-theme-artistic-paint .jx-close-notify {
    color: #fff;
    opacity: 0.8;
    font-size: 18px;
  }
  .header-theme-artistic-paint .jx-close-notify:hover {
    opacity: 1;
  }
  .header-theme-artistic-paint .jx-hnbc_button {
    background-color: #fff;
    color: #ff6f61;
    border: none;
    padding: 8px 16px;
    border-radius: 6px;
    text-decoration: none;
    display: inline-block;
    margin-left: 15px;
    transition: background-color 0.3s;
  }
  .header-theme-artistic-paint .jx-hnbc_button:hover {
    background-color: #ffe0d6;
  }
  
  /* 7. Eco Minimal Theme */
  .header-theme-eco-minimal {
    background-color: #dcedc8;
    color: #33691e;
    padding: 15px;
  }
  .header-theme-eco-minimal .jx-close-notify {
    color: #33691e;
    opacity: 0.8;
    font-size: 18px;
  }
  .header-theme-eco-minimal .jx-close-notify:hover {
    opacity: 1;
  }
  .header-theme-eco-minimal .jx-hnbc_button {
    background: none;
    border: 1px solid #33691e;
    color: #33691e;
    border-radius: 0;
    padding: 8px 20px;
    text-decoration: none;
    display: inline-block;
    margin-left: 15px;
    transition: all 0.3s;
  }
  .header-theme-eco-minimal .jx-hnbc_button:hover {
    background-color: #c5e1a5;
  }
  
  /* 8. Alert & Action Theme */
  .header-theme-alert-action {
    background-color: #ff0033;
    color: #fff;
    padding: 15px;
  }
  .header-theme-alert-action .jx-close-notify {
    color: #fff;
    opacity: 0.8;
    font-size: 18px;
  }
  .header-theme-alert-action .jx-close-notify:hover {
    opacity: 1;
  }
  .header-theme-alert-action .jx-hnbc_button {
    background-color: #fff;
    color: #ff0033;
    font-weight: bold;
    padding: 8px 20px;
    border-radius: 4px;
    text-decoration: none;
    display: inline-block;
    margin-left: 15px;
    transition: transform 0.2s;
  }
  .header-theme-alert-action .jx-hnbc_button:hover {
    transform: scale(1.05);
  }
  
  /* 9. Retro Arcade Theme */
  .header-theme-retro-arcade {
    background-color: #000;
    color: #00ff00;
    padding: 15px;
  }
  .header-theme-retro-arcade .jx-close-notify {
    color: #00ff00;
    opacity: 0.8;
    font-size: 18px;
  }
  .header-theme-retro-arcade .jx-close-notify:hover {
    opacity: 1;
  }
  .header-theme-retro-arcade .jx-hnbc_button {
    background-color: #00ff00;
    color: #000;
    border: none;
    padding: 8px 20px;
    border-radius: 0;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    margin-left: 15px;
    transition: all 0.3s;
  }
  .header-theme-retro-arcade .jx-hnbc_button:hover {
    background-color: #00cc00;
  }
  
  /* 10. Soft Pastel Theme */
  .header-theme-soft-pastel {
    background-color: #fce4ec;
    color: #6a1b9a;
    padding: 15px;
  }
  .header-theme-soft-pastel .jx-close-notify {
    color: #6a1b9a;
    opacity: 0.8;
    font-size: 18px;
  }
  .header-theme-soft-pastel .jx-close-notify:hover {
    opacity: 1;
  }
  .header-theme-soft-pastel .jx-hnbc_button {
    background-color: #f8bbd0;
    color: #6a1b9a;
    border-radius: 12px;
    padding: 8px 20px;
    border: none;
    text-decoration: none;
    display: inline-block;
    margin-left: 15px;
    transition: background-color 0.3s;
  }
  .header-theme-soft-pastel .jx-hnbc_button:hover {
    background-color: #f48fb1;
  }
  
  /* 11. Cyberpunk Theme */
  .header-theme-cyberpunk {
    background-color: #000;
    color: #fff;
    padding: 15px;
  }
  .header-theme-cyberpunk .jx-close-notify {
    color: #fff;
    opacity: 0.8;
    font-size: 18px;
  }
  .header-theme-cyberpunk .jx-close-notify:hover {
    opacity: 1;
  }
  .header-theme-cyberpunk .jx-hnbc_button {
    background-color: #fff;
    color: #000;
    border: none;
    padding: 8px 20px;
    border-radius: 0;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    margin-left: 15px;
    transition: all 0.3s;
  }
  .header-theme-cyberpunk .jx-hnbc_button:hover {
    background-color: #ccc;
  }

/* 21. Bubblegum Pop Theme */
.header-theme-bubblegum-pop {
    background-color: #ff7eb9;
    color: #fff;
    padding: 15px;
  }
  .header-theme-bubblegum-pop .jx-close-notify {
    color: #fff;
    opacity: 0.8;
    font-size: 18px;
  }
  .header-theme-bubblegum-pop .jx-close-notify:hover {
    opacity: 1;
  }
  .header-theme-bubblegum-pop .jx-hnbc_button {
    background-color: #fff;
    color: #ff7eb9;
    padding: 8px 20px;
    border-radius: 50px;
    text-decoration: none;
    display: inline-block;
    margin-left: 15px;
    transition: background-color 0.3s;
  }
  .header-theme-bubblegum-pop .jx-hnbc_button:hover {
    background-color: #ffc1dc;
  }
  
  /* 22. Denim Days Theme */
  .header-theme-denim-days {
    background-color: #3b5998;
    color: #ffffff;
    padding: 15px;
  }
  .header-theme-denim-days .jx-close-notify {
    color: #ffffff;
    opacity: 0.8;
    font-size: 18px;
  }
  .header-theme-denim-days .jx-close-notify:hover {
    opacity: 1;
  }
  .header-theme-denim-days .jx-hnbc_button {
    background-color: #ffffff;
    color: #3b5998;
    padding: 8px 20px;
    border-radius: 4px;
    text-decoration: none;
    display: inline-block;
    margin-left: 15px;
    transition: all 0.3s;
  }
  .header-theme-denim-days .jx-hnbc_button:hover {
    background-color: #cbd4e6;
  }
  
  /* 23. Fiesta Theme */
  .header-theme-fiesta {
    background-color: #ff6f00;
    color: #ffffff;
    padding: 15px;
  }
  .header-theme-fiesta .jx-close-notify {
    color: #ffffff;
    opacity: 0.8;
    font-size: 18px;
  }
  .header-theme-fiesta .jx-close-notify:hover {
    opacity: 1;
  }
  .header-theme-fiesta .jx-hnbc_button {
    background-color: #fff;
    color: #ff6f00;
    padding: 8px 20px;
    border-radius: 4px;
    text-decoration: none;
    display: inline-block;
    margin-left: 15px;
    transition: all 0.3s;
  }
  .header-theme-fiesta .jx-hnbc_button:hover {
    background-color: #ffd8b1;
  }
  
  /* 24. Lavender Mist Theme */
  .header-theme-lavender-mist {
    background-color: #b39ddb;
    color: #ffffff;
    padding: 15px;
  }
  .header-theme-lavender-mist .jx-close-notify {
    color: #ffffff;
    opacity: 0.8;
    font-size: 18px;
  }
  .header-theme-lavender-mist .jx-close-notify:hover {
    opacity: 1;
  }
  .header-theme-lavender-mist .jx-hnbc_button {
    background-color: #ffffff;
    color: #7e57c2;
    padding: 8px 20px;
    border-radius: 20px;
    text-decoration: none;
    display: inline-block;
    margin-left: 15px;
    transition: background-color 0.3s;
  }
  .header-theme-lavender-mist .jx-hnbc_button:hover {
    background-color: #ede7f6;
  }
  
  /* 25. Berry Smoothie Theme */
  .header-theme-berry-smoothie {
    background-color: #c2185b;
    color: #ffffff;
    padding: 15px;
  }
  .header-theme-berry-smoothie .jx-close-notify {
    color: #ffffff;
    opacity: 0.8;
    font-size: 18px;
  }
  .header-theme-berry-smoothie .jx-close-notify:hover {
    opacity: 1;
  }
  .header-theme-berry-smoothie .jx-hnbc_button {
    background-color: #ffffff;
    color: #c2185b;
    padding: 8px 20px;
    border-radius: 8px;
    text-decoration: none;
    display: inline-block;
    margin-left: 15px;
    transition: all 0.3s;
  }
  .header-theme-berry-smoothie .jx-hnbc_button:hover {
    background-color: #f8bbd0;
  }
  
  /* 26. Rainbow Parade Theme */
  .header-theme-rainbow-parade {
    background: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet);
    color: #fff;
    padding: 15px;
  }
  .header-theme-rainbow-parade .jx-close-notify {
    color: #fff;
    opacity: 0.8;
    font-size: 18px;
  }
  .header-theme-rainbow-parade .jx-close-notify:hover {
    opacity: 1;
  }
  .header-theme-rainbow-parade .jx-hnbc_button {
    background-color: rgba(255, 255, 255, 0.2);
    color: #fff;
    padding: 8px 20px;
    border-radius: 10px;
    border: 1px solid #fff;
    text-decoration: none;
    display: inline-block;
    margin-left: 15px;
    transition: all 0.3s;
  }
  .header-theme-rainbow-parade .jx-hnbc_button:hover {
    background-color: rgba(255, 255, 255, 0.3);
  }
  
  /* 27. Peach Cream Theme */
  .header-theme-peach-cream {
    background-color: #ffe0b2;
    color: #5d4037;
    padding: 15px;
  }
  .header-theme-peach-cream .jx-close-notify {
    color: #5d4037;
    opacity: 0.8;
    font-size: 18px;
  }
  .header-theme-peach-cream .jx-close-notify:hover {
    opacity: 1;
  }
  .header-theme-peach-cream .jx-hnbc_button {
    background-color: #ffffff;
    color: #ef6c00;
    padding: 8px 20px;
    border-radius: 12px;
    text-decoration: none;
    display: inline-block;
    margin-left: 15px;
    transition: all 0.3s;
  }
  .header-theme-peach-cream .jx-hnbc_button:hover {
    background-color: #ffecb3;
  }
  
  /* 28. Minty Fresh Theme */
  .header-theme-minty-fresh {
    background-color: #a7ffeb;
    color: #004d40;
    padding: 15px;
  }
  .header-theme-minty-fresh .jx-close-notify {
    color: #004d40;
    opacity: 0.8;
    font-size: 18px;
  }
  .header-theme-minty-fresh .jx-close-notify:hover {
    opacity: 1;
  }
  .header-theme-minty-fresh .jx-hnbc_button {
    background-color: #ffffff;
    color: #00796b;
    padding: 8px 20px;
    border-radius: 6px;
    text-decoration: none;
    display: inline-block;
    margin-left: 15px;
    transition: all 0.3s;
  }
  .header-theme-minty-fresh .jx-hnbc_button:hover {
    background-color: #b2dfdb;
  }
  
  /* 29. Golden Glow Theme */
  .header-theme-golden-glow {
    background-color: #ffd700;
    color: #333;
    padding: 15px;
  }
  .header-theme-golden-glow .jx-close-notify {
    color: #333;
    opacity: 0.8;
    font-size: 18px;
  }
  .header-theme-golden-glow .jx-close-notify:hover {
    opacity: 1;
  }
  .header-theme-golden-glow .jx-hnbc_button {
    background-color: #fff;
    color: #ff8c00;
    padding: 8px 20px;
    border-radius: 6px;
    text-decoration: none;
    display: inline-block;
    margin-left: 15px;
    transition: background-color 0.3s;
  }
  .header-theme-golden-glow .jx-hnbc_button:hover {
    background-color: #ffeb99;
  }
  
  /* 30. Jelly Bean Theme */
  .header-theme-jelly-bean {
    background: linear-gradient(135deg, #ff6f91, #ff9671);
    color: #fff;
    padding: 15px;
  }
  .header-theme-jelly-bean .jx-close-notify {
    color: #fff;
    opacity: 0.8;
    font-size: 18px;
  }
  .header-theme-jelly-bean .jx-close-notify:hover {
    opacity: 1;
  }
  .header-theme-jelly-bean .jx-hnbc_button {
    background-color: #fff;
    color: #ff6f91;
    padding: 8px 20px;
    border-radius: 20px;
    text-decoration: none;
    display: inline-block;
    margin-left: 15px;
    transition: 0.3s;
  }
  .header-theme-jelly-bean .jx-hnbc_button:hover {
    background-color: #ffd9e1;
  }

/* 11. Color Pop Theme */
.header-theme-color-pop {
    background-color: #ff477e;
    color: #fff;
    padding: 15px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.2);
  }
  .header-theme-color-pop .jx-close-notify {
    color: #fff;
    opacity: 0.8;
    font-size: 18px;
  }
  .header-theme-color-pop .jx-close-notify:hover {
    opacity: 1;
  }
  .header-theme-color-pop .jx-hnbc_button {
    background-color: #ffffff;
    color: #ff477e;
    padding: 8px 20px;
    border-radius: 25px;
    text-decoration: none;
    display: inline-block;
    margin-left: 15px;
    transition: all 0.3s;
  }
  .header-theme-color-pop .jx-hnbc_button:hover {
    background-color: #ffe9f0;
  }
  
  /* 12. Vintage Rose Theme */
  .header-theme-vintage-rose {
    background-color: #e2a9a1;
    color: #ffffff;
    padding: 15px;
    border: 2px dashed #fff;
  }
  .header-theme-vintage-rose .jx-close-notify {
    color: #fff;
    opacity: 0.8;
    font-size: 18px;
  }
  .header-theme-vintage-rose .jx-close-notify:hover {
    opacity: 1;
  }
  .header-theme-vintage-rose .jx-hnbc_button {
    background-color: #ffffff;
    color: #e91e63;
    padding: 8px 20px;
    border-radius: 4px;
    text-decoration: none;
    display: inline-block;
    margin-left: 15px;
    transition: 0.3s;
  }
  .header-theme-vintage-rose .jx-hnbc_button:hover {
    background-color: #fce4ec;
  }
  
  /* 13. Candy Stripes Theme */
  .header-theme-candy-stripes {
    background: repeating-linear-gradient(45deg, #ffb6b9, #ffb6b9 10px, #fae3d9 10px, #fae3d9 20px);
    color: #333;
    padding: 15px;
  }
  .header-theme-candy-stripes .jx-close-notify {
    color: #333;
    opacity: 0.8;
    font-size: 18px;
  }
  .header-theme-candy-stripes .jx-close-notify:hover {
    opacity: 1;
  }
  .header-theme-candy-stripes .jx-hnbc_button {
    background-color: #ffffff;
    color: #ff4e50;
    padding: 8px 20px;
    border-radius: 8px;
    text-decoration: none;
    display: inline-block;
    margin-left: 15px;
    transition: all 0.3s;
  }
  .header-theme-candy-stripes .jx-hnbc_button:hover {
    background-color: #ffe6e9;
  }
  
  /* 14. Sunset Sorbet Theme */
  .header-theme-sunset-sorbet {
    background: linear-gradient(to right, #f6d365, #fda085);
    color: #333;
    padding: 15px;
  }
  .header-theme-sunset-sorbet .jx-close-notify {
    color: #333;
    opacity: 0.8;
    font-size: 18px;
  }
  .header-theme-sunset-sorbet .jx-close-notify:hover {
    opacity: 1;
  }
  .header-theme-sunset-sorbet .jx-hnbc_button {
    background-color: #fff;
    color: #f0932b;
    padding: 8px 20px;
    border-radius: 20px;
    text-decoration: none;
    display: inline-block;
    margin-left: 15px;
    transition: 0.3s;
  }
  .header-theme-sunset-sorbet .jx-hnbc_button:hover {
    background-color: #ffe9cc;
  }
  
  /* 15. Doodle Sketch Theme */
  .header-theme-doodle-sketch {
    background-color: #fdf6e3;
    color: #000;
    padding: 15px;
    border: 2px dashed #000;
  }
  .header-theme-doodle-sketch .jx-close-notify {
    color: #000;
    opacity: 0.8;
    font-size: 18px;
  }
  .header-theme-doodle-sketch .jx-close-notify:hover {
    opacity: 1;
  }
  .header-theme-doodle-sketch .jx-hnbc_button {
    background-color: #000;
    color: #fff;
    padding: 8px 20px;
    border-radius: 0;
    text-decoration: none;
    display: inline-block;
    margin-left: 15px;
    transition: all 0.3s;
  }
  .header-theme-doodle-sketch .jx-hnbc_button:hover {
    background-color: #333;
  }
  
  /* 16. Playful Confetti Theme */
  .header-theme-playful-confetti {
    background-color: #ffccf9;
    color: #6a0572;
    padding: 15px;
  }
  .header-theme-playful-confetti .jx-close-notify {
    color: #6a0572;
    opacity: 0.8;
    font-size: 18px;
  }
  .header-theme-playful-confetti .jx-close-notify:hover {
    opacity: 1;
  }
  .header-theme-playful-confetti .jx-hnbc_button {
    background-color: #ffffff;
    color: #6a0572;
    padding: 8px 20px;
    border-radius: 12px;
    text-decoration: none;
    display: inline-block;
    margin-left: 15px;
    transition: 0.3s;
  }
  .header-theme-playful-confetti .jx-hnbc_button:hover {
    background-color: #fceaff;
  }
  
  /* 17. Ocean Pop Theme */
  .header-theme-ocean-pop {
    background-color: #00c2cb;
    color: #ffffff;
    padding: 15px;
  }
  .header-theme-ocean-pop .jx-close-notify {
    color: #ffffff;
    opacity: 0.8;
    font-size: 18px;
  }
  .header-theme-ocean-pop .jx-close-notify:hover {
    opacity: 1;
  }
  .header-theme-ocean-pop .jx-hnbc_button {
    background-color: #ffffff;
    color: #00c2cb;
    padding: 8px 20px;
    border-radius: 4px;
    text-decoration: none;
    display: inline-block;
    margin-left: 15px;
    transition: all 0.3s;
  }
  .header-theme-ocean-pop .jx-hnbc_button:hover {
    background-color: #ccf5f7;
  }
  
  /* 18. Melon Mix Theme */
  .header-theme-melon-mix {
    background: linear-gradient(45deg, #ff9a9e, #fad0c4);
    color: #3e3e3e;
    padding: 15px;
  }
  .header-theme-melon-mix .jx-close-notify {
    color: #3e3e3e;
    opacity: 0.8;
    font-size: 18px;
  }
  .header-theme-melon-mix .jx-close-notify:hover {
    opacity: 1;
  }
  .header-theme-melon-mix .jx-hnbc_button {
    background-color: #ffffff;
    color: #ff6f91;
    padding: 8px 20px;
    border-radius: 20px;
    text-decoration: none;
    display: inline-block;
    margin-left: 15px;
    transition: background-color 0.3s;
  }
  .header-theme-melon-mix .jx-hnbc_button:hover {
    background-color: #ffe0eb;
  }
  
  /* 19. Citrus Peel Theme */
  .header-theme-citrus-peel {
    background-color: #f6ae2d;
    color: #fff;
    padding: 15px;
  }
  .header-theme-citrus-peel .jx-close-notify {
    color: #fff;
    opacity: 0.8;
    font-size: 18px;
  }
  .header-theme-citrus-peel .jx-close-notify:hover {
    opacity: 1;
  }
  .header-theme-citrus-peel .jx-hnbc_button {
    background-color: #ffffff;
    color: #f6ae2d;
    padding: 8px 20px;
    border-radius: 6px;
    text-decoration: none;
    display: inline-block;
    margin-left: 15px;
    transition: background-color 0.3s;
  }
  .header-theme-citrus-peel .jx-hnbc_button:hover {
    background-color: #fff4de;
  }
  
  /* 20. Papaya Punch Theme */
  .header-theme-papaya-punch {
    background: linear-gradient(45deg, #fbc2eb, #a6c1ee);
    color: #222;
    padding: 15px;
  }
  .header-theme-papaya-punch .jx-close-notify {
    color: #222;
    opacity: 0.8;
    font-size: 18px;
  }
  .header-theme-papaya-punch .jx-close-notify:hover {
    opacity: 1;
  }
  .header-theme-papaya-punch .jx-hnbc_button {
    background-color: #ffffff;
    color: #7b4397;
    padding: 8px 20px;
    border-radius: 10px;
    text-decoration: none;
    display: inline-block;
    margin-left: 15px;
    transition: background-color 0.3s;
  }
  .header-theme-papaya-punch .jx-hnbc_button:hover {
    background-color: #f1ecff;
  }
  /* Existing themes 1-30 omitted for brevity... */

/* 31. Candy Waves Theme */
.header-theme-candy-waves {
    background: repeating-linear-gradient(45deg, #ffe6f0, #ffe6f0 10px, #ffd6e0 10px, #ffd6e0 20px);
    color: #c2185b;
    padding: 15px;
  }
  .header-theme-candy-waves .jx-close-notify {
    color: #c2185b;
    opacity: 0.8;
    font-size: 18px;
  }
  .header-theme-candy-waves .jx-close-notify:hover {
    opacity: 1;
  }
  .header-theme-candy-waves .jx-hnbc_button {
    background-color: #fff;
    color: #c2185b;
    padding: 8px 20px;
    border-radius: 12px;
    text-decoration: none;
    display: inline-block;
    margin-left: 15px;
    transition: 0.3s;
  }
  .header-theme-candy-waves .jx-hnbc_button:hover {
    background-color: #ffc2d1;
  }
  
  /* 32. Sugar Stripe Theme */
  .header-theme-sugar-stripe {
    background: repeating-linear-gradient(135deg, #fff0f5, #fff0f5 10px, #ffccd5 10px, #ffccd5 20px);
    color: #880e4f;
    padding: 15px;
  }
  .header-theme-sugar-stripe .jx-close-notify {
    color: #880e4f;
    opacity: 0.8;
    font-size: 18px;
  }
  .header-theme-sugar-stripe .jx-close-notify:hover {
    opacity: 1;
  }
  .header-theme-sugar-stripe .jx-hnbc_button {
    background-color: #fff;
    color: #ad1457;
    padding: 8px 20px;
    border-radius: 20px;
    text-decoration: none;
    display: inline-block;
    margin-left: 15px;
    transition: 0.3s;
  }
  .header-theme-sugar-stripe .jx-hnbc_button:hover {
    background-color: #ffc1e3;
  }
  
  /* 33. Pink Parade Theme */
  .header-theme-pink-parade {
    background: repeating-linear-gradient(90deg, #ffcdd2, #ffcdd2 15px, #f8bbd0 15px, #f8bbd0 30px);
    color: #b71c1c;
    padding: 15px;
  }
  .header-theme-pink-parade .jx-close-notify {
    color: #b71c1c;
    opacity: 0.8;
    font-size: 18px;
  }
  .header-theme-pink-parade .jx-close-notify:hover {
    opacity: 1;
  }
  .header-theme-pink-parade .jx-hnbc_button {
    background-color: #fff;
    color: #d81b60;
    padding: 8px 20px;
    border-radius: 10px;
    text-decoration: none;
    display: inline-block;
    margin-left: 15px;
    transition: 0.3s;
  }
  .header-theme-pink-parade .jx-hnbc_button:hover {
    background-color: #ffeef2;
  }
  
  /* 34. Gumball Theme */
  .header-theme-gumball {
    background: repeating-linear-gradient(60deg, #ff9a9e, #ff9a9e 10px, #fad0c4 10px, #fad0c4 20px);
    color: #4a148c;
    padding: 15px;
  }
  .header-theme-gumball .jx-close-notify {
    color: #4a148c;
    opacity: 0.8;
    font-size: 18px;
  }
  .header-theme-gumball .jx-close-notify:hover {
    opacity: 1;
  }
  .header-theme-gumball .jx-hnbc_button {
    background-color: #fff;
    color: #6a1b9a;
    padding: 8px 20px;
    border-radius: 16px;
    text-decoration: none;
    display: inline-block;
    margin-left: 15px;
    transition: all 0.3s;
  }
  .header-theme-gumball .jx-hnbc_button:hover {
    background-color: #f3e5f5;
  }
  
  /* 35. Lollipop Dream Theme */
  .header-theme-lollipop-dream {
    background: repeating-linear-gradient(135deg, #e1bee7, #e1bee7 15px, #f8bbd0 15px, #f8bbd0 30px);
    color: #6a1b9a;
    padding: 15px;
  }
  .header-theme-lollipop-dream .jx-close-notify {
    color: #6a1b9a;
    opacity: 0.8;
    font-size: 18px;
  }
  .header-theme-lollipop-dream .jx-close-notify:hover {
    opacity: 1;
  }
  .header-theme-lollipop-dream .jx-hnbc_button {
    background-color: #ffffff;
    color: #9c27b0;
    padding: 8px 20px;
    border-radius: 10px;
    text-decoration: none;
    display: inline-block;
    margin-left: 15px;
    transition: 0.3s;
  }
  .header-theme-lollipop-dream .jx-hnbc_button:hover {
    background-color: #f3e5f5;
  }
  
  /* 36. Marshmallow Swirl Theme */
  .header-theme-marshmallow-swirl {
    background: repeating-linear-gradient(45deg, #fce4ec, #fce4ec 20px, #e1f5fe 20px, #e1f5fe 40px);
    color: #3f51b5;
    padding: 15px;
  }
  .header-theme-marshmallow-swirl .jx-close-notify {
    color: #3f51b5;
    opacity: 0.8;
    font-size: 18px;
  }
  .header-theme-marshmallow-swirl .jx-close-notify:hover {
    opacity: 1;
  }
  .header-theme-marshmallow-swirl .jx-hnbc_button {
    background-color: #ffffff;
    color: #3f51b5;
    padding: 8px 20px;
    border-radius: 8px;
    text-decoration: none;
    display: inline-block;
    margin-left: 15px;
    transition: 0.3s;
  }
  .header-theme-marshmallow-swirl .jx-hnbc_button:hover {
    background-color: #dbeafe;
  }
  
  /* 37. Sprinkle Joy Theme */
  .header-theme-sprinkle-joy {
    background: repeating-linear-gradient(45deg, #fff3e0, #fff3e0 10px, #ffe0b2 10px, #ffe0b2 20px);
    color: #e65100;
    padding: 15px;
  }
  .header-theme-sprinkle-joy .jx-close-notify {
    color: #e65100;
    opacity: 0.8;
    font-size: 18px;
  }
  .header-theme-sprinkle-joy .jx-close-notify:hover {
    opacity: 1;
  }
  .header-theme-sprinkle-joy .jx-hnbc_button {
    background-color: #fff;
    color: #ff9800;
    padding: 8px 20px;
    border-radius: 6px;
    text-decoration: none;
    display: inline-block;
    margin-left: 15px;
    transition: background-color 0.3s;
  }
  .header-theme-sprinkle-joy .jx-hnbc_button:hover {
    background-color: #ffecb3;
  }
/* 38. Neon Grid Theme */
.header-theme-neon-grid {
  background: repeating-linear-gradient(45deg, #000 0, #000 10px, #0ff 10px, #0ff 11px);
  color: #0ff;
  padding: 15px;
}
.header-theme-neon-grid .jx-close-notify {
  color: #0ff;
  opacity: 0.8;
  font-size: 18px;
}
.header-theme-neon-grid .jx-close-notify:hover {
  opacity: 1;
}
.header-theme-neon-grid .jx-hnbc_button {
  background-color: #0ff;
  color: #000;
  padding: 8px 20px;
  border-radius: 0;
  text-decoration: none;
  display: inline-block;
  margin-left: 15px;
  font-weight: bold;
  transition: 0.3s;
}
.header-theme-neon-grid .jx-hnbc_button:hover {
  background-color: #00cccc;
}

/* 39. VHS Glitch Theme */
.header-theme-vhs-glitch {
  background: linear-gradient(to right, #000, #222);
  color: #ff00ff;
  padding: 15px;
}
.header-theme-vhs-glitch .jx-close-notify {
  color: #ff00ff;
  opacity: 0.8;
  font-size: 18px;
}
.header-theme-vhs-glitch .jx-close-notify:hover {
  opacity: 1;
}
.header-theme-vhs-glitch .jx-hnbc_button {
  background-color: #ff00ff;
  color: #000;
  padding: 8px 20px;
  border-radius: 4px;
  text-decoration: none;
  display: inline-block;
  margin-left: 15px;
  transition: transform 0.2s;
}
.header-theme-vhs-glitch .jx-hnbc_button:hover {
  transform: scale(1.05);
}

/* 40. Miami Sunset Theme */
.header-theme-miami-sunset {
  background: linear-gradient(to right, #ff6ec4, #7873f5);
  color: #fff;
  padding: 15px;
}
.header-theme-miami-sunset .jx-close-notify {
  color: #fff;
  opacity: 0.8;
  font-size: 18px;
}
.header-theme-miami-sunset .jx-close-notify:hover {
  opacity: 1;
}
.header-theme-miami-sunset .jx-hnbc_button {
  background-color: #ffffff;
  color: #ff6ec4;
  padding: 8px 20px;
  border-radius: 16px;
  text-decoration: none;
  display: inline-block;
  margin-left: 15px;
  transition: all 0.3s;
}
.header-theme-miami-sunset .jx-hnbc_button:hover {
  background-color: #ffe6f2;
}

/* 41. Pixel Pop Theme */
.header-theme-pixel-pop {
  background: repeating-linear-gradient(0deg, #ffcc00, #ffcc00 10px, #ff6699 10px, #ff6699 20px);
  color: #000;
  padding: 15px;
}
.header-theme-pixel-pop .jx-close-notify {
  color: #000;
  opacity: 0.8;
  font-size: 18px;
}
.header-theme-pixel-pop .jx-close-notify:hover {
  opacity: 1;
}
.header-theme-pixel-pop .jx-hnbc_button {
  background-color: #000;
  color: #fff;
  padding: 8px 20px;
  border-radius: 0;
  text-decoration: none;
  display: inline-block;
  margin-left: 15px;
  font-weight: bold;
  transition: 0.3s;
}
.header-theme-pixel-pop .jx-hnbc_button:hover {
  background-color: #333;
}

/* 42. Arcade Wave Theme */
.header-theme-arcade-wave {
  background: linear-gradient(to right, #4facfe, #00f2fe);
  color: #fff;
  padding: 15px;
}
.header-theme-arcade-wave .jx-close-notify {
  color: #fff;
  opacity: 0.8;
  font-size: 18px;
}
.header-theme-arcade-wave .jx-close-notify:hover {
  opacity: 1;
}
.header-theme-arcade-wave .jx-hnbc_button {
  background-color: #fff;
  color: #00c3ff;
  padding: 8px 20px;
  border-radius: 12px;
  text-decoration: none;
  display: inline-block;
  margin-left: 15px;
  transition: all 0.3s;
}
.header-theme-arcade-wave .jx-hnbc_button:hover {
  background-color: #d9f6ff;
}

/* 43. Boombox Beats Theme */
.header-theme-boombox-beats {
  background-color: #2c2c54;
  color: #ff5252;
  padding: 15px;
}
.header-theme-boombox-beats .jx-close-notify {
  color: #ff5252;
  opacity: 0.8;
  font-size: 18px;
}
.header-theme-boombox-beats .jx-close-notify:hover {
  opacity: 1;
}
.header-theme-boombox-beats .jx-hnbc_button {
  background-color: #ff5252;
  color: #2c2c54;
  padding: 8px 20px;
  border-radius: 6px;
  text-decoration: none;
  display: inline-block;
  margin-left: 15px;
  font-weight: bold;
  transition: background-color 0.3s;
}
.header-theme-boombox-beats .jx-hnbc_button:hover {
  background-color: #ff8787;
}

/* 44. Laser Grid Theme */
.header-theme-laser-grid {
  background: linear-gradient(135deg, #1d2671, #c33764);
  color: #fff;
  padding: 15px;
}
.header-theme-laser-grid .jx-close-notify {
  color: #fff;
  opacity: 0.8;
  font-size: 18px;
}
.header-theme-laser-grid .jx-close-notify:hover {
  opacity: 1;
}
.header-theme-laser-grid .jx-hnbc_button {
  background-color: rgba(255,255,255,0.2);
  color: #fff;
  padding: 8px 20px;
  border-radius: 12px;
  text-decoration: none;
  display: inline-block;
  margin-left: 15px;
  border: 1px solid #fff;
  transition: all 0.3s;
}
.header-theme-laser-grid .jx-hnbc_button:hover {
  background-color: rgba(255,255,255,0.3);
}

/* 45. Retro TV Theme */
.header-theme-retro-tv {
  background: linear-gradient(to right, #fceabb, #f8b500);
  color: #212121;
  padding: 15px;
}
.header-theme-retro-tv .jx-close-notify {
  color: #212121;
  opacity: 0.8;
  font-size: 18px;
}
.header-theme-retro-tv .jx-close-notify:hover {
  opacity: 1;
}
.header-theme-retro-tv .jx-hnbc_button {
  background-color: #212121;
  color: #fceabb;
  padding: 8px 20px;
  border-radius: 8px;
  text-decoration: none;
  display: inline-block;
  margin-left: 15px;
  transition: background-color 0.3s;
}
.header-theme-retro-tv .jx-hnbc_button:hover {
  background-color: #4a4a4a;
}

/* 46. Synthwave Night Theme */
.header-theme-synthwave-night {
  background: linear-gradient(145deg, #8e2de2, #4a00e0);
  color: #ffffff;
  padding: 15px;
}
.header-theme-synthwave-night .jx-close-notify {
  color: #ffffff;
  opacity: 0.8;
  font-size: 18px;
}
.header-theme-synthwave-night .jx-close-notify:hover {
  opacity: 1;
}
.header-theme-synthwave-night .jx-hnbc_button {
  background-color: #ffffff;
  color: #4a00e0;
  padding: 8px 20px;
  border-radius: 16px;
  text-decoration: none;
  display: inline-block;
  margin-left: 15px;
  transition: 0.3s;
}
.header-theme-synthwave-night .jx-hnbc_button:hover {
  background-color: #ddd0ff;
}