/* Breaking News Pro - frontend styles */
#bnp-breaking-news,
#bnp-breaking-news * { box-sizing: border-box; }

#bnp-breaking-news {
    position: fixed !important;
    top: auto !important;
    right: 12.5% !important;
    bottom: auto !important;
    left: 12.5% !important;
    display: flex;
    align-items: center;
    gap: 14px;
    width: 75% !important;
    max-width: 75% !important;
    min-height: 58px;
    margin: 0 !important;
    padding: 10px 18px;
    direction: rtl;
    text-align: right;
    color: #fff;
    background: #b91c1c;
    border: 0;
    border-radius: var(--bnp-bar-radius, 0px) !important;
    box-shadow: 0 -3px 14px rgba(0,0,0,.18);
    transform: none !important;
    z-index: 2147483646 !important;
    font-family: inherit;
    line-height: 1.5;
}
#bnp-breaking-news[hidden], #bnp-popup-overlay[hidden] { display: none !important; }

#bnp-breaking-news .bnp-ticker-label {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 15px;
    padding: 6px 12px;
    color: #fff;
    background: rgba(0,0,0,.2);
    border-radius: 4px;
    white-space: nowrap;
    font-weight: 700;
}
#bnp-breaking-news .bnp-pulse {
    display: inline-block;
    width: 9px;
    height: 9px;
    flex: 0 0 9px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 0 0 4px rgba(255,255,255,.18);
}
#bnp-breaking-news .bnp-ticker-content {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
}
#bnp-breaking-news .bnp-ticker-link {
    display: block;
    overflow: hidden;
    color: #fff !important;
    text-decoration: none !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
    font-weight: 600;
}
#bnp-breaking-news .bnp-ticker-link:hover { text-decoration: underline !important; }
#bnp-breaking-news .bnp-ticker-controls {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 6px;
}
#bnp-breaking-news .bnp-ticker-controls button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 32px;
    height: 32px;
    margin: 0;
    padding: 0 8px;
    color: #fff;
    background: rgba(0,0,0,.18);
    border: 1px solid rgba(255,255,255,.35);
    border-radius: 4px;
    box-shadow: none;
    font: inherit;
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
}
#bnp-breaking-news .bnp-ticker-controls button:hover { background: rgba(0,0,0,.32); }
#bnp-breaking-news #bnp-counter { min-width: 34px; color: #fff; text-align: center; font-size: 12px; }

#bnp-popup-overlay {
    position: fixed !important;
    inset: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: rgba(0,0,0,.65);
    z-index: 2147483647 !important;
}
#bnp-popup-overlay .bnp-popup {
    position: relative;
    width: min(850px, 100%);
    max-height: 85vh;
    overflow: auto;
    padding: 28px;
    color: #222;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 16px 50px rgba(0,0,0,.25);
    direction: rtl;
    text-align: right;
}
#bnp-popup-overlay .bnp-popup-close {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 34px;
    height: 34px;
    border: 0;
    border-radius: 50%;
    color: #333;
    background: #f1f1f1;
    font-size: 22px;
    cursor: pointer;
}
#bnp-popup-overlay .bnp-popup-label { display: flex; align-items: center; gap: 9px; color: #b91c1c; font-weight: 700; }
#bnp-popup-overlay .bnp-popup-label .bnp-pulse { background: #b91c1c; box-shadow: 0 0 0 4px rgba(185,28,28,.12); }
#bnp-popup-overlay #bnp-popup-title { margin: 16px 0 10px; font-size: 22px; }
#bnp-popup-overlay #bnp-popup-content { line-height: 1.8; }
#bnp-popup-overlay .bnp-popup-link { display: inline-block; margin-top: 14px; padding: 9px 16px; color: #fff; background: #b91c1c; border-radius: 5px; text-decoration: none; }
body.bnp-popup-open { overflow: hidden; }

@media (max-width: 600px) {
    #bnp-breaking-news { gap: 8px; min-height: 54px; padding: 8px 10px; }
    #bnp-breaking-news .bnp-ticker-label { padding: 5px 8px; font-size: 13px; }
    #bnp-breaking-news .bnp-ticker-link { font-size: 13px; }
    #bnp-breaking-news .bnp-ticker-controls { gap: 3px; }
    #bnp-breaking-news .bnp-ticker-controls button { min-width: 27px; height: 29px; padding: 0 5px; }
}

