/* ================================================================ 
    PUSTOPOLJINA FORUM — Banner V4 Ultra-Responsive
    Fajl: custom_banner.css 
    ================================================================ */ 
  
 /* === RESET STAROG LOGO/BANNER BLOKA === */ 
 #logo, .headerbar, #site-description { 
     display: none !important; 
 } 
  
 /* ================================================================ 
    BANNER WRAPPER 
    ================================================================ */ 
 #pustopoljina-banner { 
     display: flex; 
     flex-flow: row nowrap; 
     align-items: stretch; 
     min-height: 90px; 
     background: #f9f8f6; 
     border-top: 3px solid #d4730a; 
     border-bottom: 1.5px solid #e2ddd7; 
     border-left: 4px solid #d4730a; 
     overflow: hidden; 
     font-family: 'Poppins', sans-serif !important; 
     width: 100%;
     box-sizing: border-box;
 } 
  
 #pustopoljina-banner * { 
     font-family: 'Poppins', sans-serif !important; 
     box-sizing: border-box; 
 } 
  
 /* SEKCIJE */ 
 #pustopoljina-banner .bn-sec { 
     display: flex; 
     align-items: center; 
     padding: 10px clamp(10px, 2vw, 25px); 
     flex: 1 1 auto;
     border-right: 1px solid #e2ddd7; 
     min-width: 0; /* Omogućava skupljanje */
 } 
 #pustopoljina-banner .bn-sec:last-child { 
     border-right: none; 
 } 
  
 /* LOGO SEKCIJA (Najbitnija, manje se skuplja) */ 
 #pustopoljina-banner .bn-logo { 
     flex: 2 1 auto;
     gap: 12px; 
     min-width: 180px;
 } 
 #pustopoljina-banner .bn-logo-img { 
     width: 42px; 
     height: 42px; 
     flex-shrink: 0;
     background-image: url('images/pp-logo.png');
     background-size: contain;
     background-repeat: no-repeat;
     background-position: center;
 } 
 #pustopoljina-banner .bn-name { 
     font-size: clamp(18px, 2.5vw, 22px) !important; 
     font-weight: 700 !important; 
     color: #1a1a1a; 
     line-height: 1.1; 
     white-space: nowrap;
 } 
 #pustopoljina-banner .bn-sub { 
     font-size: 9px !important; 
     font-weight: 500 !important; 
     color: #d4730a; 
     text-transform: uppercase; 
     letter-spacing: 2px; 
 } 
  
 /* STATISTIKE */ 
 #pustopoljina-banner .bn-stat-box { 
     display: flex; 
     flex-direction: column; 
     gap: 2px;
     width: 100%;
 } 
 #pustopoljina-banner .bn-stat-num { 
     font-size: clamp(14px, 2vw, 18px) !important; 
     font-weight: 700 !important; 
     color: #d4730a; 
     line-height: 1; 
     white-space: nowrap;
 } 
 #pustopoljina-banner .bn-stat-lbl { 
     font-size: 9px !important; 
     font-weight: 600 !important; 
     color: #a09890; 
     text-transform: uppercase; 
 } 
  
 /* ONLINE SEKCIJA */ 
 #pustopoljina-banner .bn-online-row { 
     display: flex; 
     align-items: center; 
     gap: 6px; 
 } 
 #pustopoljina-banner .pp-live-dot { 
     width: 8px; 
     height: 8px; 
     background: #d4730a; 
     border-radius: 50%; 
     flex-shrink: 0;
     animation: ppLiveBlink 1.6s ease-in-out infinite; 
 } 
 @keyframes ppLiveBlink { 
     0%, 100% { opacity: 1; transform: scale(1); } 
     50%       { opacity: .3; transform: scale(0.8); } 
 } 
  
 /* DUGMAD SEKCIJA */ 
 #pustopoljina-banner .bn-btns { 
     flex: 1.5 1 auto;
     justify-content: flex-end;
     gap: clamp(5px, 1vw, 12px); 
     padding-right: 15px; 
 } 
 #pustopoljina-banner .bn-btn { 
     display: inline-flex; 
     align-items: center; 
     justify-content: center; 
     gap: 8px; 
     width: clamp(100px, 12vw, 140px); 
     padding: 8px 5px; 
     font-size: 11px !important; 
     font-weight: 600 !important; 
     border-radius: 5px; 
     text-decoration: none !important; 
     border: 1.5px solid; 
     transition: all .2s ease; 
     white-space: nowrap;
 } 
 #pustopoljina-banner .bn-btn i { 
     font-size: 14px; 
     font-family: "Font Awesome 6 Free", "Font Awesome 6 Brands", sans-serif !important;
     font-weight: 900;
 } 
  
 /* Podrška */ 
 #pustopoljina-banner .bn-btn-support { 
     background: #fff; 
     border-color: #d4730a; 
     color: #d4730a; 
 } 
 #pustopoljina-banner .bn-btn-support i {
     color: #d4730a;
 }
 #pustopoljina-banner .bn-btn-support:hover { 
     background: #d4730a; 
     color: #fff; 
     text-decoration: none; 
 } 
 #pustopoljina-banner .bn-btn-support:hover i {
     color: #fff;
 }
  
 /* Discord */ 
 #pustopoljina-banner .bn-btn-discord { 
     background: #5865F2; 
     border-color: #5865F2; 
     color: #fff; 
 } 
 #pustopoljina-banner .bn-btn-discord i {
     color: #fff;
 }
 #pustopoljina-banner .bn-btn-discord:hover { 
     background: #4752c4; 
     border-color: #4752c4; 
     text-decoration: none; 
     color: #fff; 
 }
  
 /* RESPONSIVE BREAKPOINTS */ 
 
 /* Tablet - sakrivamo statise da oslobodimo prostor */
 @media (max-width: 1024px) {
     #pustopoljina-banner .bn-stat { display: none; }
 }

 /* Mali tablet - sakrivamo i online */
 @media (max-width: 800px) {
     #pustopoljina-banner .bn-online { display: none; }
 }

 /* Mobitel */
 @media (max-width: 580px) { 
     #pustopoljina-banner { 
         min-height: 70px; 
         height: 70px; 
         border-left: none; 
         padding: 0; 
         justify-content: space-between; 
     } 
     #pustopoljina-banner .bn-sec { border-right: none; padding: 0 10px; }
     #pustopoljina-banner .bn-logo { flex: 1; min-width: 0; justify-content: flex-start; } 
     #pustopoljina-banner .bn-logo-img { width: 32px; height: 32px; }
     #pustopoljina-banner .bn-name { font-size: 18px !important; }
     #pustopoljina-banner .bn-sub { display: block !important; font-size: 8px !important; letter-spacing: 1px; }
     
     #pustopoljina-banner .bn-btns { flex: 0 0 auto; gap: 8px; padding-right: 10px; } 
     #pustopoljina-banner .bn-btn { width: 36px; height: 36px; border-radius: 50%; } 
     #pustopoljina-banner .bn-btn span { display: none; } 
     #pustopoljina-banner .bn-btn i { font-size: 16px; margin: 0; }
 }