.queen-feed-container{display:grid;gap:16px;margin:16px 0;}
.queen-feed-card{background:#fff;border-radius:14px;box-shadow:0 8px 28px rgba(0,0,0,0.06);padding:14px 16px;}
.queen-feed-header{font-size:12px;color:#6b7280;margin-bottom:8px;}
.queen-feed-thumbwrap{margin-bottom:10px;}
.queen-feed-thumb{width:100%;max-width:420px;border-radius:10px;cursor:zoom-in;}
.queen-feed-content p{font-size:15px;line-height:1.6;color:#111827;margin:0 0 6px;}
.queen-feed-actions{display:flex;gap:12px;align-items:center;margin-top:6px;}
.queen-heart{display:inline-flex;align-items:center;gap:6px;border:1px solid #e5e7eb;background:#fafafa;padding:6px 10px;border-radius:999px;cursor:pointer;}
.queen-heart.is-liked{background:#ffe8ec;border-color:#ffd0d8;}
.queen-feed-link{font-size:14px;color:#0F1E35;text-decoration:underline;}
.queen-copy{margin-left:auto;border:1px solid #e5e7eb;background:#fff;padding:6px 10px;border-radius:10px;cursor:pointer;}
.queen-copy:hover{background:#f3f4f6;}
.queen-load-more{background:#0F1E35;color:#fff;border:none;border-radius:10px;padding:10px 14px;cursor:pointer;}
.queen-feed-morewrap{text-align:center;margin-top:8px;}
/* Lenyíló tartalom */
.queen-toggle,.queen-toggle-close{background:none;border:none;color:#0F1E35;cursor:pointer;text-decoration:underline;font-size:14px;padding:0;margin-top:4px;}
.queen-feed-full{margin-top:8px;border-top:1px solid #eee;padding-top:8px;}
/* Toast */
.queen-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(20px);background:rgba(15,30,53,0.9);color:#fff;padding:10px 18px;border-radius:8px;font-size:14px;opacity:0;pointer-events:none;transition:all .3s ease;z-index:9999;}
.queen-toast.show{opacity:1;transform:translateX(-50%) translateY(0);}

/* ----- Queen Feed – dark modern card ----- */
.queen-feed-container{display:grid;gap:18px;margin:18px 0;}

.queen-feed-card{
  background:#16191d;               /* sötét kártya */
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  padding:16px 18px;
  color:#e9edf3;
  font-family:inherit;
  box-shadow:0 12px 28px rgba(0,0,0,.32);
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.queen-feed-card:hover{
  transform:translateY(-1px);
  box-shadow:0 16px 36px rgba(0,0,0,.45);
  border-color:rgba(255,255,255,.12);
}

/* fejléckis meta: dátum + idő */
.queen-feed-header{
  display:flex; align-items:center; gap:8px;
  font-size:13px; letter-spacing:.1px;
  color:rgba(255,255,255,.65);
  margin-bottom:8px;
}
.queen-feed-header .queen-feed-date::before{
  content:"\f017"; /* clock – ha Font Awesome van betöltve */
  font-family:"Font Awesome 5 Free"; font-weight:900;
  margin-right:6px; opacity:.7;
}

/* bélyegkép */
.queen-feed-thumbwrap{margin:-2px 0 10px}
.queen-feed-thumb{
  width:100%; max-width:560px;
  border-radius:14px; cursor:zoom-in;
  display:block;
  box-shadow:0 8px 22px rgba(0,0,0,.35);
  transition:transform .18s ease, box-shadow .18s ease;
}
.queen-feed-thumb:hover{transform:scale(1.01); box-shadow:0 12px 28px rgba(0,0,0,.45)}

/* tartalom */
.queen-feed-content p{
  font-size:16px; line-height:1.7;
  color:#f2f5f9; margin:0 0 6px;
}

/* akciósor */
.queen-feed-actions{display:flex;gap:10px;align-items:center;margin-top:10px}

/* szív (finom, modern) */
.queen-heart{
  display:inline-flex;align-items:center;gap:8px;
  border:1px solid rgba(255,255,255,.1);
  background:rgba(255,255,255,.05);
  padding:6px 12px;border-radius:999px;cursor:pointer;
  transition:background .2s ease,border-color .2s ease,transform .1s ease;
  color:#dfe7ff; font-size:14px;
}
.queen-heart:hover{background:rgba(255,255,255,.09)}
.queen-heart:active{transform:scale(.98)}
.queen-heart .heart-icon{
  display:inline-block; width:18px; height:18px;
  mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 6 3.99 4 6.5 4c1.74 0 3.41.81 4.5 2.09C12.09 4.81 13.76 4 15.5 4 18.01 4 20 6 20 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"/></svg>') center/contain no-repeat;
  -webkit-mask:inherit;
  background:#e6eaf2;
}
.queen-heart.is-liked{
  background:rgba(231,76,60,.12);
  border-color:rgba(231,76,60,.35);
  color:#fff;
}
.queen-heart.is-liked .heart-icon{ background:#e74c3c; }
.queen-heart .heart-count{min-width:1ch;}

/* link másolás – diszkrét gomb */
.queen-copy{
  margin-left:auto;
  border:1px solid rgba(255,255,255,.1);
  background:rgba(255,255,255,.05);
  padding:6px 12px;border-radius:12px;cursor:pointer;
  color:#e9edf3;font-size:14px;
  display:inline-flex;align-items:center;gap:8px;
  transition:background .2s ease,border-color .2s ease,transform .1s ease;
}
.queen-copy:hover{background:rgba(255,255,255,.12)}
.queen-copy:active{transform:scale(.98)}

/* „Mutasd a teljes bejegyzést” link gomb helyett linkként */
.queen-toggle,.queen-toggle-close{
  background:none;border:none;cursor:pointer;
  color:#9bb6ff;text-decoration:none;font-size:14px;padding:0;margin-top:6px;
}
.queen-toggle:hover,.queen-toggle-close:hover{text-decoration:underline}

/* leválasztás a teljes szöveg előtt */
.queen-feed-full{display:none;margin-top:8px;border-top:1px solid rgba(255,255,255,.08);padding-top:10px}

/* Load more – illeszkedő */
.queen-feed-morewrap{text-align:center;margin-top:10px}
.queen-load-more{
  background:#0f1e35;color:#fff;border:1px solid rgba(255,255,255,.08);
  border-radius:12px;padding:10px 16px;cursor:pointer;font-size:15px;
  transition:background .2s ease,transform .1s ease,box-shadow .2s ease;
}
.queen-load-more:hover{background:#1a2d55;box-shadow:0 8px 22px rgba(0,0,0,.35)}
.queen-load-more:active{transform:translateY(1px)}

/* toast maradhat, csak enyhe árnyék */
.queen-toast{box-shadow:0 10px 30px rgba(0,0,0,.35)}

/* -------------------------------------------------
   Queen Feed – egységes betűcsalád (system sans-serif)
-------------------------------------------------- */
.queen-feed-container,
.queen-feed-card,
.queen-feed-header,
.queen-feed-content,
.queen-feed-actions,
.queen-feed-morewrap,
.queen-toggle,
.queen-toggle-close,
.queen-copy,
.queen-heart,
#queen-load-more,
.queen-toast {
  font-family: ui-sans-serif, system-ui, -apple-system,
               BlinkMacSystemFont, "Segoe UI",
               Roboto, Helvetica, Arial, sans-serif;
  font-smooth: always;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


/* biztos ami biztos: fallback system stack */
body .queen-feed-container {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
               Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

/* --- meta: távolítsuk el a kis üres négyzetet --- */
.queen-feed-header::before {
  content: none !important;
}

/* --- szív: kerek gomb, animált kitöltés --- */
.queen-heart {
  display:inline-flex;align-items:center;gap:6px;
  border:1px solid rgba(255,255,255,.1);
  background:rgba(255,255,255,.05);
  padding:6px 10px;border-radius:999px;
  cursor:pointer;transition:all .2s ease;
  color:#ccc;font-size:14px;
}
.queen-heart:hover{background:rgba(255,255,255,.1);}
.queen-heart svg {
  width:18px;height:18px;fill:none;stroke:#e6e6e6;
  stroke-width:1.7;transition:all .25s ease;
}
.queen-heart.is-liked svg {
  fill:#e74c3c;stroke:#e74c3c;transform:scale(1.15);
}

/* --- “Mutasd a teljes bejegyzést” link finomabb, modern stílus --- */
.queen-toggle {
  display:inline-block;
  color:#9bb6ff;font-size:15px;font-weight:500;
  text-decoration:none;margin-left:4px;
  background:none;border:none;cursor:pointer;
  transition:color .2s ease;
}
.queen-toggle:hover { color:#b9ccff; text-decoration:underline; }

/* --- megosztás gomb: diszkrét hover, modern ikonváltozás --- */
.queen-copy {
  display:inline-flex;align-items:center;gap:6px;
  border:1px solid rgba(255,255,255,.1);
  background:rgba(255,255,255,.05);
  padding:6px 12px;border-radius:10px;
  color:#eee;font-size:14px;
  transition:all .25s ease;
}
.queen-copy:hover { background:rgba(255,255,255,.12); }

/* Dátum előtti üres négyzet eltüntetése */
.queen-feed-header::before,
.queen-feed-date::before {
  content: none !important;
  display: none !important;
}
/* -------------------------------------------------
   Queen Feed Archive – unified with page layout
-------------------------------------------------- */
.queen-feed-page {
  background: #0F1E35;
  color: #fff;
  font-family: inherit;
  padding: 60px 0;
}

.queen-page-inner {
  max-width: 960px;
  margin: 0 auto;
  padding: 0 20px;
}

.queen-page-header {
  text-align: left;
  margin-bottom: 40px;
}

.queen-page-title {
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: 8px;
  color: #fff;
}

.queen-page-subtitle {
  color: #aaa;
  font-size: 1rem;
}

.queen-page-content {
  font-family: inherit;
}
.queen-feed-container {
  display: grid;
  gap: 20px;
  justify-content: center; /* <<< minden elem középre igazítva */
}
.queen-feed-card {
  margin-bottom: 2.5rem;
  text-align: left;
}
.queen-feed-thumbwrap {
  text-align: center;
}
/* -------------------------------------------------
   Queen Feed – fix optikai méret, nincs landscape zoom
-------------------------------------------------- */

/* egységes 14.5px, nem reagál fekvő váltásra */
.queen-feed-excerpt,
.queen-feed-excerpt p,
.queen-feed-full,
.queen-feed-full p,
.queen-feed-full-visible,
.queen-feed-full-visible p {
  font-size: 14.5px !important;
  line-height: 1.7 !important;
  color: #e7ebf2 !important;
  font-family: inherit !important;
  -webkit-text-size-adjust: 100%;  /* Safari / iOS fix */
  text-size-adjust: 100%;          /* Android fix */
}

/* gomb */
.queen-toggle {
  font-size: 13.5px !important;
}

/* csak valós desktopon növelünk */
@media (hover: hover) and (pointer: fine) {
  .queen-feed-excerpt,
  .queen-feed-excerpt p,
  .queen-feed-full,
  .queen-feed-full p,
  .queen-feed-full-visible,
  .queen-feed-full-visible p {
    font-size: 15px !important;
  }
  .queen-toggle { font-size: 14px !important; }
}
/* -------------------------------------------------
   Queen Feed – képek és teljes szöveg egységes szélességre igazítása
-------------------------------------------------- */

/* kép + excerpt + teljes szöveg egységes szélesség */
.queen-feed-thumbwrap,
.queen-feed-content,
.queen-feed-full,
.queen-feed-full-visible {
  max-width: 560px;      /* ugyanaz, mint a kép mérete */
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

/* a kártya teljesen középre húzása, egységes vizuális sáv */
.queen-feed-card {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;     /* meta és gombok középre */
}

/* a képet középre rendezzük, lekerekítve */
.queen-feed-thumbwrap img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 14px;
  margin: 0 auto 12px;
}

/* a szövegek olvashatósága miatt belül balra igazított */
.queen-feed-content,
.queen-feed-full-visible {
  text-align: left;
}

/* “Tovább” után megjelenő szöveg ne törje meg az elrendezést */
.queen-feed-full-visible p,
.queen-feed-full p {
  margin: 0 0 10px;
}

/* mobilon engedjük teljes szélességre */
@media (max-width: 600px) {
  .queen-feed-thumbwrap,
  .queen-feed-content,
  .queen-feed-full,
  .queen-feed-full-visible {
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}
/* -------------------------------------------------
   Queen Feed – dátum + helyszín egységes megjelenés
-------------------------------------------------- */
/* Dátum + helyszín egységes sorban */
.queen-feed-header {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
}

.queen-feed-date,
.queen-feed-location {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.7);
  letter-spacing: 0.1px;
}

/* Fehér vektoros globusz ikon a helyszín előtt */
.queen-feed-location {
  position: relative;
  padding-left: 0;
}

.queen-feed-location::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 14px;
  height: 14px;
  background: currentColor; /* veszi a szöveg színét → fehér */
  opacity: 0.8;

  /* SVG maszk – egyszerű, letisztult globusz */
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23000" d="M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm0 1.5a8.5 8.5 0 0 1 8.48 8H12V3.5Zm0 8.98h8.48a8.5 8.5 0 0 1-8.48 8.02V12.48Zm-.75 0v8.02a8.5 8.5 0 0 1-8.48-8.02h8.48Zm0-1.48H2.77a8.5 8.5 0 0 1 8.48-8.02v8.02Z"/></svg>') center/contain no-repeat;
          mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23000" d="M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm0 1.5a8.5 8.5 0 0 1 8.48 8H12V3.5Zm0 8.98h8.48a8.5 8.5 0 0 1-8.48 8.02V12.48Zm-.75 0v8.02a8.5 8.5 0 0 1-8.48-8.02h8.48Zm0-1.48H2.77a8.5 8.5 0 0 1 8.48-8.02v8.02Z"/></svg>') center/contain no-repeat;
}

/* Ha a böngésző nem támogatja a mask-ot, fallback: fehér emoji */
@supports not (-webkit-mask: url("")) {
  .queen-feed-location::before {
    content: "🌐";
    background: none;
    width: auto;
    height: auto;
    transform: translateY(-10%);
  }
}
.queen-feed-header {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: center; /* <<< ez a fontos */
}

.queen-feed-date,
.queen-feed-location {
    font-size: 13px;
    line-height: 1.3; /* fix magasság, hogy az ikon ne toljon el semmit */
}

/* Ha nem akarod a 🌐 ikon miatt elcsúszni: */
.queen-feed-location::before {
    content: "🌐";
    margin-right: 4px;
    position: relative;
    top: 0; /* biztosan ne csússzon fel */
}

.queen-feed-header {
    display: flex;
    gap: 8px;
    align-items: center;
}

.queen-feed-header * {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.3;
}
/* Location ikon: 🌐 helyett  */
.queen-feed-location {
  position: relative;
  padding-left: 0;
}
.queen-feed-location::before {
  content: "";
  position: absolute;
  left: 0; top: 50%;
  transform: translateY(-50%);
  font-size: 13px;
  line-height: 1;
  opacity: .85;
}

/* Étterem név a fejlécben */
.queen-feed-restaurant a {
  color: rgba(255,255,255,.85);
  text-decoration: underline;
}
.queen-feed-restaurant a:hover { opacity: .9; }

/* Kedvezmény blokk */
.queen-feed-offer {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 14px;
  align-items: center;
  margin: 8px auto 8px;
  max-width: 560px;
  color: #e9edf3;
  font-size: 15px;
}
.qf-offer-line strong { color: #cfe0ff; }

/* Azonosítás gomb környezete */
.queen-feed-identify {
  margin: 6px auto 10px;
  max-width: 560px;
}
/* --- HELYSZÍN IKON JAVÍTÁS (csak  legyen, ne rakódjon a  fölé) --- */
.queen-feed-location {
    position: relative;
    padding-left: 18px;
}

/* Minden korábbi globusz ikon eltávolítása */
.queen-feed-location::before {
    content: "" !important;   /* új ikon */
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    line-height: 1;
    opacity: .85;
    background: none !important;
    -webkit-mask: none !important;
            mask: none !important;
}
/* --- HELYSZÍN (location) ikon korrekt elrendezése --- */
.queen-feed-location {
    position: relative;
    padding-left: 20px !important; /* elég hely az ikon előtt */
    display: inline-flex;
    align-items: center;
}

/* csak a  ikon maradjon, jól pozicionálva */
.queen-feed-location::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    opacity: 0.85;
    /* biztosan ne jelenjen meg globusz / SVG / mask */
    background: none !important;
    -webkit-mask: none !important;
            mask: none !important;
}
/* Étterem link */
.queen-feed-restaurant-link {
    color: rgba(255,255,255,0.85);
    text-decoration: none;
}
.queen-feed-restaurant-link:hover {
    text-decoration: underline;
}

/* Kedvezmény blokkok */
.queen-feed-offers {
    display: flex;
    gap: 8px;
    margin: 8px auto;
    max-width: 560px;
}
.offer-tag {
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.15);
    border-radius: 6px;
    padding: 4px 10px;
    font-size: 13px;
    color: #fff;
}

/* Azonosítás gomb körül igazítás */
.queen-feed-identify {
    margin: 6px auto 10px;
    max-width: 560px;
    text-align: left;
}
/* --- Location ikon javítás --- */
.queen-feed-location {
    position: relative;
    padding-left: 18px;
}
.queen-feed-location::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0.85;
    font-size: 14px;
}

/* --- Étterem link egyértelmű legyen --- */
.queen-feed-restaurant a,
.queen-feed-restaurant-link {
    color: rgba(255,255,255,0.85);
    text-decoration: underline;
}
.queen-feed-restaurant a:hover {
    opacity: 1;
}

/* --- Kedvezmény és napok tag-ek --- */
.queen-feed-offers {
    display: flex;
    gap: 8px;
    margin: 8px auto;
    max-width: 560px;
}

.offer-tag {
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.15);
    border-radius: 6px;
    padding: 4px 10px;
    font-size: 13px;
    color: #fff;
}

/* --- Azonosítás gomb (feed kivitelben középre igazítva) --- */
.queen-feed-identify {
    margin: 6px auto 10px;
    max-width: 560px;
    text-align: left;
}
/* --- Kedvezmény / Napok / Azonosítás egy sorban --- */
.queen-feed-offers {
    display: flex;
    gap: 8px;
    margin: 8px auto 10px;
    max-width: 560px;
    flex-wrap: wrap;
    align-items: center;
}

/* Azonosítás gomb tag stílusban */
.identify-tag {
    cursor: pointer;
    background: #007ffd;        /* az éttermi gomb stílus színét megtartva */
    border: 1px solid rgba(255,255,255,0.15);
    color: #fff;
    font-size: 13px;
    padding: 4px 12px;
    border-radius: 6px;
    transition: background 0.2s;
}

.identify-tag:hover {
    background: #005fcc;
}

/* Fontos: ne jelenjen meg duplán a feed-ben az eredeti nagy kék gomb stílus! */
.queen-feed-card .qcode-use-card-btn {
    display: none;
}
/* --- Legalul lévő offer-tag + azonosítás gomb sor --- */
.queen-feed-offers {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    max-width: 560px;
    margin: 14px auto 0;
}

/* Alap tag stílus (kedvezmény, napok) */
.offer-tag {
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.15);
    border-radius: 6px;
    padding: 4px 10px;
    font-size: 13px;
    color: #fff;
    display: inline-flex;
    align-items: center;
}

/* Azonosítás → ugyanakkora, csak kékre színezve */
.identify-tag {
    background: #007ffd;
    border: 1px solid rgba(255,255,255,0.15);
    color: #fff;
    cursor: pointer;
    transition: 0.2s;
}
.identify-tag:hover {
    background: #005fcc;
}

/* Eltüntetjük az eredeti nagy kék verziót feeden */
.queen-feed-card .qcode-use-card-btn {
    display: none !important;
}
/* --- Szív + Megosztás gomb igazítás (egymás mellé, balra) --- */
.queen-feed-actions {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: flex-start !important; /* ne legyen jobbra tolva */
}

.queen-feed-actions .queen-copy {
    margin-left: 0 !important; /* töröljük az auto eltolást */
}
/* --- Azonosítás gomb pontos igazítása a tag-ekhez --- */
.identify-tag {
    background: #007ffd !important;
    border: 1px solid rgba(255,255,255,0.15);
    color: #fff;
    border-radius: 6px;
    font-size: 13px;
    padding: 4px 10px !important;  /* pontosan annyi, mint az offer-tag */
    display: inline-flex;
    align-items: center;
    justify-content: center;       /* szöveg középre */
    line-height: 1.3;
}

.identify-tag:hover {
    background: #005fcc !important;
}
/* --- FORCE: Azonosítás gomb legyen azonos méretű a tag-ekkel --- */
.queen-feed-card .identify-tag {
    background: #007FFD !important;         /* kék */
    border: 1px solid rgba(255,255,255,0.15) !important;
    border-radius: 6px !important;
    font-size: 13px !important;
    color: #fff !important;
    padding: 4px 10px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1.3 !important;
    height: auto !important;
    min-height: 0 !important;
}
/* --- Feedben soha ne jelenjen meg a shortcode saját nagy gombja --- */
.queen-feed-card .qcode-use-card-box,
.queen-feed-card .qcode-use-card-btn {
    display: none !important;
}
/* --- FORCE: Azonosítás gomb legyen PONT olyan, mint a kedvezmény tag --- */
.queen-feed-card .identify-tag {
    background: rgba(255,255,255,0.08) !important; /* ugyanaz alap */
    border: 1px solid rgba(255,255,255,0.15) !important;
    color: #fff !important;
    padding: 4px 10px !important;
    font-size: 13px !important;
    border-radius: 6px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1.3 !important;
    height: auto !important;
}

.queen-feed-card .identify-tag:hover {
    background: rgba(255,255,255,0.2) !important;
}
/* --- FORCE: azonos pixelpontos méret + vertikális közép --- */
.queen-feed-card .identify-tag {
    /* ugyanaz, mint .offer-tag */
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 4px 10px !important;
    font-size: 13px !important;
    line-height: 1.3 !important;

    height: auto !important;
    min-height: 0 !important;
    box-sizing: border-box !important;

    border: 1px solid rgba(255,255,255,0.15) !important;
    border-radius: 6px !important;
    background: rgba(255,255,255,0.08) !important;
    color: #fff !important;

    /* FONT öröklődési problémák elkerülése */
    font-family: inherit !important;
    font-weight: normal !important;
}

/* Hover állapot (azonos mint offer-tag hover) */
.queen-feed-card .identify-tag:hover {
    background: rgba(255,255,255,0.15) !important;
}
/* --- Azonosítás = ugyanaz, mint offer-tag, csak kattintható --- */
.queen-feed-card .offer-tag.identify-tag {
    cursor: pointer;
}

.queen-feed-card .offer-tag.identify-tag:hover {
    background: rgba(255,255,255,0.15);
}
/* Azonosítás gomb tökéletesen egyezzen az offer-tag kinézettel */
.queen-feed-card .identify-tag {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 4px 10px !important;
    font-size: 13px !important;
    line-height: 1.3 !important;
    border-radius: 6px !important;
    background: rgba(255,255,255,0.08) !important;
    color: #fff !important;
    border: 1px solid rgba(255,255,255,0.15) !important;
    cursor: pointer;
}
.queen-feed-card .identify-tag:hover {
    background: rgba(255,255,255,0.15) !important;
}
.queen-feed-card .queen-feed-offers br {
    display: none;
}
/* --- Azonosítás gomb (tag stílus + kék) --- */
.queen-feed-card .identify-tag {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 4px 10px !important;      /* pontosan mint a .offer-tag */
    font-size: 13px !important;
    line-height: 1.3 !important;
    font-family: inherit !important;

    border: 1px solid rgba(255,255,255,0.15) !important;
    border-radius: 6px !important;

    /* Itt lesz kék, hogy brand színű maradjon */
    background: #007ffd !important;
    color: #fff !important;

    cursor: pointer !important;
    height: auto !important;
    min-height: 0 !important;
    box-sizing: border-box !important;
}

.queen-feed-card .identify-tag:hover {
    background: #005fcc !important;
}
/* Ha még mindig kisebb a vizuális hatás → tegyünk rá 5px extra padding */
.queen-feed-card .identify-tag {
    padding: 5px 12px !important;
}
/* Sima szöveg (kedvezmény + napok) tag gomb helyett */
.queen-feed-offers {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 12px;
    font-size: 14px;
    color: rgba(255,255,255,0.85);
    align-items: center;
}

/* QR logó ikon kis méretben */
.qrcode-icon {
    width: 14px;          /* kisebb ikonméret */
    height: 14px;
    object-fit: contain;
    display: inline-block;
    margin-right: 4px;
    vertical-align: -2px; /* hogy egy sorban legyen a szöveggel */
    opacity: 0.9;
}


/* Azonosítás gomb marad badge stílusban */
.queen-feed-offers .identify-tag {
    background: #0f1e35;
    color: #fff;
    padding: 6px 12px;
    border-radius: 20px;
    cursor: pointer;
    font-size: 14px;
}

/* A like + megosztás blokk továbbra is legalul */
.queen-feed-actions {
    margin-top: 10px;
    display: flex;
    gap: 10px;
    align-items: center;
}
/* --- QR ikon fixálása, hogy ne nőjön meg soha --- */
.qrcode-icon {
    width: 14px !important;
    height: 14px !important;
    max-width: 14px !important;
    max-height: 14px !important;
    display: inline-block !important;
    object-fit: contain !important;
    margin-right: 4px !important;
    vertical-align: -2px !important;
    flex-shrink: 0 !important; /* ne nyúljon meg flexben se */
}
/* Sima szöveg a kedvezményhez és napokhoz */
.offer-info {
    font-size: 14px;
    color: rgba(255,255,255,0.85);
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* QR ikon (már javítva) */
.qrcode-icon {
    width: 16px !important;
    height: 16px !important;
    max-width: 16px !important;
    max-height: 16px !important;
    display: inline-block !important;
    margin-right: 4px !important;
    vertical-align: -2px !important;
    object-fit: contain !important;
}
/* QR ikon fix méretben (min. 18px) */
.qrcode-icon{
  width:18px !important;
  height:18px !important;
  object-fit:contain !important;
  margin-right:6px !important;
  vertical-align:-3px !important;
  flex-shrink:0 !important;
}

/* Ajánlat feltételek lenyíló */
.queen-offer-conditions{
  max-width:560px;
  margin:6px auto 0;
}
.queen-offer-conditions .conditions-toggle{
  background:none;
  border:none;
  color:#9bb6ff;
  font-size:14px;
  cursor:pointer;
  padding:0;
}
.queen-offer-conditions .conditions-content{
  margin-top:6px;
  font-size:14px;
  line-height:1.5;
  color:rgba(255,255,255,0.78);
}
/* Kedvezmény / napok / feltételek – csak ha van ilyen */
.queen-feed-offers {
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    font-size: 14px;
    color: rgba(255,255,255,0.85);
    max-width: 560px;
    margin-left: auto;
    margin-right: auto;
}

/* QR ikon kicsi, fix, ne torzuljon */
.qrcode-icon {
    width: 16px;
    height: 16px;
    vertical-align: -3px;
    object-fit: contain;
    display: inline-block;
}

/* Lenyíló feltételek */
.conditions-toggle {
    background: none;
    border: none;
    color: #9bb6ff;
    cursor: pointer;
    padding: 0;
}

.conditions-content {
    width: 100%;
    margin-top: 6px;
    font-size: 14px;
    line-height: 1.5;
    color: rgba(255,255,255,0.8);
    display: none;
}
/* --- 🎯 VÉGSŐ OPLDÁS: Részletek (feltételek) lenyílás működjön MINDIG desktopon is --- */
.queen-feed-offers {
    position: relative;
    overflow: visible !important;
}

.conditions-content {
    display: none;
    width: 100%;
    margin-top: 6px;
    font-size: 14px;
    line-height: 1.5;
    color: rgba(255,255,255,0.85);
    background: transparent !important;
    overflow: visible !important;
    position: relative !important;
    z-index: 5 !important;
}

/* Ha JS megnyitja (style="display:block"), ne nyomja el semmi */
.conditions-content[style*="block"] {
    display: block !important;
}
/* === MEGOSZTÁS GOMB (💬) – BALRÓL IGAZÍTVA, BADGE STÍLUSBAN === */
.queen-feed-card .queen-copy {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    padding: 6px 12px 6px 10px !important;  /* bal oldali padding kisebb lett */
    gap: 4px !important;                    /* emoji és szöveg közti kis távolság */

    border: 1px solid rgba(255,255,255,0.15) !important;
    background: rgba(255,255,255,0.05) !important;
    border-radius: 10px !important;
    font-size: 14px !important;
    color: #e9edf3 !important;
}

/* Ha egyáltalán ne legyen rés az emoji után → add hozzá HTML-ben a no-gap class-t */
.queen-feed-card .queen-copy.no-gap {
    gap: 0 !important;
}
/* === FORCE: Megosztás gomb teljesen balra igazítva, felesleges padding nélkül === */
.queen-feed-card .queen-copy {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    padding-left: 0 !important;      /* 🚀 bal padding teljesen nullázva */
    padding-right: 10px !important;  /* maradhat jobb oldali tér */
    padding-top: 6px !important;
    padding-bottom: 6px !important;

    gap: 3px !important;             /* emoji és szöveg között minimális rés */

    border-radius: 10px !important;
    border: 1px solid rgba(255,255,255,0.15) !important;
    background: rgba(255,255,255,0.05) !important;
    color: #fff !important;
    font-size: 14px !important;
}

/* Ha azt akarod, hogy az emoji UTÁN se legyen szünet: */
.queen-feed-card .queen-copy.no-gap {
    gap: 0 !important;
}
/* === Azonosítás gomb (Identify) – ugyanolyan, mint a megosztás badge, csak kék === */
.queen-feed-card .identify-tag {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    padding-left: 0 !important;         /* balról ne legyen felesleges tér */
    padding-right: 10px !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;

    gap: 4px !important;                /* ha ikon is lesz később */
    font-size: 14px !important;
    font-family: inherit !important;
    line-height: 1.3 !important;

    background: #007ffd !important;     /* Queen Code kék */
    color: #fff !important;
    border: 1px solid rgba(255,255,255,0.15) !important;
    border-radius: 10px !important;
    cursor: pointer !important;
    text-decoration: none !important;   /* ne legyen aláhúzott link */
}

.queen-feed-card .identify-tag:hover {
    background: #005fcc !important;     /* hover – sötétebb kék */
}
/* === Azonosítás gomb – legyen pontosan akkora, mint a megosztás gomb === */
.queen-feed-card .identify-tag {
    display: inline-flex !important;
    align-items: center !important;       /* szöveg vertikálisan középen */
    justify-content: center !important;
    
    font-size: 14px !important;
    font-family: inherit !important;
    line-height: 1 !important;
    
    padding: 6px 12px !important;         /* Ugyanaz, mint a megosztás gomb */
    height: auto !important;              /* Ne nyúljon meg! */
    
    border-radius: 10px !important;
    border: 1px solid rgba(255,255,255,0.15) !important;
    
    background: #007FFD !important;       /* Queen Code kék */
    color: #fff !important;
    cursor: pointer !important;
    
    box-sizing: border-box !important;
    white-space: nowrap !important;       /* Szöveg ne törjön */
}

.queen-feed-card .identify-tag:hover {
    background: #005FCC !important;       /* Hover szín */
}
/* === Alap gomb méret (szív, megosztás, azonosítás egységes méretre) === */
.queen-feed-card .queen-copy,
.queen-feed-card .identify-tag {
    display: inline-flex !important;
    align-items: center !important;      /* függőleges közép */
    justify-content: center !important;  /* vízszintes közép */
    
    padding: 5px 12px !important;        /* kisebb, pontosabb magasság */
    height: 28px !important;             /* FIX teljes magasság – ez adja az egyezést */
    line-height: 1 !important;
    
    font-size: 14px !important;
    font-family: inherit !important;
    border-radius: 10px !important;
    
    box-sizing: border-box !important;
    white-space: nowrap !important;
}

/* 💬 Megosztás gomb – marad szürkés */
.queen-feed-card .queen-copy {
    background: rgba(255,255,255,0.05) !important;
    border: 1px solid rgba(255,255,255,0.15) !important;
    color: #e9edf3 !important;
}

/* ✅ Azonosítás gomb – ugyanez, csak kék verzió */
.queen-feed-card .identify-tag {
    background: #007FFD !important;
    border: 1px solid rgba(255,255,255,0.15) !important;
    color: #fff !important;
}
.queen-feed-card .identify-tag:hover {
    background: #005FCC !important;
}

/* 💬 Emoji + szöveg pozíciója – UI fix */
.queen-feed-card .queen-copy,
.queen-feed-card .identify-tag {
    gap: 4px !important;       /* emoji és szöveg között diszkrét rés */
}
/* === UNIFY: Azonosítás és Megosztás gombok – tökéletesen azonos méret & igazítás === */
.queen-feed-card .queen-copy,
.queen-feed-card .identify-tag {
    display: inline-flex !important;
    align-items: center !important;        /* függőleges közép */
    justify-content: center !important;    /* vízszintes közép */

    height: 28px !important;               /* minden gomb pontosan ilyen magas */
    line-height: 1 !important;             /* ne torzítson függőlegesen */
    padding: 0 12px !important;            /* függőleges padding 0, csak vízszintes marad */
    gap: 5px !important;                   /* emoji és szöveg között kicsi hely */

    font-size: 14px !important;
    font-family: inherit !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
    border-radius: 8px !important;
}

/* 💬 Megosztás gomb */
.queen-feed-card .queen-copy {
    background: rgba(255,255,255,0.05) !important;
    color: #e9edf3 !important;
    border: 1px solid rgba(255,255,255,0.15) !important;
}

/* ✅ Azonosítás (Queen Code kék) */
.queen-feed-card .identify-tag {
    background: #007FFD !important;
    color: #fff !important;
    border: 1px solid rgba(255,255,255,0.15) !important;
}

.queen-feed-card .identify-tag:hover {
    background: #005FCC !important;
}
.queen-feed-offers {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-top: 8px;
}

.queen-identify-wrapper {
    margin-top: 10px;
    display: flex;
    justify-content: flex-start; /* balra */
}

.identify-tag {
    background: #007bff;
    color: #fff;
    border: none;
    border-radius: 6px;
    padding: 6px 14px;
    cursor: pointer;
    font-size: 14px;
    line-height: 1;
}
/* Kedvezmények, napok, részletek -- balra zárt oszlop */
.queen-feed-offers {
    display: flex;
    flex-direction: column;
    align-items: flex-start; /* <<< EZ A BALRA ZÁRÁS */
    gap: 6px;
    margin-top: 10px;
}

/* Azonosítás gomb külön sorban, balra igazítva */
.queen-identify-wrapper {
    margin-top: 10px;
    display: flex;
    justify-content: flex-start; /* <<< BALRA TESZI */
}
.queen-identify-wrapper {
    justify-content: flex-start !important;
}

.queen-feed-offers {
    align-items: flex-start !important;
}
/* Kedvezmények, napok, feltételek – egymás alatt, minimális távolság */
.queen-feed-offers {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px !important;      /* 2 km helyett 2px 😅 */
    margin-top: 6px;
}

/* Lenyíló rész (ha van) ne tolja el feleslegesen */
.queen-feed-offers .conditions-content {
    margin-top: 4px;
}

/* Azonosítás gomb – méret helyreállítva, szöveg középre igazítva */
.queen-identify-wrapper {
    display: flex;
    justify-content: flex-start;
    margin-top: 8px;
}

.identify-tag {
    padding: 6px 14px;          /* ne legyen se túl kicsi, se túl nagy */
    font-size: 14px;
    line-height: 1.2;           /* szöveg ne csússzon le */
    display: inline-flex;
    align-items: center;        /* szöveg VÁZ középre */
    justify-content: center;
    border-radius: 8px;
    background-color: #007bff;  /* Queen Code kék */
    color: #fff;
    border: none;
    cursor: pointer;
}
/* ✅ KEDVEZMÉNY / NAPOK / RÉSZLETEK – EGYNYES SOR, KIS TÁVOLSÁGGAL */
.queen-feed-offers {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 3px !important;
    margin-top: 4px !important;
}

/* ✅ RÉSZLETEK LENYÍLÓ TARTALOM NE TOLJA EL FÖLGÖMBÉR */
.queen-feed-offers .conditions-content {
    margin-top: 4px !important;
}

/* ✅ AZONOSÍTÁS GOMB – NORMÁL MÉRET, KÖZÉPRE IGAZÍTOTT SZÖVEG */
.queen-identify-wrapper {
    display: flex !important;
    justify-content: flex-start !important;
    margin-top: 6px !important;
}

.identify-tag {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 6px 14px !important;
    height: 30px !important;
    line-height: 1 !important;

    font-size: 14px !important;
    font-family: inherit !important;
    color: #fff !important;

    background: #007bff !important; /* Queen Code kék */
    border: none !important;
    border-radius: 6px !important;
    cursor: pointer !important;
}
/* ✅ EGYSZERŰ ÉS TISZTA: KEDVEZMÉNY + NAPOK + RÉSZLETEK + AZONOSÍTÁS GOMB */
/* ————————————————————————————————— */

/* A teljes blokk balra zárt, egymás alatt kis távolsággal */
.queen-feed-offers {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 4px !important;
    margin-top: 8px !important;
}

/* QR + kedvezmény szöveg (pl. 20%) */
.offer-info {
    font-size: 14px;
    color: rgba(255,255,255,0.85);
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 0;
    padding: 0;
}

/* Részletek lenyíló tartalom */
.conditions-toggle {
    font-size: 14px;
    color: #9bb6ff;
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
}

.conditions-content {
    display: none;
    font-size: 14px;
    color: rgba(255,255,255,0.8);
    margin-top: 4px;
}

/* Azonosítás gomb külön sorban, balra igazítva */
.queen-identify-wrapper {
    margin-top: 10px;
    display: flex !important;
    justify-content: flex-start !important;
}

/* Azonosítás gomb – pontos méret, középen lévő szöveg */
.identify-tag {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 6px 14px !important;
    height: 30px !important;
    font-size: 14px !important;
    line-height: 1 !important;
    font-family: inherit !important;
    color: #fff !important;
    background: #007bff !important; /* Queen Code kék */
    border: none !important;
    border-radius: 6px !important;
    cursor: pointer !important;
}
.identify-tag:hover {
    background: #005fcc !important;
}
/* -------------------------------------------------
   Földgömb ikon és hely előtti térköz teljes eltávolítása
-------------------------------------------------- */
.queen-feed-location {
  position: static !important;
  padding-left: 0 !important;
}

.queen-feed-location::before {
  content: none !important;
  display: none !important;
}
/* --- Komment blokk (feed stílus, világos szöveggel) --- */
.queen-feed-comment {
    margin-top: 8px;
    padding: 0;
    font-size: 14px;
    line-height: 1.5;
    color: #f9fafb;          /* világos szöveg */
    text-align: left;
}

/* @queencode */
.queen-comment-user {
    font-weight: 600;
    color: #007ffd;          /* Queen Code kék */
    display: inline-block;
    margin-bottom: 2px;
}

/* Azonosítás gomb */
.queen-comment-btn {
    display: inline-block;
    margin-top: 6px;
    background: #2563eb;
    color: #fff;
    border: none;
    border-radius: 999px;
    padding: 5px 14px;
    font-size: 13px;
    cursor: pointer;
    transition: background 0.2s ease;
    text-align: left;
}

.queen-comment-btn:hover {
    background: #1d4ed8;
}
/* --- Komment blokk (modern, halvány árnyalat) --- */
.queen-feed-comment {
    margin-top: 8px;
    padding: 0;
    font-size: 14px;
    line-height: 1.6;
    color: rgba(255,255,255,0.88);  /* enyhén tört fehér, modernebb tónus */
    text-align: left;
    font-family: "Albert Sans", sans-serif;
}

/* @queencode */
.queen-comment-user {
    font-weight: 600;
    color: #007ffd; /* egységes Queen Code kék */
    display: inline-block;
    margin-bottom: 2px;
}

/* --- Azonosítás gomb (ugyanaz, mint a shortcode-on) --- */
.qcode-use-card-box {
    display: flex;
    justify-content: flex-start; /* balra igazítva a feeden */
}

.qcode-use-card-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 18px;
    font-size: 14px;
    font-weight: 400;
    font-family: "Albert Sans", sans-serif;
    background-color: #007ffd;
    color: #fff;
    border: none;
    border-radius: 50px;
    cursor: pointer;
    margin-top: 10px;
    line-height: normal;
    box-sizing: border-box;
    box-shadow: 0 4px 10px rgba(0,0,0,0.25);
    transition: background 0.3s;
    text-decoration: none;
}

.qcode-use-card-btn:hover {
    background-color: #333;
    color: #fff;
}
/* --- Feed-komment Azonosítás gomb (modern, szögletes, középen) --- */
.queen-comment-btn {
    display: flex;
    align-items: center;          /* szöveg függőleges közép */
    justify-content: center;
    height: 30px;                 /* 🔹 kisebb gombmagasság */
    padding: 0 12px;              /* 🔹 kompakt belső margó */
    font-size: 13px;
    font-weight: 500;
    font-family: "Albert Sans", sans-serif;
    background-color: #007ffd;
    color: #fff;
    border: none;
    border-radius: 8px;           /* kicsit szögletesebb */
    cursor: pointer;
    line-height: 1;               /* baseline pontos közép */
    box-sizing: border-box;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
    transition: all 0.2s ease;
    margin-top: 6px;
    text-decoration: none;
}

.queen-comment-btn:hover {
    background-color: #005be7;
    transform: translateY(-1px);
}

/* --- Komment szöveg --- */
.queen-feed-comment {
    color: rgba(255, 255, 255, 0.9);
    font-family: "Albert Sans", sans-serif;
    text-align: left;
    line-height: 1.6;
    font-size: 14px;
}

/* @queencode */
.queen-comment-user {
    font-weight: 600;
    color: #007ffd;
    display: inline-block;
    margin-bottom: 2px;
}
line-height: normal !important;

/* 🎯 Queen Feed – kártyák végleges szélessége */

.queen-feed-container {
  display: grid !important;
  grid-template-columns: minmax(0, 560px) !important; /* max 560px széles oszlop */
  justify-content: center !important;                 /* középre a komplett oszlop */
  gap: 18px !important;
  margin: 18px auto !important;
}

.queen-feed-card {
  width: 100% !important;      /* kitölti a 560px-es oszlopot */
  max-width: 560px !important; /* biztos ami biztos */
  margin: 0 auto !important;
  box-sizing: border-box;
}

.queen-feed-comment {
  max-width: 560px !important;
  margin: 8px auto 0 !important;
  text-align: left;
  box-sizing: border-box;
}
/* -------------------------------------------------
 * FINAL FIX: lock feed UI font (no inheritance)
 * ------------------------------------------------- */

.queen-feed-container {
  font-family: ui-sans-serif, system-ui, -apple-system,
               BlinkMacSystemFont, "Segoe UI",
               Roboto, Helvetica, Arial, sans-serif;
  font-weight: 400;
}