/* Animated broadcast signal around the urgent-news indicator. */
#bnp-breaking-news .bnp-pulse {
    position: relative;
    isolation: isolate;
    background: #fff;
    box-shadow: 0 0 0 2px rgba(255,255,255,.28);
    animation: bnp-dot-glow 1.8s ease-in-out infinite;
}
#bnp-breaking-news .bnp-pulse::before,
#bnp-breaking-news .bnp-pulse::after {
    content: "";
    position: absolute;
    inset: -3px;
    border: 2px solid rgba(255,255,255,.85);
    border-radius: 50%;
    pointer-events: none;
    animation: bnp-signal-ring 2s ease-out infinite;
}
#bnp-breaking-news .bnp-pulse::after { animation-delay: 1s; }
@keyframes bnp-signal-ring {
    0% { transform: scale(.55); opacity: .95; }
    100% { transform: scale(2.6); opacity: 0; }
}
@keyframes bnp-dot-glow {
    0%,100% { opacity: 1; }
    50% { opacity: .75; }
}
@media (prefers-reduced-motion: reduce) {
    #bnp-breaking-news .bnp-pulse,
    #bnp-breaking-news .bnp-pulse::before,
    #bnp-breaking-news .bnp-pulse::after { animation: none; }
}

/* Compact, accessible alert sound switch */
#bnp-breaking-news .bnp-sound-toggle {
  flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center;
  border: 0; background: rgba(255,255,255,.16); color: #fff; cursor: pointer;
  border-radius: 4px; width: 28px; height: 26px; padding: 0; margin: 0 5px;
  font-size: 16px; line-height: 1;
}
#bnp-breaking-news .bnp-sound-toggle:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }

/* Mobile readability: full-width ticker, readable wrapping and compact controls. */
@media (max-width: 600px) {
  #bnp-breaking-news {
    right: 0 !important; left: 0 !important;
    width: 100% !important; max-width: 100% !important;
    gap: 8px !important; padding: 9px 10px !important;
    min-height: 58px;
  }
  #bnp-breaking-news .bnp-ticker-label {
    flex: 0 0 auto; gap: 10px; padding: 5px 7px;
    font-size: 13px; line-height: 1.4;
  }
  #bnp-breaking-news .bnp-ticker-content { flex: 1 1 0; min-width: 0; }
  #bnp-breaking-news .bnp-ticker-link {
    white-space: normal !important; overflow: visible !important;
    text-overflow: clip !important; overflow-wrap: anywhere;
    display: -webkit-box; -webkit-box-orient: vertical;
    -webkit-line-clamp: 3; line-clamp: 3;
    overflow: hidden !important;
    font-size: 14px !important; line-height: 1.55 !important;
    font-weight: 700;
  }
  #bnp-breaking-news .bnp-ticker-controls { gap: 2px; }
  #bnp-breaking-news .bnp-ticker-controls button {
    min-width: 26px; height: 30px; padding: 0 4px;
    font-size: 17px;
  }
  #bnp-breaking-news #bnp-counter { min-width: 24px; font-size: 11px; }
  #bnp-breaking-news .bnp-sound-toggle { width: 24px; margin: 0 2px; }
}

