/* ============================================================
   MAKARSKA GASTRO — FEED7.CSS
   Design Upgrade 2026 · Alle Klassen 100% erhalten
   Mediterrane Palette · Owner Posts + AI Preporuke oben
   Mobile-first · Kein JS geändert · Keine Funktionen entfernt
   ============================================================ */

/* ── DESIGN TOKENS (gleiche Basis wie start.css) ─────────── */
:root {
    --feed-tc:        #C5603A;
    --feed-tc-l:      #E8896A;
    --feed-tc-p:      #F5D8CC;
    --feed-olive:     #5C6B3A;
    --feed-sea:       #2C6E82;
    --feed-yellow:    #E7A800;
    --feed-sand:      #F5EDD8;
    --feed-sand-d:    #E8D9BE;
    --feed-cream:     #FDFAF4;
    --feed-bg:        #F2EDE4;
    --feed-text:      #3A3026;
    --feed-muted:     #7A6E62;
    --feed-white:     #FFFFFF;
    --feed-border:    rgba(232,217,190,.55);
    --feed-sh-sm:     0 2px 8px  rgba(30,26,20,.07);
    --feed-sh-md:     0 4px 16px rgba(30,26,20,.10);
    --feed-sh-lg:     0 8px 32px rgba(30,26,20,.13);
    --feed-r-sm:  8px;
    --feed-r-md:  12px;
    --feed-r-lg:  16px;
    --feed-r-xl:  24px;
}

/* ═══════════════════════════════════════════════════════════
   FEED WRAPPER / LAYOUT
   ═══════════════════════════════════════════════════════════ */

/* standalone mode outer wrapper */
div[style*="max-width:1200px"][style*="padding:24px 16px 100px"] {
    background: var(--feed-bg) !important;
    max-width: 900px !important;
    margin: 0 auto !important;
    padding: 20px 16px 110px !important;
}

/* include mode inner wrapper */
#feed-content-inner {
    max-width: 100% !important;
    padding: 0 6px !important;
}

/* ═══════════════════════════════════════════════════════════
   FEED HEADER TITLE + CREATE BUTTON
   ═══════════════════════════════════════════════════════════ */
h1[style*="font-size:24px"][style*="font-weight:900"] {
    font-family: 'Playfair Display', 'Georgia', serif !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    color: var(--feed-text) !important;
    letter-spacing: -.3px !important;
}

