/* صفحه‌ی اول YourDiet — استایل‌های بخش‌های قابل‌ویرایش و فوتر (بدون نیاز به build) */

.ls-pl { white-space: pre-line; }

/* قاب تصویر (لوگو، عکس هیرو) با تنظیمات زوم/جابه‌جایی */
.lx { display: inline-block; position: relative; overflow: hidden; flex: none; vertical-align: middle; }
.lx img { display: block; width: 100%; height: 100%; max-width: none; transition: none; }
.lx-hero { display: block; width: 100%; aspect-ratio: 4 / 3; border-radius: 1.65rem; background: #f8fceb; }

/* گالری */
.ls-gal { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 14px; }
.ls-gal figure { margin: 0; overflow: hidden; border-radius: 1.4rem; aspect-ratio: 4 / 3; border: 1px solid rgba(255, 255, 255, .85); background: #fff; box-shadow: 0 14px 40px rgba(20,53,8, .09); }
.ls-gal img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .6s cubic-bezier(.2, .75, .25, 1); }
.ls-gal figure:hover img { transform: scale(1.06); }

/* دکمه‌ی شناور «ویرایش صفحه اول» برای ادمین */
.ls-fab {
    position: fixed; z-index: 45; bottom: 20px; inset-inline-end: 20px;
    display: inline-flex; align-items: center; gap: 6px;
    padding: 11px 18px; border-radius: 16px;
    background: #143508; color: #fff; font-size: 12px; font-weight: 900;
    box-shadow: 0 14px 36px rgba(20,53,8, .3); text-decoration: none;
    transition: transform .2s ease, background .2s ease;
}
.ls-fab:hover { transform: translateY(-2px); background: #1f5a0b; }

/* ───────── فوتر ───────── */
.lf { background: #143508; color: #eef9c8; padding: 56px 0 0; position: relative; z-index: 1; }
.lf a { color: inherit; text-decoration: none; }
.lf-in { max-width: 80rem; margin: 0 auto; padding: 0 20px; }
@media (min-width: 1024px) { .lf-in { padding: 0 32px; } }
.lf-grid { display: grid; gap: 36px; grid-template-columns: 1fr; }
@media (min-width: 720px) { .lf-grid { grid-template-columns: 1fr 1fr; } }
@media (min-width: 1100px) { .lf-grid { grid-template-columns: 1.5fr 1fr 1.2fr auto; gap: 48px; } }

.lf-logo { display: flex; align-items: center; gap: 14px; }
.lf-logo .lx { background: rgba(255, 255, 255, .1); border-radius: 16px; padding: 0; }
.lf-logo b { display: block; font-size: 20px; font-weight: 900; color: #fff; line-height: 1.3; }
.lf-logo small { display: block; margin-top: 3px; font-size: 12px; font-weight: 700; color: #7dce13; }
.lf-desc { margin: 16px 0 0; max-width: 28rem; font-size: 13px; font-weight: 600; line-height: 2; color: rgba(238,249,200, .72); }

.lf-social { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 20px; }
.lf-sb {
    display: inline-flex; align-items: center; gap: 7px; padding: 8px 14px; border-radius: 12px;
    background: rgba(255, 255, 255, .08); border: 1px solid rgba(255, 255, 255, .12);
    font-size: 12px; font-weight: 800; color: #d9f099; transition: background .2s, transform .2s, color .2s;
}
a.lf-sb:hover { background: #7dce13; color: #143508; transform: translateY(-2px); }

.lf-col h4 { margin: 0 0 16px; font-size: 14px; font-weight: 900; color: #fff; }
.lf-col ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 11px; }
.lf-col li a { font-size: 13px; font-weight: 700; color: rgba(238,249,200, .78); transition: color .2s, padding .2s; }
.lf-col li a:hover { color: #7dce13; }
.lf-c { display: flex; align-items: flex-start; gap: 10px; font-size: 13px; font-weight: 700; color: rgba(238,249,200, .78); }
.lf-c svg { flex: none; margin-top: 2px; color: #7dce13; }
.lf-c span { color: rgba(238,249,200, .55); margin-inline-end: 5px; }
.lf-c em { font-style: normal; white-space: pre-line; }
.lf-c a:hover { color: #7dce13; }

.lf-bl { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.lf-badge {
    display: inline-flex; align-items: center; justify-content: center; min-width: 84px; min-height: 84px; padding: 8px;
    border-radius: 16px; background: #fff; box-shadow: 0 10px 28px rgba(0, 0, 0, .18);
    font-size: 11px; font-weight: 800; color: #143508; transition: transform .2s;
}
a.lf-badge:hover { transform: translateY(-3px); }
.lf-badge img { display: block; max-width: 96px; max-height: 96px; width: auto; height: auto; }

.lf-bar {
    margin-top: 44px; padding: 20px 0 24px; border-top: 1px solid rgba(255, 255, 255, .12);
    display: flex; flex-direction: column; gap: 10px; font-size: 11px; font-weight: 700; color: rgba(238,249,200, .6); line-height: 1.9;
}
@media (min-width: 720px) { .lf-bar { flex-direction: row; align-items: center; justify-content: space-between; } }
.lf-bar-r { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.lf-bar a:hover { color: #7dce13; }
.lf-dot { width: 5px; height: 5px; border-radius: 50%; background: #7dce13; display: inline-block; }

/* در حالت ویرایش، موارد غیرفعال کم‌رنگ دیده می‌شوند */
.lf .off { opacity: .5; }