/* Phone layout: full-width headline row and separate compact action row. */
@media (max-width: 700px) {
 #bnp-breaking-news {
   display: grid !important;
   grid-template-columns: auto minmax(0,1fr) !important;
   align-items: center !important;
   column-gap: 12px !important;
   row-gap: 9px !important;
   padding: 12px 14px max(10px, env(safe-area-inset-bottom)) !important;
   width: 100% !important;
   max-width: 100% !important;
   left: 0 !important;
   right: 0 !important;
   height: auto !important;
 }
 #bnp-breaking-news .bnp-ticker-label { grid-column: 1; grid-row: 1; font-size: 14px !important; }
 #bnp-breaking-news .bnp-ticker-content { grid-column: 2; grid-row: 1; width: 100%; min-width: 0; overflow: visible !important; }
 #bnp-breaking-news .bnp-ticker-link {
   display: block !important; white-space: normal !important;
   overflow: visible !important; text-overflow: clip !important;
   overflow-wrap: anywhere !important; word-break: normal !important;
   font-size: 16px !important; line-height: 1.65 !important;
   -webkit-line-clamp: unset !important; line-clamp: unset !important;
 }
 #bnp-breaking-news .bnp-ticker-controls {
   grid-column: 1 / -1; grid-row: 2;
   justify-content: center; flex-wrap: wrap;
   width: 100%; gap: 8px !important;
 }
 #bnp-breaking-news .bnp-ticker-controls button { min-width: 30px; height: 30px; font-size: 16px; }
 #bnp-breaking-news .bnp-sound-toggle { grid-column: 1 / -1; justify-self: center; }
}

/* v1.0.79: robust mobile layout, independent of the theme's flex/grid rules. */
@media screen and (max-width: 767px) {
  body #bnp-breaking-news {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    width: 100vw !important;
    max-width: 100vw !important;
    left: 0 !important;
    right: 0 !important;
    padding: 9px 12px calc(9px + env(safe-area-inset-bottom, 0px)) !important;
    gap: 7px !important;
    height: auto !important;
    max-height: 45vh !important;
    overflow-y: auto !important;
    direction: rtl !important;
  }
  body #bnp-breaking-news .bnp-ticker-label {
    display: inline-flex !important;
    align-self: flex-start !important;
    width: auto !important;
    flex: 0 0 auto !important;
    padding: 3px 8px !important;
    font-size: 13px !important;
  }
  body #bnp-breaking-news .bnp-ticker-content {
    display: block !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
  }
  body #bnp-breaking-news .bnp-ticker-link {
    display: block !important;
    width: 100% !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    -webkit-line-clamp: unset !important;
    line-clamp: unset !important;
    font-size: 16px !important;
    line-height: 1.65 !important;
    text-align: right !important;
  }
  body #bnp-breaking-news .bnp-ticker-controls {
    display: flex !important;
    width: 100% !important;
    flex: 0 0 auto !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
  }
  body #bnp-breaking-news .bnp-ticker-controls button {
    min-width: 29px !important;
    height: 29px !important;
    padding: 0 5px !important;
    font-size: 16px !important;
  }
  body #bnp-breaking-news .bnp-sound-toggle {
    align-self: center !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
  }
}

/* Seamless, constant-speed left-to-right headline loop on desktop. */
#bnp-breaking-news .bnp-ticker-content { overflow: hidden !important; }
#bnp-breaking-news .bnp-headline-track { display: block; width: 100%; min-width: 0; }
#bnp-breaking-news .bnp-headline-duplicate { display: none !important; }
@media (min-width: 768px) {
  #bnp-breaking-news .bnp-headline-track.bnp-seamless-active {
    display: flex !important;
    direction: ltr !important;
    width: max-content !important;
    max-width: none !important;
    gap: 64px;
    animation: bnp-seamless-ltr var(--bnp-loop-duration, 22s) linear infinite;
    will-change: transform;
  }
  #bnp-breaking-news .bnp-seamless-active .bnp-ticker-link {
    display: block !important;
    flex: 0 0 auto !important;
    width: max-content !important;
    max-width: none !important;
    overflow: visible !important;
    white-space: nowrap !important;
    text-overflow: clip !important;
  }
  #bnp-breaking-news .bnp-seamless-active .bnp-headline-duplicate { display: block !important; }
  @keyframes bnp-seamless-ltr {
    from { transform: translateX(calc(-1 * var(--bnp-loop-distance))); }
    to { transform: translateX(0); }
  }
}
@media (max-width: 767px) {
  #bnp-breaking-news .bnp-headline-track { width: 100% !important; }
}
@media (prefers-reduced-motion: reduce) {
  #bnp-breaking-news .bnp-headline-track { animation: none !important; }
  #bnp-breaking-news .bnp-headline-duplicate { display: none !important; }
}

