.fbn-container {
    position: fixed;
    top: 0;
    left: 0;
    background: linear-gradient(
      to bottom,
      var(--wp--preset--color--contrast),  /* subtle white overlay at top */
      var(--wp--preset--color--contrast-2) 100%
    );
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 6px 20px;
    font-size: 14px;
    z-index: 99999;
    text-align: center;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.08); /* softer shadow at the bottom */
    width: 100%;
    box-sizing: border-box;
}
.fbn-inner {
    max-width: 1680px;
    display: flex;
    gap: 16px;
    align-items: center;
}
.fbn-message {
    font-weight: 400;
    font-size:16px;
    letter-spacing: -0.2px;
    text-align: left;  
}
.fbn-buttons {
    display: flex;
    gap: 10px;
}

.fbn-btn {
    padding: 6px 10px;
    border-radius: 10px;
    text-decoration: none;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 10px rgba(2,6,23,0.15);
    transition: transform 0.12s ease, opacity 0.12s ease;
}
.fbn-btn:hover { transform: translateY(-2px); opacity: 0.95; }

.fbn-btn1 {
    background: #d94a28;
    color: var(--wp--preset--color--base-2);
}
.fbn-btn2 {
    background: rgba(255,255,255,0.12);
    border: 1px solid rgba(255,255,255,0.12);
    color: #fff;
}

.fbn-countdown {
  display: flex;
  gap: 8px;
  margin-left: 12px;
  margin-right: 12px;
  font-weight: 700;
  color: #fff;
}

.fbn-countdown-item {
  background: #f8f8f8;
  border-radius: 6px;
  padding: 4px 8px;
  min-width: 40px;
  text-align: center;
  color:#d94a28;
}

.fbn-countdown-number {
  font-size: 16px;
  display: block;
}

.fbn-countdown-label {
  font-size: 10px;
  text-transform: uppercase;
  opacity: 0.8;
}

.fbn-message a {
    color:  var(--color-headers-background);
    text-decoration: none;
}

.fbn-message a:hover{
    text-decoration: underline;
}

/* Hide button on small screens or narrow containers */
/*@media (max-width: 767px) {*/
/*  .fbn-buttons {*/
/*    display: none;*/
/*  }*/
/*}*/

wp-block-template-part {
    margin-top: 30px !important;
}

body.notification-active {
  padding-top: 30px !important; /* notification bar height */
}


/* Responsive: stack message on first row, countdown and button on second */
@media (max-width: 600px) {
    
  .fbn-container {
    padding: 5px 10px 10px; 
  }
  
  .fbn-inner {
    flex-wrap: nowrap;       /* prevent wrapping so message and button stay in one row */
    align-items: center;     /* vertically center items */
    gap: 10px;               /* some spacing between message and button */
  }

  .fbn-message {
    flex: 1 1 auto;          /* allow message to take available space */
    min-width: 0;            /* prevent overflow */
  }

  .fbn-buttons {
    flex: 0 0 auto;          /* button only takes necessary space */
  }
  
  
  .fbn-message p{
      margin:0;
      text-align: center;
  }
  
  .fbn-countdown-number {
      font-size: 12px;
    }
    
    
  .fbn-countdown-label {
      font-size: 9px;
    }

  /* Wrap countdown + buttons in one row */
  .fbn-timer-button-row {
    flex-basis: 100%;
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: nowrap;
    justify-content: flex-start; /* or center if preferred */
  }

 .fbn-countdown {
    display: none !important;
  }
  

  .fbn-countdown-item {
    flex: 1 0 0;  
    min-width: 40px;
    text-align: center;
  }

    
    body.notification-active {
      padding-top: 30px !important; /* notification bar height */
    }
}