/* Login / Create post button */
a[style*="background:#e74c3c"][style*="border-radius:50px"][style*="font-weight:900"],
a[href*="create_post.php"][style*="background:#e74c3c"] {
    background: linear-gradient(135deg, var(--feed-tc), #A04828) !important;
    border-radius: 100px !important;
    box-shadow: 0 4px 14px rgba(197,96,58,.35) !important;
    font-weight: 800 !important;
    letter-spacing: .2px !important;
    padding: 11px 22px !important;
    transition: all .2s !important;
}

/* Fake post box (dashed border) */
a[style*="border:2px dashed"] {
    background: var(--feed-white) !important;
    border: 2px dashed var(--feed-sand-d) !important;
    border-radius: var(--feed-r-lg) !important;
    box-shadow: var(--feed-sh-sm) !important;
    transition: border-color .2s !important;
}
a[style*="border:2px dashed"]:hover {
    border-color: var(--feed-tc) !important;
}

/* camera icon in fake post box */
a[style*="border:2px dashed"] > div:last-child {
    background: var(--feed-tc) !important;
}

/* ═══════════════════════════════════════════════════════════
   QUICK SEARCH BAR
   ═══════════════════════════════════════════════════════════ */
div[style*="background:#fff"][style*="border-radius:14px"][style*="padding:13px 15px"] {
    background: var(--feed-white) !important;
    border-radius: var(--feed-r-lg) !important;
    padding: 13px 15px !important;
    box-shadow: var(--feed-sh-sm) !important;
    border: 1px solid var(--feed-border) !important;
    margin-bottom: 14px !important;
}

/* quick search chip links */
a[style*="background:#f8f9fa"][style*="border-radius:50px"] {
    background: var(--feed-sand) !important;
    border: 1.5px solid var(--feed-sand-d) !important;
    color: var(--feed-text) !important;
    border-radius: 100px !important;
    font-weight: 700 !important;
    transition: all .15s !important;
}
a[style*="background:#f8f9fa"][style*="border-radius:50px"]:hover {
    background: var(--feed-tc-p) !important;
    border-color: var(--feed-tc) !important;
    color: var(--feed-tc) !important;
}

/* ═══════════════════════════════════════════════════════════
   FEED SIGNALS SLIDERS (Trending, Novo, Cheap, BestVal, Grad)
   ═══════════════════════════════════════════════════════════ */

/* Signal container */
div[style*="background:#fff"][style*="border-radius:18px"][style*="overflow:hidden"] {
    border-radius: var(--feed-r-lg) !important;
    border: 1px solid var(--feed-border) !important;
    box-shadow: var(--feed-sh-sm) !important;
    margin-bottom: 14px !important;
}

/* TRENDING header */
div[style*="background:linear-gradient(135deg,#c0392b,#e74c3c)"] {
    background: linear-gradient(135deg, #A04828, var(--feed-tc)) !important;
    padding: 11px 14px !important;
}

/* NOVO header */
div[style*="background:linear-gradient(135deg,#27ae60,#2ecc71)"] {
    background: linear-gradient(135deg, #20904F, #27ae60) !important;
    padding: 11px 14px !important;
}

/* CHEAPEST header */
div[style*="background:linear-gradient(135deg,#1abc9c,#16a085)"] {
    background: linear-gradient(135deg, var(--feed-sea), #4A9BB5) !important;
    padding: 11px 14px !important;
}

/* BEST VALUE header */
div[style*="background:linear-gradient(135deg,#9b59b6,#8e44ad)"] {
    background: linear-gradient(135deg, #7D3C98, #9b59b6) !important;
    padding: 11px 14px !important;
}

/* GRAD header green */
div[style*="background:linear-gradient(135deg,#27ae60,#2ecc71)"] + div {
    overflow: hidden !important;
}

/* Signal slide items */
.feed-slide-item {
    border-right: 1px solid var(--feed-sand) !important;
    padding: 12px 10px !important;
    text-align: center !important;
    transition: background .15s !important;
}
.feed-slide-item:hover {
    background: var(--feed-sand) !important;
}

/* Slider dot row */
div[id$="_dots"] {
    display: flex !important;
    justify-content: center !important;
    gap: 5px !important;
    padding: 6px 0 10px !important;
}
div[id$="_dots"] span {
    width: 6px !important;
    height: 6px !important;
    border-radius: 50% !important;
    cursor: pointer !important;
    transition: background .2s !important;
}

/* slider arrow buttons (white on colored bg) */
button[style*="background:rgba(255,255,255,0.25)"] {
    width: 24px !important; height: 24px !important;
    border-radius: 50% !important;
    background: rgba(255,255,255,.25) !important;
    border: none !important;
    color: white !important;
    cursor: pointer !important;
    font-size: 13px !important;
    display: flex !important; align-items: center !important; justify-content: center !important;
    transition: background .15s !important;
}
button[style*="background:rgba(255,255,255,0.25)"]:hover {
    background: rgba(255,255,255,.45) !important;
}

/* RANDOM DISCOVERY card */
div[style*="background:linear-gradient(135deg,#fdf6e3,#fef9f0)"] {
    background: linear-gradient(135deg, #FDF6E3, #FEF9F0) !important;
    border: 1.5px solid #fde8c8 !important;
    border-radius: var(--feed-r-lg) !important;
    box-shadow: var(--feed-sh-sm) !important;
    margin-bottom: 14px !important;
}

/* JELO DANAS – live signal dark block */
div[style*="background:linear-gradient(135deg,#1A1A2E"] {
    border-radius: var(--feed-r-lg) !important;
    box-shadow: var(--feed-sh-md) !important;
    margin-bottom: 14px !important;
}

/* ═══════════════════════════════════════════════════════════
   DANAS POSEBNO PREPORUČUJEMO — Horizontal restaurant slider
   ═══════════════════════════════════════════════════════════ */
div[style*="margin-bottom:20px;background:#fff;border-radius:18px"] {
    background: var(--feed-white) !important;
    border-radius: var(--feed-r-lg) !important;
    border: 1px solid var(--feed-border) !important;
    box-shadow: var(--feed-sh-sm) !important;
    margin-bottom: 14px !important;
}

/* inner restaurant slide cards */
div[id="slider_top_track"] > div {
    border-right: 1px solid var(--feed-sand) !important;
    transition: background .15s !important;
}
div[id="slider_top_track"] > div:hover {
    background: var(--feed-sand) !important;
}

/* restaurant item image container */
div[id="slider_top_track"] > div > a > div:first-child {
    border-radius: 10px !important;
    overflow: hidden !important;
}

/* "Jelovnik →" button */
span[style*="background:#e74c3c"][style*="border-radius:50px"] {
    background: linear-gradient(135deg, var(--feed-yellow), #ffcc00) !important;
    color: var(--feed-text) !important;
    border-radius: 100px !important;
    font-weight: 800 !important;
    padding: 5px 11px !important;
    font-size: 10px !important;
    box-shadow: 0 2px 6px rgba(231,168,0,.3) !important;
}

/* Season badge green */
span[style*="background:#27ae60"] {
    background: var(--feed-olive) !important;
    border-radius: 8px !important;
    font-weight: 800 !important;
}
/* Season badge orange */
span[style*="background:#f39c12"][style*="color:#fff"][style*="font-size:9px"] {
    background: #C88A00 !important;
    border-radius: 8px !important;
}

/* ═══════════════════════════════════════════════════════════
   RUCAK PREPORUKA CARDS
   ═══════════════════════════════════════════════════════════ */
.rucak-grid {
    display: flex !important;
    gap: 10px !important;
    overflow-x: auto !important;
    padding: 12px 16px 14px !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
}
.rucak-grid::-webkit-scrollbar { display: none !important; }

.rucak-card {
    flex-shrink: 0 !important;
    width: 145px !important;
    background: var(--feed-white) !important;
    border-radius: var(--feed-r-md) !important;
    overflow: hidden !important;
    text-decoration: none !important;
    color: var(--feed-text) !important;
    border: 1.5px solid var(--feed-border) !important;
    box-shadow: var(--feed-sh-sm) !important;
    transition: all .18s !important;
}
.rucak-card:hover {
    border-color: var(--feed-tc) !important;
    box-shadow: 0 6px 18px rgba(197,96,58,.18) !important;
    transform: translateY(-3px) !important;
}
.rucak-img {
    width: 100% !important;
    height: 90px !important;
    object-fit: cover !important;
    background: var(--feed-sand) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 30px !important;
}
.rucak-body { padding: 8px 10px 10px !important; }
.rucak-cuisine {
    font-size: 9px !important;
    font-weight: 800 !important;
    color: var(--feed-tc) !important;
    text-transform: uppercase !important;
    letter-spacing: .5px !important;
    margin-bottom: 3px !important;
}
.rucak-name {
    font-size: 12px !important;
    font-weight: 800 !important;
    color: var(--feed-text) !important;
    line-height: 1.3 !important;
}
.rucak-rating {
    font-size: 10px !important;
    color: var(--feed-yellow) !important;
    margin-top: 3px !important;
}

/* Rucak container */
div[style*="border-left:4px solid #e74c3c"] {
    border-left: 4px solid var(--feed-tc) !important;
    background: var(--feed-white) !important;
    border-radius: var(--feed-r-lg) !important;
    box-shadow: var(--feed-sh-sm) !important;
    border-top: 1px solid var(--feed-border) !important;
    border-right: 1px solid var(--feed-border) !important;
    border-bottom: 1px solid var(--feed-border) !important;
    padding: 16px 0 12px !important;
    margin-bottom: 14px !important;
}

/* ═══════════════════════════════════════════════════════════
   JELO DANA — Dish of day scroll
   ═══════════════════════════════════════════════════════════ */
.dish-of-day-grid {
    display: flex !important;
    gap: 10px !important;
    overflow-x: auto !important;
    padding: 10px 16px 12px !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
}
.dish-of-day-grid::-webkit-scrollbar { display: none !important; }

.dish-of-day-card {
    flex-shrink: 0 !important;
    width: 135px !important;
    background: var(--feed-white) !important;
    border-radius: var(--feed-r-md) !important;
    overflow: hidden !important;
    text-decoration: none !important;
    color: var(--feed-text) !important;
    border: 1.5px solid var(--feed-border) !important;
    box-shadow: var(--feed-sh-sm) !important;
    transition: all .2s !important;
}
.dish-of-day-card:hover {
    border-color: var(--feed-tc) !important;
    transform: translateY(-3px) !important;
    box-shadow: var(--feed-sh-md) !important;
}
.dish-of-day-img {
    width: 100% !important;
    height: 80px !important;
    background: var(--feed-sand) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 26px !important;
}
.dish-of-day-body { padding: 8px 9px !important; }
.dish-of-day-name {
    font-size: 12px !important;
    font-weight: 800 !important;
    color: var(--feed-text) !important;
    margin-bottom: 3px !important;
    line-height: 1.3 !important;
}
.dish-of-day-place {
    font-size: 10px !important;
    color: var(--feed-tc) !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* Jelo dana section container */
div[style*="border-left:4px solid #f39c12"] {
    border-left: 4px solid var(--feed-yellow) !important;
    background: var(--feed-white) !important;
    border-radius: var(--feed-r-lg) !important;
    box-shadow: var(--feed-sh-sm) !important;
    border-top: 1px solid var(--feed-border) !important;
    border-right: 1px solid var(--feed-border) !important;
    border-bottom: 1px solid var(--feed-border) !important;
    padding: 16px 0 12px !important;
    margin-bottom: 14px !important;
}
div[style*="border-left:4px solid #f39c12"] h2 {
    padding: 0 16px !important;
    font-family: 'Playfair Display', 'Georgia', serif !important;
}

/* ═══════════════════════════════════════════════════════════
   ACE AI SLIDER — Owner AI Posts
   ═══════════════════════════════════════════════════════════ */

/* ACE wrapper card */
.ace-card {
    position: relative !important;
    overflow: hidden !important;
    background: var(--feed-white) !important;
    border-radius: var(--feed-r-md) !important;
    padding: 16px 18px !important;
    margin-bottom: 0 !important;
    box-shadow: none !important;
}
.ace-card::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important; right: 0 !important;
    width: 90px !important; height: 90px !important;
    background: radial-gradient(circle at top right, rgba(197,96,58,.06), transparent 70%) !important;
    pointer-events: none !important;
}

/* ACE slider outer box */
div[style*="background:#fff;border-radius:18px;box-shadow:0 2px 14px"] {
    background: var(--feed-white) !important;
    border-radius: var(--feed-r-lg) !important;
    border: 1px solid var(--feed-border) !important;
    box-shadow: var(--feed-sh-md) !important;
    margin-bottom: 14px !important;
    overflow: hidden !important;
}

/* ACE header bar */
div[style*="padding:14px 18px 10px;border-bottom:1px solid #f5f5f5"] {
    padding: 13px 18px 10px !important;
    border-bottom: 1px solid var(--feed-sand) !important;
    background: var(--feed-white) !important;
}

/* ACE badge pill */
span[style*="font-size:11px;padding:2px 9px;border-radius:20px;color:#fff"] {
    font-size: 10px !important;
    padding: 2px 9px !important;
    border-radius: 20px !important;
    color: white !important;
    font-weight: 700 !important;
}

/* ACE place link card */
a[style*="display:flex;align-items:center;gap:8px;padding:10px 12px;background:#f8f9fa;border-radius:10px"] {
    background: var(--feed-sand) !important;
    border-radius: var(--feed-r-sm) !important;
    border: 1.5px solid var(--feed-sand-d) !important;
    text-decoration: none !important;
    transition: border-color .15s !important;
}
a[style*="display:flex;align-items:center;gap:8px;padding:10px 12px;background:#f8f9fa;border-radius:10px"]:hover {
    border-color: var(--feed-tc) !important;
}

/* ACE coffee price pills */
span[style*="background:#f8f9fa;border-radius:30px;padding:4px 12px"] {
    background: var(--feed-sand) !important;
    border-radius: 30px !important;
    border: 1px solid var(--feed-sand-d) !important;
    padding: 4px 12px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
}

/* ACE heat bar track */
div[style*="height:6px;background:#f1f2f6;border-radius:3px;overflow:hidden"] {
    background: var(--feed-sand) !important;
    border-radius: 3px !important;
    overflow: hidden !important;
}

/* ACE dots */
#ace_dots {
    padding: 8px 0 12px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 6px !important;
}
#ace_dots span {
    width: 7px !important;
    height: 7px !important;
    border-radius: 50% !important;
    cursor: pointer !important;
    transition: all .2s !important;
    display: inline-block !important;
}

/* ACE nav arrows (styled like section arrows) */
button[onclick="aceSlide(-1)"],
button[onclick="aceSlide(1)"] {
    width: 28px !important; height: 28px !important;
    border-radius: 50% !important;
    border: 2px solid var(--feed-sand-d) !important;
    background: var(--feed-white) !important;
    cursor: pointer !important;
    font-size: 13px !important;
    color: var(--feed-muted) !important;
    display: flex !important; align-items: center !important; justify-content: center !important;
    transition: all .15s !important;
}
button[onclick="aceSlide(-1)"]:hover,
button[onclick="aceSlide(1)"]:hover {
    border-color: var(--feed-tc) !important;
    color: var(--feed-tc) !important;
}

/* ═══════════════════════════════════════════════════════════
   POLL PLACES SLIDER
   ═══════════════════════════════════════════════════════════ */
.poll-bar-bg {
    height: 30px !important;
    background: var(--feed-sand) !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    position: relative !important;
    cursor: pointer !important;
    border: 2px solid transparent !important;
    transition: border-color .2s !important;
}
.poll-bar-bg:hover { border-color: var(--feed-tc) !important; }
.poll-bar-bg.voted { border-color: var(--feed-tc) !important; }
.poll-bar-fill {
    height: 100% !important;
    border-radius: 6px !important;
    transition: width .6s cubic-bezier(.4,0,.2,1) !important;
    min-width: 4px !important;
}
.poll-bar-label {
    position: absolute !important;
    left: 10px !important; top: 50% !important;
    transform: translateY(-50%) !important;
    font-size: 12px !important; font-weight: 700 !important;
    color: var(--feed-text) !important; pointer-events: none !important;
}
.poll-bar-pct {
    position: absolute !important;
    right: 10px !important; top: 50% !important;
    transform: translateY(-50%) !important;
    font-size: 12px !important; font-weight: 900 !important;
    color: var(--feed-tc) !important; pointer-events: none !important;
}
.poll-bar-wrap { margin-bottom: 8px !important; }

/* ═══════════════════════════════════════════════════════════
   SOCIAL FEED GRID + CARDS
   ═══════════════════════════════════════════════════════════ */
.social-feed-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(270px, 1fr)) !important;
    gap: 16px !important;
    margin-bottom: 20px !important;
}

#feed-content-inner .social-feed-grid {
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)) !important;
}