/* v1.0.83 visibility safety: keep the actual headline visible at all times. */
#bnp-breaking-news .bnp-headline-track,
#bnp-breaking-news .bnp-headline-track.bnp-seamless-active {
  animation: none !important;
  transform: none !important;
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}
#bnp-breaking-news .bnp-headline-track .bnp-ticker-link:not(.bnp-headline-duplicate) {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  width: 100% !important;
  max-width: 100% !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  text-overflow: clip !important;
}
#bnp-breaking-news .bnp-headline-duplicate { display: none !important; }

/* Responsive advertisement and details */
.bnp-ad-banner{position:relative;z-index:20;width:min(100%,1100px);margin:18px auto;padding:0 12px;box-sizing:border-box;text-align:center}
.bnp-ad-banner a{display:block;overflow:hidden;border-radius:14px;background:#f5f5f5;text-decoration:none;color:#222;box-shadow:0 4px 18px rgba(0,0,0,.12)}
.bnp-ad-banner img{display:block;width:100%;height:auto;max-height:350px;object-fit:contain}
.bnp-ad-banner span{display:block;padding:10px 14px;font-weight:700;font-size:clamp(15px,2vw,22px)}
.bnp-ad-details{width:min(100% - 28px,1100px);margin:35px auto 70px;min-height:45vh}
.bnp-ad-details article{background:#fff;color:#222;padding:clamp(16px,3vw,40px);border-radius:18px;box-shadow:0 3px 24px rgba(0,0,0,.08)}
.bnp-ad-details h1{font-size:clamp(24px,3vw,38px);line-height:1.5;margin:0 0 20px}
.bnp-ad-details img{display:block;width:100%;height:auto;max-height:620px;object-fit:contain;border-radius:12px}
.bnp-ad-description{font-size:clamp(16px,1.8vw,19px);line-height:1.9;margin-top:25px;overflow-wrap:anywhere}
.bnp-ad-visit{display:inline-block;padding:12px 24px;border-radius:8px;background:#bb1717;color:white!important;text-decoration:none}
@media(max-width:767px){.bnp-ad-banner{margin:12px auto;padding:0 8px}.bnp-ad-banner img{max-height:260px}.bnp-ad-details{margin:18px auto 45px}}

/* Advertisement visible in body, responsive on mobile and desktop */
.bnp-ad-banner{clear:both;max-width:1100px;width:calc(100% - 24px);margin:16px auto!important;position:relative;z-index:2}
.bnp-ad-banner img{width:100%;height:auto;object-fit:contain}

/* v1.0.93: viewport-fixed, dismissible, responsive advertisement. */
#bnp-fixed-ad.bnp-ad-banner{position:fixed!important;bottom:12px!important;left:50%!important;transform:translateX(-50%)!important;z-index:2147483645!important;width:min(94vw,960px)!important;max-width:960px!important;margin:0!important;padding:0!important;box-sizing:border-box;filter:drop-shadow(0 4px 16px rgba(0,0,0,.24))}
#bnp-fixed-ad[hidden]{display:none!important}
#bnp-fixed-ad>a{display:block;border-radius:14px;overflow:hidden;background:#fff;text-decoration:none}
#bnp-fixed-ad img{display:block;width:100%;max-height:min(30vh,230px);height:auto;object-fit:contain}
#bnp-fixed-ad span{display:block;padding:5px 35px 5px 12px;font-size:clamp(13px,1.5vw,17px);line-height:1.5}
#bnp-fixed-ad .bnp-ad-close{position:absolute;right:6px;top:6px;z-index:2;width:30px;height:30px;border:0;border-radius:50%;background:#b91c1c;color:#fff;font-size:24px;line-height:26px;cursor:pointer}
body:has(#bnp-breaking-news:not([hidden])) #bnp-fixed-ad{bottom:82px!important}
@media(max-width:767px){#bnp-fixed-ad.bnp-ad-banner{width:calc(100vw - 16px)!important;bottom:8px!important}#bnp-fixed-ad img{max-height:22vh}body:has(#bnp-breaking-news:not([hidden])) #bnp-fixed-ad{bottom:95px!important}}
