/* Top Notice Bar — frontend.css v2 */

.tnb-bar {
    display:          block;
    width:            100%;
    background-color: var(--tnb-bg,      #1a73e8);
    color:            var(--tnb-color,   #ffffff);
    font-size:        var(--tnb-size,    14px);
    line-height:      1.5;
    box-sizing:       border-box;
    z-index:          99999;
    transition:       transform 0.3s ease, opacity 0.3s ease;
}

.tnb-bar.tnb-sticky {
    position: fixed;
    left:     0;
    right:    0;
}

/* Stack sticky bars vertically */
#top-notice-bar-1.tnb-sticky { top: 0; }
#top-notice-bar-2.tnb-sticky { top: var(--tnb-bar1-height, 0px); }

body.tnb-has-sticky {
    padding-top: var(--tnb-sticky-total, 0px);
}

.tnb-inner {
    display:         flex;
    align-items:     center;
    justify-content: center;
    flex-wrap:       wrap;
    gap:             6px 14px;
    padding:         var(--tnb-padding, 10px) 48px var(--tnb-padding, 10px) 20px;
    position:        relative;
}

.tnb-message { text-align: center; flex: 1 1 auto; }
.tnb-message a { color: var(--tnb-color, #ffffff); text-decoration: underline; }

.tnb-cta {
    display:         inline-block;
    padding:         3px 12px;
    border:          1px solid var(--tnb-color, #ffffff);
    border-radius:   3px;
    color:           var(--tnb-color, #ffffff) !important;
    text-decoration: none !important;
    font-weight:     600;
    white-space:     nowrap;
    flex:            0 0 auto;
    transition:      background 0.2s;
}
.tnb-cta:hover { background-color: rgba(255,255,255,0.2); }

.tnb-close {
    position:    absolute;
    right:       12px;
    top:         50%;
    transform:   translateY(-50%);
    background:  transparent;
    border:      none;
    color:       var(--tnb-color, #ffffff);
    font-size:   18px;
    line-height: 1;
    cursor:      pointer;
    padding:     4px 6px;
    opacity:     0.7;
    transition:  opacity 0.2s;
}
.tnb-close:hover { opacity: 1; }

.tnb-bar.tnb-dismissed {
    transform:      translateY(-100%);
    opacity:        0;
    pointer-events: none;
}

@media (max-width: 600px) {
    .tnb-inner { padding-right: 10px; padding-left: 10px; }
    .tnb-cta   { font-size: 0.9em; }
}
@media (max-width: 480px) {
.fg-event-bar__btn {margin:5px 0px 5px 20px;}
}

/* 
@media (min-width: 481px) {
  .single #top-notice-bar-1, .post-type-archive-travel-event #top-notice-bar-1, 
  .page-id-14066 #top-notice-bar-1, .page-id-2274 #top-notice-bar-1 {background-color:#555;color: #eee;}
}
*/

.single.single-tour-operator #top-notice-bar-1, .single.single-travel-event #top-notice-bar-1 {background-color:#0065d3;color: #fff;}

.tnb-message a.fg-event-bar__btn {color:#1a73e8;text-decoration: none;}
.fg-event-bar__btn {
    display: inline-block;
    padding: 5px 22px;
    background-color: #fff;
    border-radius: 4px;
    font-weight: 600;
    font-size: 14px;
    transition: background-color 0.2s ease;
    margin-left:20px;
}
.fg-event-bar__btn:hover {background-color: #ddd;color: #0065d3;}