.feed-card {
    background: var(--feed-white) !important;
    border-radius: var(--feed-r-lg) !important;
    overflow: visible !important;
    box-shadow: var(--feed-sh-sm) !important;
    border: 1px solid var(--feed-border) !important;
    transition: transform .2s, box-shadow .2s !important;
    display: flex !important;
    flex-direction: column !important;
}
.feed-card:hover {
    transform: translateY(-4px) !important;
    box-shadow: var(--feed-sh-md) !important;
}

.feed-card-img {
    width: 100% !important;
    height: 180px !important;
    object-fit: cover !important;
    border-radius: var(--feed-r-lg) var(--feed-r-lg) 0 0 !important;
    display: block !important;
}
.feed-card-img-placeholder {
    width: 100% !important;
    height: 180px !important;
    background: linear-gradient(135deg, var(--feed-sand), var(--feed-tc-p)) !important;
    border-radius: var(--feed-r-lg) var(--feed-r-lg) 0 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 48px !important;
}

.feed-card-body {
    padding: 14px !important;
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 7px !important;
}

.feed-card-place {
    font-size: 12px !important;
    font-weight: 800 !important;
    color: var(--feed-tc) !important;
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
}

.feed-card-comment {
    font-size: 13px !important;
    color: var(--feed-text) !important;
    line-height: 1.5 !important;
    flex: 1 !important;
}

