/* ═══════════════════════════════════════════════════════════════
   WEBSITE CUSTOM STYLES - Pushti Bondhu
══════════════════════════════════════════════════════════════ */

html { scroll-behavior: smooth; }

body {
    font-family: 'Inter', sans-serif;
    color: #1a2e1a;
    background: #ffffff;
}

.lang-bn, .lang-bn body {
    font-family: 'Hind Siliguri', sans-serif;
}

/* ── Navbar ─────────────────────────────────────────────────── */
.navbar-blur {
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    background: rgba(5,46,22,0.96);
}

/* ── Section labels ─────────────────────────────────────────── */
.section-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 4px 14px 4px 4px;
    border-radius: 9999px;
    background: #dcfce7;
    color: #15803d;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    margin-bottom: 12px;
}

.section-label-dot {
    width: 24px; height: 24px;
    border-radius: 50%;
    background: #16a34a;
    display: flex; align-items: center; justify-content: center;
}

/* ── Divider ────────────────────────────────────────────────── */
.gradient-divider {
    width: 48px; height: 4px;
    background: linear-gradient(90deg,#16a34a,#4ade80);
    border-radius: 2px;
    margin: 12px 0;
}

/* ── Cards ──────────────────────────────────────────────────── */
.card-lift {
    transition: transform 0.22s ease, box-shadow 0.22s ease;
}

.card-lift:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 40px rgba(22,163,74,0.13);
}

/* ── Page hero ──────────────────────────────────────────────── */
.page-hero {
    background: linear-gradient(135deg, #052e16 0%, #14532d 50%, #15803d 100%);
}

.page-hero-pattern {
    background-image: radial-gradient(circle at 80% 50%, rgba(74,222,128,0.07) 0%, transparent 55%),
                      radial-gradient(circle at 20% 80%, rgba(22,163,74,0.05) 0%, transparent 50%),
                      linear-gradient(135deg, #052e16 0%, #14532d 50%, #15803d 100%);
}

/* ── Gradient text ──────────────────────────────────────────── */
.text-gradient {
    background: linear-gradient(135deg,#16a34a,#4ade80);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* ── Form inputs ────────────────────────────────────────────── */
.form-input {
    transition: border-color .15s ease, box-shadow .15s ease;
}

.form-input:focus {
    outline: none;
    border-color: #16a34a;
    box-shadow: 0 0 0 3px rgba(22,163,74,0.14);
}

/* ── Scroll to top ──────────────────────────────────────────── */
#backToTop {
    transition: opacity .3s ease, transform .3s ease;
}

/* ── Blog image placeholder ─────────────────────────────────── */
.blog-placeholder {
    background: linear-gradient(135deg, #dcfce7 0%, #bbf7d0 50%, #dcfce7 100%);
}

/* ── Nutrient bar colours ───────────────────────────────────── */
.bar-amber  { background: linear-gradient(90deg,#f59e0b,#fcd34d); }
.bar-red    { background: linear-gradient(90deg,#ef4444,#fca5a5); }
.bar-yellow { background: linear-gradient(90deg,#eab308,#fde68a); }
.bar-green  { background: linear-gradient(90deg,#16a34a,#86efac); }
.bar-blue   { background: linear-gradient(90deg,#3b82f6,#93c5fd); }
.bar-cyan   { background: linear-gradient(90deg,#06b6d4,#a5f3fc); }

/* ── Status badge colours ───────────────────────────────────── */
.status-pending              { background:#fef9c3;color:#713f12; }
.status-on-nutritionist-hand { background:#e0f2fe;color:#075985; }
.status-diet-chart-preparing { background:#fef3c7;color:#78350f; }
.status-diet-chart-prepared  { background:#d1fae5;color:#065f46; }
.status-diet-chart-delivered { background:#dcfce7;color:#14532d; }
.status-completed            { background:#f0fdf4;color:#166534; }
.status-cancelled            { background:#fee2e2;color:#7f1d1d; }
.status-default              { background:#f3f4f6;color:#374151; }

/* ── BMI boxes ─────────────────────────────────────────────── */
.bmi-underweight{background:#dbeafe;border-color:#3b82f6;}
.bmi-normal     {background:#dcfce7;border-color:#16a34a;}
.bmi-overweight {background:#fef9c3;border-color:#eab308;}
.bmi-obese      {background:#fee2e2;border-color:#ef4444;}

/* ── Star ratings ──────────────────────────────────────────── */
.star-filled { color:#f59e0b; }

/* ── Breadcrumb ─────────────────────────────────────────────── */
.breadcrumb {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
}

.breadcrumb-item a {
    color: #6b7280;
    text-decoration: none;
    transition: color 0.15s ease;
}

.breadcrumb-item a:hover {
    color: #16a34a;
}

.breadcrumb-item.active {
    color: #1f2937;
    font-weight: 500;
}

.breadcrumb-separator {
    color: #9ca3af;
}

/* ── Accessibility improvements ─────────────────────────────── */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}

.focus-visible:focus {
    outline: 2px solid #16a34a;
    outline-offset: 2px;
}

/* ── Smooth scroll behavior ─────────────────────────────────── */
@media (prefers-reduced-motion: no-preference) {
    html {
        scroll-behavior: smooth;
    }
}

/* ── Print styles ───────────────────────────────────────────── */
@media print {
    .no-print {
        display: none !important;
    }

    body {
        background: white;
        color: black;
    }
}