/*
Theme Name: NLPearl
Theme URI:
Author: NazmusLabs
Author URI:
Description: NLPearl is a custom theme built by Nazmus Shakib Khandaker, tailored to fit the specific needs of the client website in which it is installed. NLPearl is built on top the "Spectra One" by Brainstorm Force WordPress theme. Please note: The “Spectre One” theme MUST remain installed in order for this theme to function properly. Thank you, and may Allah (S.W.T.) guide you and bestow upon you His Blessings; Ameen.
Requires at least: 6.8
Tested up to: 6.8
Requires PHP: 5.7
Version:
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: spectra-one
Text Domain: nlpearl
Tags:
*/

.swt-sticky-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    transition: top 0.4s ease-in-out, opacity 0.2s cubic-bezier(0.4, 0, 1, 1); /* 💡 This is for animation */
    opacity: 1;
}

.swt-sticky-header .wp-block-group.has-background {
  box-shadow: none !important;
}

.swt-sticky-header .has-primary-background-color.scrolled {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08) !important;
}

body.admin-bar .home .wp-block-cover {
  margin-top: -119px; /* 80 + 32px admin bar */
}

/* Debug feature to test if CSS is loading. Keep disabled under normal operation.*/
/*
header.swt-sticky-header {
    border: 5px solid red !important;
}
*/

body.admin-bar .swt-sticky-header {
    top: 32px !important; /* 💡 When admin bar is present, push header down */
}

/* Optional fade effect */

.hidden {
    opacity: 0;
}

@media screen and (max-width: 782px) {
  #wpadminbar {
    position: fixed !important;
    top: 0;
    z-index: 99999;
  }

  html {
    margin-top: 32px !important; /* Matches the top offset used for admin bar */
  }
}


.news-ticker {
  overflow: hidden;
  white-space: nowrap;
  background: #f5f5f5;
  border: 1px solid #ccc;
  padding: 10px;
  font-weight: bold;
  font-family: sans-serif;
  position: relative;
  margin: 0;
}

.ticker-content {
  display: inline-block;
  animation: scroll-left 20s linear infinite;
}

.ticker-content span {
  display: inline-block;
  margin-right: 50px;
}

@keyframes scroll-left {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-100%);
  }
}