.feed-card-meta {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding-top: 7px !important;
    border-top: 1px solid var(--feed-sand) !important;
}
.feed-card-stats {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 11px !important;
    color: #bbb !important;
}

/* Like button */
.card-like-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    padding: 5px 12px !important;
    border-radius: 100px !important;
    border: 1.5px solid var(--feed-sand-d) !important;
    background: var(--feed-white) !important;
    color: var(--feed-muted) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    transition: all .2s !important;
    font-family: inherit !important;
}
.card-like-btn.liked {
    border-color: var(--feed-tc) !important;
    color: var(--feed-tc) !important;
    background: var(--feed-tc-p) !important;
}

/* Reaction buttons */
button[onclick*="addReaction"] {
    padding: 4px 9px !important;
    border-radius: 100px !important;
    border: 1px solid var(--feed-sand-d) !important;
    background: var(--feed-sand) !important;
    font-size: 10px !important;
    cursor: pointer !important;
    color: var(--feed-text) !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 3px !important;
    font-family: inherit !important;
    transition: all .15s !important;
}
button[onclick*="addReaction"]:hover {
    background: var(--feed-tc-p) !important;
    border-color: var(--feed-tc) !important;
    color: var(--feed-tc) !important;
}

/* Reaction count badge */
button[onclick*="addReaction"] span {
    background: var(--feed-tc) !important;
    color: white !important;
    border-radius: 100px !important;
    padding: 0 5px !important;
    font-size: 9px !important;
    font-weight: 700 !important;
}

/* "Would return" badges */
span[style*="background:#eaffea"] {
    background: #eaffea !important;
    color: #27ae60 !important;
    border-radius: 100px !important;
    padding: 3px 9px !important;
    font-size: 10px !important;
    font-weight: 700 !important;
}
span[style*="background:#fff0f0"][style*="color:#e74c3c"] {
    background: var(--feed-tc-p) !important;
    color: var(--feed-tc) !important;
    border-radius: 100px !important;
    font-size: 10px !important;
    font-weight: 700 !important;
}

/* Verified badge */
span[style*="background:#e8f8f0"] {
    background: #e8f8f0 !important;
    color: #27ae60 !important;
    border-radius: 100px !important;
    font-size: 9px !important;
    font-weight: 700 !important;
    padding: 2px 7px !important;
}

/* "Perfect for" tags */
span[style*="background:#fff5f5"][style*="color:#e74c3c"] {
    background: var(--feed-tc-p) !important;
    color: var(--feed-tc) !important;
    border-radius: 100px !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    padding: 2px 8px !important;
}

/* Star ratings */
span[style*="color:#f39c12;font-size:14px"] {
    color: var(--feed-yellow) !important;
}

/* Ratings toggle button */
button[onclick*="toggleRatings"] {
    background: var(--feed-sand) !important;
    border: 1px dashed var(--feed-sand-d) !important;
    border-radius: var(--feed-r-sm) !important;
    color: var(--feed-muted) !important;
    font-size: 11px !important;
    cursor: pointer !important;
    font-family: inherit !important;
    width: 100% !important;
    padding: 7px !important;
    transition: background .15s !important;
}
button[onclick*="toggleRatings"]:hover { background: var(--feed-tc-p) !important; }

/* ═══════════════════════════════════════════════════════════
   FOOD FILTER BAR
   ═══════════════════════════════════════════════════════════ */
.food-filter-bar {
    display: flex !important;
    gap: 8px !important;
    overflow-x: auto !important;
    padding-bottom: 6px !important;
    margin-bottom: 16px !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
}
.food-filter-bar::-webkit-scrollbar { display: none !important; }

.food-filter-btn {
    flex-shrink: 0 !important;
    padding: 7px 15px !important;
    border-radius: 100px !important;
    border: 2px solid var(--feed-sand-d) !important;
    background: var(--feed-white) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    white-space: nowrap !important;
    color: var(--feed-muted) !important;
    font-family: inherit !important;
    transition: all .2s !important;
}
.food-filter-btn.active {
    background: var(--feed-tc) !important;
    border-color: var(--feed-tc) !important;
    color: white !important;
}
.food-filter-btn:hover {
    border-color: var(--feed-tc) !important;
    color: var(--feed-tc) !important;
}

/* ═══════════════════════════════════════════════════════════
   OWNER POSTS — Restaurant offers feed
   ═══════════════════════════════════════════════════════════ */

/* Owner section wrapper */
div[style*="margin-top:28px;background:#fff;border-radius:16px;padding:22px;box-shadow:0 2px 12px rgba(0,0,0,0.07);border-left:4px solid #f39c12"] {
    margin-top: 14px !important;
    background: var(--feed-white) !important;
    border-radius: var(--feed-r-lg) !important;
    padding: 0 !important;
    box-shadow: var(--feed-sh-md) !important;
    border-left: 4px solid var(--feed-yellow) !important;
    border-top: 1px solid var(--feed-border) !important;
    border-right: 1px solid var(--feed-border) !important;
    border-bottom: 1px solid var(--feed-border) !important;
    overflow: hidden !important;
    margin-bottom: 14px !important;
}

/* Owner section title */
div[style*="margin-top:28px;background:#fff;border-radius:16px;padding:22px;box-shadow:0 2px 12px rgba(0,0,0,0.07);border-left:4px solid #f39c12"] > h2 {
    font-family: 'Playfair Display', 'Georgia', serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: var(--feed-text) !important;
    padding: 14px 18px 10px !important;
    margin: 0 !important;
    border-bottom: 1px solid var(--feed-sand) !important;
}

/* Owner grid */
div[style*="display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px"] {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)) !important;
    gap: 14px !important;
    padding: 16px !important;
}

/* Owner card */
div[style*="background:#fffdf5;border-radius:14px;overflow:hidden;border:1.5px solid #fde8b0"] {
    background: var(--feed-cream) !important;
    border-radius: var(--feed-r-md) !important;
    overflow: hidden !important;
    border: 1.5px solid #fde8b0 !important;
    box-shadow: var(--feed-sh-sm) !important;
    transition: transform .2s, box-shadow .2s !important;
}
div[style*="background:#fffdf5;border-radius:14px;overflow:hidden;border:1.5px solid #fde8b0"]:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 8px 24px rgba(243,156,18,.18) !important;
}

/* Owner card image area */
div[style*="width:100%;height:160px;overflow:hidden;position:relative;cursor:pointer"] {
    border-radius: 0 !important;
    overflow: hidden !important;
}

/* Story indicator badge */
div[style*="position:absolute;top:8px;right:8px;background:rgba(0,0,0,0.45)"] {
    background: rgba(0,0,0,.5) !important;
    backdrop-filter: blur(4px) !important;
    border-radius: 12px !important;
    padding: 3px 9px !important;
    font-size: 9px !important;
    font-weight: 800 !important;
}

