#wpfront-notification-bar, #wpfront-notification-bar-editor            {
            background: #ffffff;
            background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ffffff));
            background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 100%);
            background: -o-linear-gradient(top, #ffffff 0%,#ffffff 100%);
            background: -ms-linear-gradient(top, #ffffff 0%,#ffffff 100%);
            background: linear-gradient(to bottom, #ffffff 0%, #ffffff 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
            background-repeat: no-repeat;
                        }
            #wpfront-notification-bar div.wpfront-message, #wpfront-notification-bar-editor.wpfront-message            {
            color: #ffffff;
                        }
            #wpfront-notification-bar a.wpfront-button, #wpfront-notification-bar-editor a.wpfront-button            {
            background: #00b7ea;
            background: -moz-linear-gradient(top, #00b7ea 0%, #009ec3 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00b7ea), color-stop(100%,#009ec3));
            background: -webkit-linear-gradient(top, #00b7ea 0%,#009ec3 100%);
            background: -o-linear-gradient(top, #00b7ea 0%,#009ec3 100%);
            background: -ms-linear-gradient(top, #00b7ea 0%,#009ec3 100%);
            background: linear-gradient(to bottom, #00b7ea 0%, #009ec3 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b7ea', endColorstr='#009ec3',GradientType=0 );

            background-repeat: no-repeat;
            color: #ffffff;
            }
            #wpfront-notification-bar-open-button            {
            background-color: #00b7ea;
            right: 10px;
                        }
            #wpfront-notification-bar-open-button.top                {
                background-image: url(https://paner.hu/wp-content/plugins/wpfront-notification-bar/images/arrow_down.png);
                }

                #wpfront-notification-bar-open-button.bottom                {
                background-image: url(https://paner.hu/wp-content/plugins/wpfront-notification-bar/images/arrow_up.png);
                }
                #wpfront-notification-bar-table, .wpfront-notification-bar tbody, .wpfront-notification-bar tr            {
                        }
            #wpfront-notification-bar div.wpfront-close            {
            border: 1px solid #555555;
            background-color: #555555;
            color: #FFFFFF;
            }
            #wpfront-notification-bar div.wpfront-close:hover            {
            border: 1px solid #aaaaaa;
            background-color: #aaaaaa;
            }
             #wpfront-notification-bar-spacer { display:block; }/* --- 6. MOBIL NÉZET JAVÍTÁSA (SAMSUNG S21 ULTRA) --- */ @media only screen and (max-width: 768px) { /* Üzenetdoboz */ #wpfront-notification-bar div.wpfront-message { margin-right: 0px !important; width: 100% !important; float: none !important; } } /* Tartalom jobbra igazítása */ #wpfront-notification-bar div.wpfront-message { float: right !important; text-align: right !important; } #wpfront-notification-bar table, #wpfront-notification-bar td { text-align: right !important; width: 100% !important; } /* Sáv és belső elemek átlátszósága */ #wpfront-notification-bar, #wpfront-notification-bar table, #wpfront-notification-bar tbody, #wpfront-notification-bar tr, #wpfront-notification-bar td { background-color: transparent !important; background-image: none !important; box-shadow: none !important; border: none !important; } /* --- Extra Nagy Bezáró Gomb (Minden eszközre) --- */ #wpfront-notification-bar div.wpfront-close { width: 30px !important; /* Szélesség növelése */ height: 30px !important; /* Magasság növelése */ line-height: 30px !important; /* X függőleges középre igazítása */ font-size: 20px !important; /* Maga az X betű mérete */ /* Biztosítjuk, hogy kattintható legyen: */ z-index: 2147483647 !important; pointer-events: auto !important; cursor: pointer !important; /* Pozíció igazítása a sarkokhoz */ top: 0px !important; right: 0px !important; } /* Brutális átlátszóság minden elemre a sávon belül */ #wpfront-notification-bar, #wpfront-notification-bar div.wpfront-message, #wpfront-notification-bar table, #wpfront-notification-bar tbody, #wpfront-notification-bar tr, #wpfront-notification-bar td { background: transparent !important; background-color: transparent !important; /* Biztos ami biztos */ background-image: none !important; box-shadow: none !important; border: none !important; } /* Mobil arányok javítása (torzulás ellen) */ @media only screen and (max-width: 768px) { #wpfront-notification-bar img { height: auto !important; /* Ez a kulcs: a szélességhez igazítja a magasságot */ max-height: none !important; /* Engedi, hogy akkorára nőjön, amekkorára kell */ } }