/* Global Plugin Variables & Container Wrappers */
.nt-bar-wrap {
  --blue:           #1e5ef3;
  --blue-dark:      #1750d4;
  --dark:           #1a2238;
  --dark2:          #222c44;
  --dark3:          #2b3554;
  --orange:         #f07c12;
  --orange-hov:     #d96b08;
  --btn-blue:       #3b82f6;
  --btn-blue-hov:   #2563eb;
  --white:          #ffffff;
  --font:           'DM Sans', system-ui, sans-serif;
  --font-script:    'Dancing Script', cursive;
  --close-size:     30px;

  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99999;
  box-shadow: 0 2px 14px rgba(0,0,0,.16);
  max-height: 400px;
  opacity: 1;
  font-family: var(--font);
  transition: max-height .38s cubic-bezier(.4,0,.2,1), opacity .26s ease;
}

body {
  /* Offsets page content down slightly so top header elements aren't hidden under our bar */
  padding-top: 60px !important; 
}

.nt-bar-wrap.is-dismissed {
  max-height: 0 !important;
  opacity: 0 !important;
  pointer-events: none;
}

/* Base Form elements reset within the block */
.nt-bar-wrap a { text-decoration: none; }
.nt-bar-wrap *, .nt-bar-wrap *::before, .nt-bar-wrap *::after { box-sizing: border-box; margin: 0; padding: 0; }