/* Owner logo overlay */
img[style*="position:absolute;bottom:8px;left:10px;width:38px"] {
    border: 2.5px solid white !important;
    box-shadow: var(--feed-sh-sm) !important;
}

/* Owner card body */
div[style*="background:#fffdf5;border-radius:14px;overflow:hidden;border:1.5px solid #fde8b0"] > div[style*="padding:14px"] {
    padding: 13px 14px 14px !important;
}

/* Restaurant name inside owner card */
div[style*="font-size:12px;font-weight:800;color:#f39c12;margin-bottom:4px"] {
    font-size: 11px !important;
    font-weight: 800 !important;
    color: var(--feed-yellow) !important;
    margin-bottom: 4px !important;
}

/* Title inside owner card */
div[style*="font-size:15px;font-weight:900;color:#222;margin-bottom:6px;line-height:1.3"] {
    font-size: 14px !important;
    font-weight: 900 !important;
    color: var(--feed-text) !important;
    margin-bottom: 7px !important;
    line-height: 1.3 !important;
}

/* Price in owner card */
span[style*="font-size:16px;font-weight:900;color:#e74c3c"] {
    font-size: 16px !important;
    font-weight: 900 !important;
    color: var(--feed-tc) !important;
}

/* Available today badge */
span[style*="background:#eaffea;color:#27ae60"][style*="border-radius:20px"] {
    background: #eaffea !important;
    color: #27ae60 !important;
    border-radius: 20px !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    padding: 3px 9px !important;
}

/* Description in owner card */
div[style*="font-size:13px;color:#666;margin-bottom:10px;line-height:1.4"] {
    font-size: 12px !important;
    color: var(--feed-muted) !important;
    margin-bottom: 9px !important;
    line-height: 1.45 !important;
}

/* Owner action buttons row */
div[style*="display:flex;gap:8px;margin-top:4px"] {
    display: flex !important;
    gap: 7px !important;
    margin-top: 5px !important;
}

/* "Looks good" button */
button[onclick="ownerLike(this)"] {
    flex: 1 !important;
    padding: 8px 6px !important;
    border-radius: var(--feed-r-sm) !important;
    background: var(--feed-tc-p) !important;
    border: 1.5px solid #fce4ec !important;
    color: var(--feed-tc) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    font-family: inherit !important;
    transition: all .2s !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
}
button[onclick="ownerLike(this)"]:hover {
    background: var(--feed-tc) !important;
    color: white !important;
    border-color: var(--feed-tc) !important;
}

/* Compare prices link in owner card */
a[href*="price-search.php"][style*="flex:1;padding:9px 6px;border-radius:10px;background:#f0f4ff"] {
    flex: 1 !important;
    padding: 8px 6px !important;
    border-radius: var(--feed-r-sm) !important;
    background: #EEF4FF !important;
    border: 1.5px solid #d6eaf8 !important;
    color: var(--feed-sea) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    transition: all .15s !important;
}
a[href*="price-search.php"][style*="flex:1;padding:9px 6px;border-radius:10px;background:#f0f4ff"]:hover {
    background: var(--feed-sea) !important;
    color: white !important;
}

/* ═══════════════════════════════════════════════════════════
   SHARE BUTTONS (WhatsApp, Facebook, Link) — Global
   ═══════════════════════════════════════════════════════════ */
a[href*="wa.me"] {
    background: #25D366 !important;
    color: white !important;
    border-radius: 100px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    transition: opacity .15s !important;
}
a[href*="wa.me"]:hover { opacity: .85 !important; }

a[href*="facebook.com/sharer"] {
    background: #1877F2 !important;
    color: white !important;
    border-radius: 100px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    transition: opacity .15s !important;
}
a[href*="facebook.com/sharer"]:hover { opacity: .85 !important; }

button[onclick*="copyShareLink"] {
    background: var(--feed-sand) !important;
    color: var(--feed-muted) !important;
    border-radius: 100px !important;
    border: none !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    font-family: inherit !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    transition: background .15s !important;
}
button[onclick*="copyShareLink"]:hover { background: var(--feed-sand-d) !important; }

/* ═══════════════════════════════════════════════════════════
   OWNER CTA — Restaurant registration widget
   ═══════════════════════════════════════════════════════════ */
div[style*="background:linear-gradient(135deg,#fff9f0,#fff)"][style*="border:2px dashed #f39c12"] {
    background: linear-gradient(135deg, var(--feed-cream), var(--feed-white)) !important;
    border-radius: var(--feed-r-lg) !important;
    padding: 18px 20px !important;
    border: 2px dashed var(--feed-yellow) !important;
    box-shadow: var(--feed-sh-sm) !important;
    margin-bottom: 14px !important;
}

/* Owner CTA register button */
a[href="owner_register.php"] {
    background: linear-gradient(135deg, var(--feed-yellow), #ffcc00) !important;
    color: var(--feed-text) !important;
    border-radius: 100px !important;
    font-weight: 800 !important;
    box-shadow: 0 3px 10px rgba(231,168,0,.3) !important;
    text-decoration: none !important;
    transition: all .2s !important;
}
a[href="owner_register.php"]:hover { opacity: .88 !important; transform: translateY(-1px) !important; }

/* Owner CTA login button */
a[href="owner_post.php"] {
    background: var(--feed-white) !important;
    color: var(--feed-yellow) !important;
    border: 2px solid var(--feed-yellow) !important;
    border-radius: 100px !important;
    font-weight: 800 !important;
    text-decoration: none !important;
    transition: all .2s !important;
}
a[href="owner_post.php"]:hover { background: var(--feed-yellow) !important; color: var(--feed-text) !important; }

/* ═══════════════════════════════════════════════════════════
   PRICE FINDS + AUTO FINDS + LIKED DISHES activity rows
   ═══════════════════════════════════════════════════════════ */

/* Liked dish row */
div[style*="background:#fff5f5;border-radius:10px;border-left:3px solid #e74c3c"] {
    background: var(--feed-tc-p) !important;
    border-radius: var(--feed-r-sm) !important;
    border-left: 3px solid var(--feed-tc) !important;
    padding: 9px 12px !important;
}

/* Price find row */
div[style*="background:#f0fff4;border-radius:10px;border-left:3px solid #27ae60"] {
    background: #f0fff4 !important;
    border-radius: var(--feed-r-sm) !important;
    border-left: 3px solid #27ae60 !important;
    padding: 9px 12px !important;
}

/* Auto find row */
div[style*="background:#fffbf0;border-radius:10px;border-left:3px solid #f39c12"] {
    background: #FFFBF0 !important;
    border-radius: var(--feed-r-sm) !important;
    border-left: 3px solid var(--feed-yellow) !important;
    padding: 10px 13px !important;
}

/* Avatar circles */
div[style*="width:32px;height:32px;border-radius:50%;background:#27ae60"] {
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-weight: 700 !important;
    flex-shrink: 0 !important;
}

/* ═══════════════════════════════════════════════════════════
   WEEKLY DIGEST GRID
   ═══════════════════════════════════════════════════════════ */
.digest-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
    padding: 14px 16px !important;
}

