/* Latogatoi visszajelzes (latogatoi-visszajelzes): a lebego ful, a szoveges sorok, a lablec otodik linkje es a
   /feedback oldal. A fenntarto donteset a prototipusbol (plans/FEEDBACK-prototipus.html) - sarga, fuggoleges ful a
   jobb szelen; mobilon nincs ful, helyette szoveges sor. Minden belepesi pont SIMA LINK a /feedback-re (uj lapon):
   a popunder a napi elso kattintasnal a masik lapon nyitja meg, mint barmely linket. A style.css-hez nem nyulunk. */

/* --- 1. A lebego ful: csak 1024 px felett --- */
.fb-ful { display: none; }
@media screen and (min-width: 1025px) {
    .fb-ful { display: block; position: fixed; z-index: 40; right: 0; top: 50%;
        transform: translateY(-50%) rotate(180deg); writing-mode: vertical-rl; padding: 12px 7px;
        border-radius: 0 5px 5px 0; background: #fc0; color: #600; border: 1px solid #a07c00; border-right: 0;
        font: bold 11px/1 Verdana, sans-serif; letter-spacing: .06em; text-transform: uppercase; text-decoration: none;
        box-shadow: 0 0 8px rgba(0, 0, 0, .6); }
    .fb-ful:hover { filter: brightness(1.1); }
}

/* --- 2. Szoveges sorok: AZ EGESZ SAV EGY LINK (a fenntarto kerese, 2026-10-11 - mobilon a keskeny feliratot nehez
       eltalalni); a sarga felirat (.fb-sor-link) csak kiemeles. --- */
.fb-sor { display: block; clear: both; max-width: 709px; margin: 14px auto; padding: 8px 10px; box-sizing: border-box;
    background: #700400; border: 1px solid #a8201c; border-radius: 3px; text-align: center;
    font: 11px/1.5 Verdana, sans-serif; color: #f0d0d0; text-decoration: none; cursor: pointer; }
.fb-sor .fb-sor-link { color: #fc0; font-weight: bold; white-space: nowrap; }
.fb-sor:hover .fb-sor-link, .fb-sor:focus .fb-sor-link { text-decoration: underline; }
/* az altalanos sor (lista vege, Multi Cam, awards) csak mobilon - desktopon ott a ful */
.fb-sor--mobil { display: none; }
/* chat (csak a mobil agban kerul a HTML-be), a lejatszo alatt, keret nelkul */
.fb-sor--chat { margin: -14px 4px 18px; background: none; border: 0; padding: 2px 6px; }
/* a Custom Filter panel alja (a panellel egyutt nyilik) */
.fb-sor--szuro { margin: 10px 0 0; max-width: none; background: none; border: 0; border-top: 1px dotted #b0403c; border-radius: 0;
    padding: 8px 4px 0; text-align: left; }
.fb-sor--kereso { margin-top: 12px; }
@media screen and (max-width: 1024px) {
    .fb-sor--mobil { display: block; }
    /* mobilon kenyelmes koppintasi cel: a sav legalabb 44 px magas */
    .fb-sor { max-width: none; margin-left: 4px; margin-right: 4px; padding-top: 13px; padding-bottom: 13px; min-height: 44px; }
    .fb-sor--szuro { margin: 10px 0 0; }
}

/* --- 3. Lablec: ot link. A sav nowrap; 390 px-en negy link 325 px, ot 392 px (merve 2026-10-11) - mobilon
       a sav csak akkor tor ket sorba, ha nem fer el. --- */
@media screen and (max-width: 1024px) {
    #footer .menubanner.lablec-sav { height: auto; white-space: normal; }
    #footer .lablec-sav .menubackground { height: 100%; }
}

/* --- 4. A /feedback oldal --- */
.fb-oldal .redbox { font: 12px/1.6 Verdana, sans-serif; color: #fff; padding: 12px 16px 16px; text-align: left; }
.fb-oldal .fb-bevezeto { margin: 0 0 12px; }
.fb-oldal .fb-lj { margin: 0 0 14px; padding: 6px 10px; background: rgba(0, 0, 0, .25); border-left: 3px solid #fc0;
    font-size: 11px; color: #f3dada; }
.fb-oldal a { color: #fc0; }
.fb-oldal .fb-hibak { margin: 0 0 10px; padding: 6px 10px; background: #fff3c4; color: #600; border-radius: 3px; font-weight: bold; }
.fb-oldal .fb-hibak p { margin: 2px 0; }
.fb-oldal .fb-cim { display: block; font-weight: bold; color: #fc0; margin: 12px 0 5px; }
.fb-oldal .fb-cim small { font-weight: normal; color: #f0c0c0; }
.fb-oldal .fb-tipusok { display: flex; flex-wrap: wrap; }
.fb-oldal .fb-tipusok input { position: absolute; opacity: 0; pointer-events: none; }
.fb-oldal .fb-tipusok label { display: inline-block; margin: 0 6px 6px 0; padding: 6px 14px; border: 1px solid #fe3e3d;
    border-radius: 16px; background: #5a0000; color: #fff; cursor: pointer; font-size: 12px; }
.fb-oldal .fb-tipusok input:checked + label { background: #fc0; color: #500; border-color: #fc0; font-weight: bold; }
.fb-oldal .fb-tipusok input:focus + label { outline: 2px solid #fff; }
.fb-oldal textarea, .fb-oldal input[type="email"] { display: block; width: 100%; box-sizing: border-box;
    font: 13px/1.4 Verdana, sans-serif; padding: 7px 8px; border: 1px solid #fe3e3d; border-radius: 3px; background: #fff; color: #111; }
.fb-oldal textarea { min-height: 120px; resize: vertical; }
.fb-oldal .fb-segit { font-size: 10px; color: #f0c0c0; margin-top: 3px; }
.fb-oldal .fb-csatolt { margin: 14px 0 0; padding: 6px 10px; font-size: 10px; color: #f0c0c0; background: rgba(0, 0, 0, .2); border-radius: 3px; }
.fb-oldal .fb-csatolt b { color: #fff; }
.fb-oldal .fb-mezo-csapda { position: absolute; left: -5000px; width: 1px; height: 1px; overflow: hidden; }
.fb-oldal .fb-kuld { margin-top: 14px; padding: 8px 22px; font: bold 13px Verdana, sans-serif; cursor: pointer; color: #500;
    background: linear-gradient(#ffe066, #fc0); border: 1px solid #a07c00; border-radius: 3px; }
.fb-oldal .fb-koszonjuk { text-align: center; padding: 20px 6px; }
.fb-oldal .fb-koszonjuk b { display: block; color: #fc0; font-size: 15px; margin-bottom: 6px; }
@media screen and (max-width: 1024px) {
    .fb-oldal .redbox { padding: 10px 10px 14px; }
    /* iPhone: 16 px alatt a mezore koppintva a Safari ranagyit */
    .fb-oldal textarea, .fb-oldal input[type="email"] { font-size: 16px; }
}