/* SHARED ELEMENTS: CLOSE BUTTON & CTA BUTTON */
.nt-bar-wrap .close-btn {
  position: absolute; right: 13px; top: 50%; transform: translateY(-50%);
  width: var(--close-size); height: var(--close-size); border-radius: 50%;
  background: rgba(255,255,255,.15); border: 1px solid rgba(255,255,255,.22);
  cursor: pointer; display: flex; align-items: center; justify-content: center;
  color: rgba(255,255,255,.85); transition: all .16s; z-index: 20; padding: 0;
}
.nt-bar-wrap .close-btn:hover { background: rgba(255,255,255,.3); color: #fff; transform: translateY(-50%) scale(1.12); }
.nt-bar-wrap .close-btn svg { width: 13px; height: 13px; display: block; pointer-events: none; }
.nt-bar-wrap .close-btn.top-right { top: 13px; right: 13px; transform: none; }
.nt-bar-wrap .close-btn.top-right:hover { transform: scale(1.12); }

.nt-bar-wrap .btn {
  display: inline-flex; align-items: center; justify-content: center;
  padding: 10px 22px; border-radius: 5px; font-weight: 700; letter-spacing: .03em;
  cursor: pointer; border: none; white-space: nowrap; transition: all .18s;
}
.nt-bar-wrap .btn:hover { transform: translateY(-1px); box-shadow: 0 4px 14px rgba(0,0,0,.2); }
.nt-bar-wrap .btn-orange { background: var(--orange); color: #fff; }
.nt-bar-wrap .btn-orange:hover { background: var(--orange-hov); }
.nt-bar-wrap .btn-blue { background: var(--btn-blue); color: #fff; }
.nt-bar-wrap .btn-blue:hover { background: var(--btn-blue-hov); }

/* BAR 1 STYLE Layout */
.nt-bar-wrap .bar-1 { background: var(--blue); padding: 12px 56px 12px 24px; display: flex; align-items: center; justify-content: space-between; gap: 16px; position: relative; }
.nt-bar-wrap .bar-1-text { display: flex; align-items: center; gap: 10px; color: #fff; font-size: 15px; font-weight: 500; flex: 1; flex-wrap: wrap; }
.nt-bar-wrap .bar-1-arrows { font-size: 17px; font-weight: 900; color: rgba(255,255,255,.65); letter-spacing: -3px; }
.nt-bar-wrap .bar-1-text .highlight { background: #ffd100; color: #1a1a1a; font-weight: 800; padding: 1px 6px; border-radius: 3px; font-size: 14px; }

/* BAR 2 STYLE Layout */
.nt-bar-wrap .bar-2 { background: var(--blue); padding: 15px 52px 15px 28px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 20px; position: relative; }
.nt-bar-wrap .bar-2-eyebrow { font-size: 11px; font-weight: 700; color: var(--orange); letter-spacing: .12em; text-transform: uppercase; margin-bottom: 4px; }
.nt-bar-wrap .bar-2-title { font-size: 15px; font-weight: 800; color: #fff; line-height: 1.3; max-width: 400px; }
.nt-bar-wrap .bar-2-book { position: relative; width: 70px; height: 80px; }
.nt-bar-wrap .book-cover { width: 55px; height: 70px; background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%); border-radius: 2px 6px 6px 2px; position: absolute; box-shadow: -3px 3px 12px rgba(0,0,0,.5); display: flex; flex-direction: column; align-items: center; justify-content: center; transform: perspective(300px) rotateY(-8deg); }
.nt-bar-wrap .book-cover-spine { position: absolute; left: 0; top: 0; bottom: 0; width: 6px; background: #0a1628; }
.nt-bar-wrap .book-title-text { font-size: 7px; font-weight: 800; color: #fff; text-align: center; text-transform: uppercase; }
.nt-bar-wrap .book-badge { position: absolute; top: -6px; right: 0px; width: 30px; height: 30px; background: #ffd100; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 6px; font-weight: 800; color: #1a1a1a; text-align: center; box-shadow: 0 2px 6px rgba(0,0,0,.3); z-index: 2; }
.nt-bar-wrap .bar-2-right { display: flex; flex-direction: column; align-items: flex-end; gap: 6px; }
.nt-bar-wrap .bar-2-sub { font-size: 12px; color: rgba(255,255,255,.9); text-align: right; max-width: 250px; }

/* BAR 3 STYLE Layout */
.nt-bar-wrap .bar-3 { background: var(--dark); padding: 10px 56px 10px 28px; display: flex; align-items: center; justify-content: space-between; gap: 16px; position: relative; }
.nt-bar-wrap .countdown { display: flex; align-items: center; gap: 6px; }
.nt-bar-wrap .cd-unit { display: flex; flex-direction: column; align-items: center; }
.nt-bar-wrap .cd-num { background: var(--btn-blue); color: #fff; font-size: 16px; font-weight: 800; width: 40px; height: 36px; display: flex; align-items: center; justify-content: center; border-radius: 5px; }
.nt-bar-wrap .cd-label { font-size: 8px; font-weight: 600; color: rgba(255,255,255,.6); text-transform: uppercase; }
.nt-bar-wrap .cd-sep { font-size: 18px; font-weight: 800; color: rgba(255,255,255,.28); margin-bottom: 10px; }
.nt-bar-wrap .bar-3-center { display: flex; align-items: center; gap: 14px; flex: 1; justify-content: center; }
.nt-bar-wrap .bar-3-promo { font-size: 14px; font-weight: 600; color: #fff; }
.nt-bar-wrap .bar-3-phone { font-size: 14px; font-weight: 600; color: rgba(255,255,255,.82); }

/* BAR 4 STYLE Layout */
.nt-bar-wrap .bar-4 { background: var(--dark2); padding: 18px 56px; display: flex; flex-direction: column; align-items: center; gap: 10px; text-align: center; position: relative; }
.nt-bar-wrap .bar-4-text { font-size: 14px; color: rgba(255,255,255,.88); max-width: 700px; }
.nt-bar-wrap .bar-4-text strong { color: #fff; }
.nt-bar-wrap .bar-4 .btn-blue { border-radius: 5px; padding: 10px 24px; min-width: 280px; }

/* BAR 5 STYLE Layout */
.nt-bar-wrap .bar-5 { background: var(--blue); padding: 10px 56px 10px 16px; display: flex; align-items: center; gap: 16px; position: relative; justify-content: center; }
.nt-bar-wrap .bar-5-book { position: relative; width: 45px; height: 55px; }
.nt-bar-wrap .bar-5-book .book-cover { width: 40px; height: 50px; }
.nt-bar-wrap .bar-5-book .book-title-text { font-size: 5px; }
.nt-bar-wrap .bar-5-book .book-badge { width: 22px; height: 22px; font-size: 5px; }
.nt-bar-wrap .bar-5-text { font-size: 14px; font-weight: 500; color: #fff; }

/* BAR 6 STYLE Layout */
.nt-bar-wrap .bar-6 { background: var(--dark); padding: 12px 56px 12px 24px; display: flex; align-items: center; gap: 20px; position: relative; justify-content: center; }
.nt-bar-wrap .bar-6-founder { display: flex; flex-direction: column; align-items: center; }
.nt-bar-wrap .founder-avatar { width: 44px; height: 44px; border-radius: 50%; background: linear-gradient(145deg, #c97a5e, #b87050); display: flex; align-items: center; justify-content: center; color: #fff; font-size: 13px; font-weight: 800; position: relative; }
.nt-bar-wrap .founder-name { font-size: 11px; font-weight: 700; color: #fff; margin-top: 2px; }
.nt-bar-wrap .founder-role { font-size: 10px; color: rgba(255,255,255,.5); }
.nt-bar-wrap .bar-6-headline { font-family: var(--font-script); font-size: 22px; color: #fff; }
.nt-bar-wrap .bar-6-sub { font-size: 12px; color: rgba(255,255,255,.62); }

/* BAR 7 STYLE Layout */
.nt-bar-wrap .bar-7 { background: var(--dark3); padding: 12px 56px; display: flex; align-items: center; justify-content: center; position: relative; }
.nt-bar-wrap .bar-7-inner { display: flex; align-items: center; font-size: 13.5px; color: rgba(255,255,255,.8); }
.nt-bar-wrap .bar-7-inner strong { color: #fff; }
.nt-bar-wrap .bar-7-inner .detail-link { color: var(--orange); font-weight: 600; margin-left: 6px; }

/* BAR 8 STYLE Layout */
.nt-bar-wrap .bar-8 { background: var(--blue); padding: 12px 56px; display: flex; align-items: center; gap: 15px; justify-content: center; position: relative; }
.nt-bar-wrap .bar-8-logo { width: 35px; height: 35px; border-radius: 50%; background: rgba(255,255,255,.16); display: flex; align-items: center; justify-content: center; color: white; }
.nt-bar-wrap .bar-8-logo svg { width: 18px; height: 18px; }
.nt-bar-wrap .bar-8-label { font-size: 14.5px; color: #fff; }
.nt-bar-wrap .bar-8-form { display: flex; align-items: center; gap: 8px; }
.nt-bar-wrap .bar-8-input { width: 200px; height: 36px; padding: 0 12px; border: none; border-radius: 5px; font-size: 13px; }