/* Digest item boxes (they're inline styled divs with white bg) */
div[style*="background:#fff;border-radius:12px"][style*="border:1.5px solid #f0f0f0"] {
    background: var(--feed-sand) !important;
    border-radius: var(--feed-r-sm) !important;
    border: 1px solid var(--feed-sand-d) !important;
    padding: 11px 12px !important;
}

/* ═══════════════════════════════════════════════════════════
   PRICE STATS GRID
   ═══════════════════════════════════════════════════════════ */
.price-stats-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)) !important;
    gap: 12px !important;
    padding: 14px 16px !important;
}
.price-stat-item {
    background: var(--feed-sand) !important;
    border-radius: var(--feed-r-md) !important;
    padding: 13px 12px !important;
    text-align: center !important;
    border-left: 4px solid var(--feed-sea) !important;
}
.price-stat-label {
    font-size: 12px !important;
    color: var(--feed-muted) !important;
    margin-bottom: 5px !important;
    font-weight: 600 !important;
}
.price-stat-value {
    font-size: 22px !important;
    font-weight: 900 !important;
    color: var(--feed-sea) !important;
    line-height: 1.2 !important;
    font-family: 'Playfair Display', 'Georgia', serif !important;
}
.price-stat-value small {
    font-size: 12px !important;
    font-weight: 400 !important;
    color: var(--feed-muted) !important;
}

/* Price stats container */
div[style*="border-left:4px solid #3498db"] {
    border-left: 4px solid var(--feed-sea) !important;
    background: var(--feed-white) !important;
    border-radius: var(--feed-r-lg) !important;
    box-shadow: var(--feed-sh-sm) !important;
    border-top: 1px solid var(--feed-border) !important;
    border-right: 1px solid var(--feed-border) !important;
    border-bottom: 1px solid var(--feed-border) !important;
    padding: 16px 0 14px !important;
    margin-bottom: 14px !important;
}
div[style*="border-left:4px solid #3498db"] h2 {
    padding: 0 16px !important;
    font-family: 'Playfair Display', 'Georgia', serif !important;
}

/* ═══════════════════════════════════════════════════════════
   TOP DISHES / OMILJENA JELA / TOPDISH GRID
   ═══════════════════════════════════════════════════════════ */
.omiljena-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)) !important;
    gap: 10px !important;
    padding: 14px 16px !important;
}
.omiljena-item {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 5px !important;
    padding: 12px 8px !important;
    background: var(--feed-white) !important;
    border-radius: var(--feed-r-md) !important;
    border: 1.5px solid var(--feed-tc-p) !important;
    text-decoration: none !important;
    color: var(--feed-text) !important;
    transition: all .18s !important;
    text-align: center !important;
}
.omiljena-item:hover {
    border-color: var(--feed-tc) !important;
    box-shadow: 0 4px 14px rgba(197,96,58,.15) !important;
    transform: translateY(-2px) !important;
}
.omiljena-icon { font-size: 22px !important; }
.omiljena-name {
    font-size: 11px !important;
    font-weight: 700 !important;
    color: var(--feed-text) !important;
    line-height: 1.3 !important;
    word-break: break-word !important;
}
.omiljena-place {
    font-size: 10px !important;
    color: var(--feed-tc) !important;
    font-weight: 600 !important;
}

/* Omiljena Jela container */
div[style*="border-left:4px solid #e74c3c"][style*="margin-top:36px"] {
    border-left: 4px solid var(--feed-tc) !important;
    background: var(--feed-white) !important;
    border-radius: var(--feed-r-lg) !important;
    box-shadow: var(--feed-sh-sm) !important;
    border-top: 1px solid var(--feed-border) !important;
    border-right: 1px solid var(--feed-border) !important;
    border-bottom: 1px solid var(--feed-border) !important;
    padding: 16px 0 14px !important;
    margin-top: 14px !important;
    margin-bottom: 14px !important;
}
div[style*="border-left:4px solid #e74c3c"][style*="margin-top:36px"] h2 {
    padding: 0 16px !important;
    font-family: 'Playfair Display', 'Georgia', serif !important;
}

/* Topdish grid */
.topdish-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)) !important;
    gap: 10px !important;
    padding: 12px 16px !important;
}
.topdish-item {
    display: flex !important;
    flex-direction: column !important;
    padding: 11px 12px !important;
    background: var(--feed-white) !important;
    border-radius: var(--feed-r-md) !important;
    border: 1.5px solid var(--feed-border) !important;
    text-decoration: none !important;
    color: var(--feed-text) !important;
    transition: all .18s !important;
}
.topdish-item:hover {
    border-color: var(--feed-tc) !important;
    box-shadow: 0 4px 12px rgba(197,96,58,.15) !important;
    transform: translateY(-2px) !important;
}
.topdish-name {
    font-weight: 800 !important;
    font-size: 13px !important;
    color: var(--feed-text) !important;
    margin-bottom: 4px !important;
}
.topdish-place {
    font-size: 11px !important;
    color: var(--feed-tc) !important;
    font-weight: 600 !important;
    margin-bottom: 7px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}
.topdish-likes {
    font-size: 11px !important;
    color: var(--feed-tc) !important;
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

/* ═══════════════════════════════════════════════════════════
   BLOG POSTS GRID
   ═══════════════════════════════════════════════════════════ */
.latest-blog-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)) !important;
    gap: 14px !important;
    padding: 14px 16px !important;
}
.latest-blog-card {
    background: var(--feed-white) !important;
    border-radius: var(--feed-r-md) !important;
    overflow: hidden !important;
    text-decoration: none !important;
    color: var(--feed-text) !important;
    border: 1.5px solid var(--feed-border) !important;
    box-shadow: var(--feed-sh-sm) !important;
    transition: all .2s !important;
}
.latest-blog-card:hover {
    border-color: var(--feed-tc) !important;
    transform: translateY(-3px) !important;
    box-shadow: var(--feed-sh-md) !important;
}
.latest-blog-img {
    width: 100% !important;
    height: 120px !important;
    object-fit: cover !important;
    background: var(--feed-sand) !important;
    display: block !important;
}
.latest-blog-body { padding: 12px !important; }
.latest-blog-title {
    font-size: 14px !important;
    font-weight: 800 !important;
    color: var(--feed-text) !important;
    margin-bottom: 5px !important;
    line-height: 1.3 !important;
}
.latest-blog-desc {
    font-size: 11px !important;
    color: var(--feed-muted) !important;
    line-height: 1.4 !important;
    margin-bottom: 9px !important;
}
.latest-blog-link {
    font-size: 11px !important;
    font-weight: 700 !important;
    color: var(--feed-tc) !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 3px !important;
}

/* ═══════════════════════════════════════════════════════════
   SECTION HEADINGS (h2 inside feed blocks)
   ═══════════════════════════════════════════════════════════ */
h2[style*="font-size:17px"],
h2[style*="font-size:18px"],
h2[style*="font-size:16px"] {
    font-family: 'Playfair Display', 'Georgia', serif !important;
    color: var(--feed-text) !important;
    font-weight: 700 !important;
    letter-spacing: -.2px !important;
}

/* ═══════════════════════════════════════════════════════════
   HOW IT WORKS + LOGIN CTA SECTION
   ═══════════════════════════════════════════════════════════ */
div[style*="background:#f9f9f9"][style*="border-radius:16px"][style*="padding:22px"] {
    background: var(--feed-white) !important;
    border-radius: var(--feed-r-lg) !important;
    box-shadow: var(--feed-sh-sm) !important;
    border: 1px solid var(--feed-border) !important;
    margin-bottom: 14px !important;
}

/* How-it-works step boxes */
div[style*="background:#fff5f5;border-radius:12px"],
div[style*="background:#fff0f0;border-radius:12px"],
div[style*="background:#f0fff4;border-radius:12px"] {
    border-radius: var(--feed-r-md) !important;
}
div[style*="background:#fff5f5;border-radius:12px"] { background: var(--feed-tc-p) !important; }
div[style*="background:#fff0f0;border-radius:12px"] { background: var(--feed-sand) !important; }
div[style*="background:#f0fff4;border-radius:12px"] { background: #eaffea !important; }

/* Login / Register buttons at bottom */
a[href*="login.php"][style*="background:#e74c3c"][style*="border-radius:50px"],
a[href*="register.php"][style*="background:#fff"][style*="border:2px solid #e74c3c"] {
    border-radius: 100px !important;
    font-weight: 700 !important;
    transition: all .2s !important;
}
a[href*="login.php"][style*="background:#e74c3c"][style*="border-radius:50px"] {
    background: linear-gradient(135deg, var(--feed-tc), #A04828) !important;
    box-shadow: 0 3px 10px rgba(197,96,58,.3) !important;
}
a[href*="register.php"][style*="background:#fff"][style*="border:2px solid #e74c3c"] {
    color: var(--feed-tc) !important;
    border-color: var(--feed-tc) !important;
}

/* ═══════════════════════════════════════════════════════════
   MAP SECTION
   ═══════════════════════════════════════════════════════════ */
div[style*="margin-top:28px"][style*="border-radius:16px"][style*="overflow:hidden"] {
    border-radius: var(--feed-r-lg) !important;
    box-shadow: var(--feed-sh-md) !important;
    border: 1px solid var(--feed-border) !important;
    margin-bottom: 14px !important;
}

/* ═══════════════════════════════════════════════════════════
   ACE PRICE LINES (.ace-pline)
   ═══════════════════════════════════════════════════════════ */
.ace-pline {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 7px 0 !important;
    border-bottom: 1px solid var(--feed-sand) !important;
}
.ace-pline:last-child { border-bottom: none !important; }
.ace-picon { font-size: 15px !important; width: 22px !important; text-align: center !important; flex-shrink: 0 !important; }
.ace-plabel { flex: 1 !important; font-size: 12px !important; color: var(--feed-muted) !important; }
.ace-pval { font-weight: 700 !important; font-size: 12px !important; color: var(--feed-text) !important; }

/* ═══════════════════════════════════════════════════════════
   LATEST COMMENTS SECTION
   ═══════════════════════════════════════════════════════════ */
div[style*="margin-top:28px;background:#fff;border-radius:16px;padding:22px;box-shadow"] {
    background: var(--feed-white) !important;
    border-radius: var(--feed-r-lg) !important;
    box-shadow: var(--feed-sh-sm) !important;
    border: 1px solid var(--feed-border) !important;
    padding: 16px 18px !important;
    margin-top: 14px !important;
    margin-bottom: 14px !important;
}

/* ═══════════════════════════════════════════════════════════
   FF SEARCH RESULTS (Food Finder feed block)
   ═══════════════════════════════════════════════════════════ */
a[style*="background:#fff5f5"][style*="border-left:3px solid #e74c3c"] {
    background: var(--feed-tc-p) !important;
    border-left: 3px solid var(--feed-tc) !important;
    border-radius: var(--feed-r-sm) !important;
    text-decoration: none !important;
    color: var(--feed-text) !important;
    transition: background .15s !important;
}
a[style*="background:#fff5f5"][style*="border-left:3px solid #e74c3c"]:hover {
    background: #fce8df !important;
}

/* ═══════════════════════════════════════════════════════════
   STORY MODAL / OVERLAY (for openStory)
   ═══════════════════════════════════════════════════════════ */
div[id="story-overlay"] {
    border-radius: var(--feed-r-xl) !important;
    overflow: hidden !important;
}

/* ═══════════════════════════════════════════════════════════
   LIVE VISITOR COUNT / LV BOX
   ═══════════════════════════════════════════════════════════ */
div[id="lv-box"] {
    border-radius: var(--feed-r-lg) !important;
    box-shadow: var(--feed-sh-xl) !important;
    border: 1.5px solid rgba(255,255,255,.12) !important;
    backdrop-filter: blur(8px) !important;
}

/* ═══════════════════════════════════════════════════════════
   EMPTY STATE (no posts)
   ═══════════════════════════════════════════════════════════ */
div[style*="text-align:center;padding:50px 20px;color:#bbb"] {
    background: var(--feed-white) !important;
    border-radius: var(--feed-r-lg) !important;
    border: 2px dashed var(--feed-sand-d) !important;
    box-shadow: var(--feed-sh-sm) !important;
    padding: 48px 20px !important;
    margin-bottom: 14px !important;
}

/* ═══════════════════════════════════════════════════════════
   USER FAVORITES SECTION
   ═══════════════════════════════════════════════════════════ */
a[style*="border:2px solid #e74c3c"][style*="border-radius:50px"][style*="color:#e74c3c"] {
    border-color: var(--feed-tc) !important;
    color: var(--feed-tc) !important;
    border-radius: 100px !important;
    font-weight: 600 !important;
    transition: all .2s !important;
}
a[style*="border:2px solid #e74c3c"][style*="border-radius:50px"][style*="color:#e74c3c"]:hover {
    background: var(--feed-tc) !important;
    color: white !important;
}

/* ═══════════════════════════════════════════════════════════
   SECTION WRAPPER generic (white rounded blocks)
   ═══════════════════════════════════════════════════════════ */
div[style*="margin-top:20px;background:#fff;border-radius:16px;padding:20px;box-shadow"] {
    background: var(--feed-white) !important;
    border-radius: var(--feed-r-lg) !important;
    box-shadow: var(--feed-sh-sm) !important;
    border: 1px solid var(--feed-border) !important;
    padding: 16px 18px !important;
    margin-top: 14px !important;
    margin-bottom: 14px !important;
}

/* ═══════════════════════════════════════════════════════════
   ★★★★★ MOBILE RESPONSIVE — ALLE SEKTIONEN
   ═══════════════════════════════════════════════════════════ */
@media (max-width: 768px) {
    /* Layout */
    div[style*="max-width:1200px"][style*="padding:24px 16px 100px"] {
        padding: 12px 10px 100px !important;
    }
    #feed-content-inner { padding: 0 6px !important; }

    /* Header */
    h1[style*="font-size:24px"] { font-size: 18px !important; }
    div[style*="justify-content:space-between;flex-wrap:wrap;gap:12px;margin:0 0 18px"] {
        flex-wrap: wrap !important;
        gap: 10px !important;
    }

    /* Owner Posts — always prominently at top on mobile */
    div[style*="background:#fff;border-radius:16px;padding:22px;box-shadow:0 2px 12px rgba(0,0,0,0.07);border-left:4px solid #f39c12"] {
        margin-top: 0 !important;
    }
    /* Owner grid: 1 column on small, 2 columns on medium */
    div[style*="display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px"] {
        grid-template-columns: 1fr !important;
        padding: 12px !important;
        gap: 12px !important;
    }

    /* Social feed: 1 column */
    .social-feed-grid,
    #feed-content-inner .social-feed-grid {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }

    /* Card image height */
    .feed-card-img,
    .feed-card-img-placeholder {
        height: 200px !important;
    }
    .feed-card-body { padding: 14px !important; gap: 8px !important; }
    .feed-card-place { font-size: 14px !important; }
    .feed-card-comment { font-size: 14px !important; }

    /* Filter buttons: touch-friendly */
    .food-filter-btn {
        padding: 10px 18px !important;
        font-size: 13px !important;
        min-height: 44px !important;
    }
    .card-like-btn {
        padding: 8px 16px !important;
        font-size: 13px !important;
        min-height: 44px !important;
    }

    /* Rucak cards */
    .rucak-card { width: 160px !important; }
    .rucak-img { height: 100px !important; font-size: 30px !important; }
    .rucak-name { font-size: 13px !important; }
    .rucak-cuisine { font-size: 9px !important; }

    /* Dish of day */
    .dish-of-day-card { width: 150px !important; }
    .dish-of-day-img { height: 90px !important; }
    .dish-of-day-name { font-size: 12px !important; }

    /* Grids: 2 cols on mobile */
    .digest-grid { grid-template-columns: 1fr 1fr !important; gap: 8px !important; }
    .price-stats-grid { grid-template-columns: 1fr 1fr !important; gap: 8px !important; }
    .topdish-grid { grid-template-columns: 1fr 1fr !important; gap: 8px !important; }
    .omiljena-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 8px !important; }
    .latest-blog-grid { grid-template-columns: 1fr !important; gap: 12px !important; }

    /* ACE slider inner card */
    .ace-card { padding: 14px 15px !important; }

    /* Poll bars */
    .poll-bar-bg { height: 36px !important; }
    .poll-bar-label { font-size: 13px !important; }
    .poll-bar-pct { font-size: 13px !important; }

    /* Share buttons: touch size */
    a[href*="wa.me"],
    a[href*="facebook.com/sharer"] {
        min-height: 40px !important;
        padding: 8px 14px !important;
        font-size: 13px !important;
    }

    /* Section heading h2 */
    h2[style*="font-size:17px"],
    h2[style*="font-size:18px"] {
        font-size: 16px !important;
    }

    /* Live visitor box */
    div[id="lv-box"] { bottom: 72px !important; right: 8px !important; max-width: 200px !important; }

    /* Blog grid */
    .latest-blog-img { height: 130px !important; }
    .latest-blog-title { font-size: 14px !important; }
}

@media (max-width: 500px) {
    div[style*="max-width:1200px"][style*="padding:24px 16px 100px"] {
        padding: 10px 8px 100px !important;
    }
    #feed-content-inner { padding: 0 4px !important; }

    /* Feed card full width */
    .feed-card-img, .feed-card-img-placeholder { height: 190px !important; }

    /* Owner grid: always 1 col on very small */
    div[style*="display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px"] {
        grid-template-columns: 1fr !important;
    }

    /* Grids tighter on very small */
    .digest-grid { grid-template-columns: 1fr 1fr !important; gap: 7px !important; }
    .price-stats-grid { grid-template-columns: 1fr 1fr !important; gap: 7px !important; }
    .topdish-grid { grid-template-columns: 1fr !important; }
    .omiljena-grid { grid-template-columns: 1fr 1fr !important; }

    /* Rucak slider */
    .rucak-card { width: 140px !important; }
    .rucak-img { height: 88px !important; }

    /* Dish of day */
    .dish-of-day-card { width: 135px !important; }

    h1[style*="font-size:24px"] { font-size: 16px !important; }
    .food-filter-btn { font-size: 12px !important; padding: 8px 14px !important; }

    /* Quick search chips smaller */
    a[style*="background:#f8f9fa"][style*="border-radius:50px"] {
        font-size: 11px !important;
        padding: 5px 9px !important;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    /* Tablet: 2 col owner grid */
    div[style*="display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px"] {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    /* 2-col social feed */
    .social-feed-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

/* ═══════════════════════════════════════════════════════════
   INCLUDE MODE OVERRIDES — when used inside naslovna.php
   ═══════════════════════════════════════════════════════════ */
#feed-content-inner div[style*="max-width:1200px"] {
    max-width: 100% !important;
    padding: 0 !important;
}
#feed-content-inner .social-feed-grid {
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)) !important;
}

/* ═══════════════════════════════════════════════════════════
   OWNER POSTS + AI — Sticky on mobile viewport top
   (Always rendered first in DOM, CSS ensures prominence)
   ═══════════════════════════════════════════════════════════ */
@media (max-width: 768px) {
    /* Owner Posts section: larger title, more padding top */
    div[style*="border-left:4px solid #f39c12"] > h2[style*="font-size:17px"] {
        font-size: 15px !important;
        padding: 12px 14px !important;
    }

    /* ACE slider on mobile: tighter */
    div[style*="background:#fff;border-radius:18px;box-shadow:0 2px 14px"] {
        border-radius: var(--feed-r-md) !important;
    }

    /* Signal sliders on mobile */
    .feed-slide-item {
        min-width: 120px !important;
        max-width: 120px !important;
        padding: 10px 8px !important;
    }

    /* Owner card images on mobile */
    div[style*="width:100%;height:160px;overflow:hidden;position:relative;cursor:pointer"] {
        height: 140px !important;
    }
    div[style*="width:100%;height:160px;background:linear-gradient"] {
        height: 140px !important;
    }
}