/* Dietar: biblioteca de alimente si retete - design albastru comun cu calculatoarele. */
body.nutrition-library-page {
    --library-ink: #0b2442;
    --library-deep: #08306b;
    --library-blue: #2171b5;
    --library-accent: #4292c6;
    --library-light: #9ecae1;
    --library-pale: #deebf7;
    --library-soft: #f7fbff;
    --library-muted: #65788b;
    --library-line: rgba(33, 113, 181, .16);
    --radius: 16px;
}

body.nutrition-library-page .site-main {
    background: #f7fbff;
}

body.nutrition-library-page .nutrition-page-hero-breadcrumbs {
    margin-bottom: 17px;
}

body.nutrition-library-page .nutrition-page-hero-breadcrumbs .breadcrumbs ol {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 7px;
    margin: 0;
    padding: 0;
    color: #6a8099;
    font-size: .78rem;
    list-style: none;
}

body.nutrition-library-page .nutrition-page-hero-breadcrumbs .breadcrumbs a {
    color: var(--library-deep);
    font-weight: 760;
    text-decoration: none;
}

body.nutrition-library-page .nutrition-page-hero-breadcrumbs .breadcrumbs a:hover {
    color: var(--library-blue);
}

body.nutrition-library-page .nutrition-library-hero .nutrition-calculators-hero__copy h1 {
    font-size: clamp(2.35rem, 3.8vw, 3.85rem);
}

body.nutrition-library-page .nutrition-library-hero .nutrition-calculators-metric__icon {
    font-size: .66rem;
    font-weight: 900;
    letter-spacing: -.02em;
}

body.nutrition-library-page .nutrition-library-hero .nutrition-calculators-metric--bmr {
    min-width: 202px;
}

body.nutrition-library-page .nutrition-library-section,
body.nutrition-library-page .nutrition-food-profile-section,
body.nutrition-library-page .nutrition-recipe-detail-section {
    padding: clamp(48px, 6vw, 78px) 0;
    background:
        linear-gradient(180deg, rgba(247, 251, 255, .96), #fff 46%),
        #fff;
}

body.nutrition-library-page .nutrition-card,
body.nutrition-library-page .nutrition-category-panel,
body.nutrition-library-page .nutrition-recipe-category-panel,
body.nutrition-library-page .nutrition-search,
body.nutrition-library-page .nutrition-recipe-search,
body.nutrition-library-page .nutrition-food-table-wrap,
body.nutrition-library-page .nutrition-recipe-card {
    border-color: var(--library-line);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 12px 36px rgba(8, 48, 107, .08);
}

body.nutrition-library-page .nutrition-card {
    padding: clamp(20px, 2.4vw, 28px);
}

body.nutrition-library-page .nutrition-panel-kicker,
body.nutrition-library-page .eyebrow {
    color: var(--library-deep);
}

body.nutrition-library-page .nutrition-panel-heading {
    border-bottom-color: var(--library-line);
}

body.nutrition-library-page .nutrition-panel-heading h2,
body.nutrition-library-page .nutrition-results-heading h2,
body.nutrition-library-page .nutrition-card h2,
body.nutrition-library-page .nutrition-recipe-card h2 a,
body.nutrition-library-page .nutrition-food-row-main strong {
    color: var(--library-ink);
}

body.nutrition-library-page .nutrition-panel-reset,
body.nutrition-library-page .nutrition-recipe-ingredient-list a,
body.nutrition-library-page .nutrition-recipe-nutrition-card summary {
    color: var(--library-blue);
}

body.nutrition-library-page .nutrition-category-panel-compact,
body.nutrition-library-page .nutrition-recipe-category-panel {
    top: calc(var(--header-height) + 18px);
    overflow: hidden;
}

body.nutrition-library-page .nutrition-category-panel-compact .nutrition-category-list,
body.nutrition-library-page .nutrition-recipe-category-panel .nutrition-category-list {
    background: linear-gradient(180deg, #fff, #f7fbff);
}

body.nutrition-library-page .nutrition-category-link {
    min-height: 43px;
    border: 1px solid transparent;
    border-radius: 10px;
    color: #243f5d;
}

body.nutrition-library-page .nutrition-category-link:hover {
    border-color: rgba(33, 113, 181, .12);
    color: var(--library-deep);
    background: #eef6fd;
}

body.nutrition-library-page .nutrition-category-link.is-active {
    border-color: var(--library-blue);
    color: #fff;
    background: linear-gradient(135deg, var(--library-blue), #185f9d);
    box-shadow: 0 10px 24px rgba(33, 113, 181, .18);
}

body.nutrition-library-page .nutrition-category-icon,
body.nutrition-library-page .nutrition-food-row-icon {
    border-radius: 9px;
    color: var(--library-deep);
    background: #eaf4fb;
}

body.nutrition-library-page .nutrition-category-link.is-active .nutrition-category-icon {
    color: var(--library-deep);
    background: #fff;
}

body.nutrition-library-page .nutrition-catalog-toolbar,
body.nutrition-library-page .nutrition-recipe-search {
    border-radius: 16px;
    background: #fff;
}

body.nutrition-library-page .nutrition-catalog-toolbar label,
body.nutrition-library-page .nutrition-recipe-search > label {
    color: #60758d;
}

body.nutrition-library-page .nutrition-catalog-toolbar .input,
body.nutrition-library-page .nutrition-recipe-search .input,
body.nutrition-library-page .nutrition-calculator .input,
body.nutrition-library-page .nutrition-profile-plan-grid .input {
    border-color: #c9ddec;
    border-radius: 10px;
    color: var(--library-ink);
    background: #fbfdff;
}

body.nutrition-library-page .nutrition-catalog-toolbar .input:focus,
body.nutrition-library-page .nutrition-recipe-search .input:focus,
body.nutrition-library-page .nutrition-calculator .input:focus,
body.nutrition-library-page .nutrition-profile-plan-grid .input:focus {
    border-color: var(--library-accent);
    background: #fff;
    box-shadow: 0 0 0 4px rgba(66, 146, 198, .12);
    outline: 0;
}

body.nutrition-library-page .nutrition-search-icon {
    border-color: #66839f;
}

body.nutrition-library-page .nutrition-search-icon::after {
    background: #66839f;
}

body.nutrition-library-page .nutrition-category-description {
    border: 1px solid var(--library-line);
    border-left: 4px solid var(--library-blue);
    border-radius: 10px;
    background: #f7fbff;
    color: var(--library-muted);
}

body.nutrition-library-page .nutrition-results-heading {
    margin-top: 20px;
}

body.nutrition-library-page .nutrition-results-heading p,
body.nutrition-library-page .nutrition-recipe-card-meta,
body.nutrition-library-page .nutrition-recipe-card p,
body.nutrition-library-page .nutrition-food-row-main small {
    color: var(--library-muted);
}

body.nutrition-library-page .nutrition-food-table-wrap {
    overflow: hidden;
    border-radius: 16px;
}

body.nutrition-library-page .nutrition-food-table th,
body.nutrition-library-page .nutrition-food-table td {
    border-bottom-color: #e4eef6;
}

body.nutrition-library-page .nutrition-food-table thead th {
    color: #60758d;
    background: #eef6fd;
}

body.nutrition-library-page .nutrition-food-table tbody tr:hover {
    background: #f5faff;
}

body.nutrition-library-page .nutrition-food-row-main strong {
    font-size: .94rem;
}

body.nutrition-library-page .nutrition-food-row-action a {
    border-color: #c9ddec;
    color: var(--library-deep);
    background: #fff;
}

body.nutrition-library-page .nutrition-food-row-action a:hover {
    border-color: var(--library-accent);
    color: #fff;
    background: var(--library-blue);
}

body.nutrition-library-page .nutrition-value-pill {
    border: 1px solid rgba(33, 113, 181, .08);
}

body.nutrition-library-page .nutrition-value-pill-protein {
    color: #0b4f83;
    background: #e5f2fb;
}

body.nutrition-library-page .nutrition-value-pill-carbs {
    color: #185f9d;
    background: #edf6fc;
}

body.nutrition-library-page .nutrition-value-pill-fat {
    color: #386f9b;
    background: #eaf3fa;
}

body.nutrition-library-page .nutrition-value-pill-fiber {
    color: #08306b;
    background: #deebf7;
}

body.nutrition-library-page .nutrition-recipe-grid {
    gap: 18px;
}

body.nutrition-library-page .nutrition-recipe-card {
    border-radius: 15px;
}

body.nutrition-library-page .nutrition-recipe-card:hover {
    border-color: rgba(33, 113, 181, .34);
    box-shadow: 0 18px 44px rgba(8, 48, 107, .13);
}

body.nutrition-library-page .nutrition-recipe-card-media {
    color: var(--library-deep);
    background: linear-gradient(145deg, #eef6fd, #deebf7);
}

body.nutrition-library-page .nutrition-recipe-card-media em {
    border-radius: 7px;
    background: rgba(8, 48, 107, .84);
}

body.nutrition-library-page .nutrition-recipe-card-nutrition {
    border-top-color: var(--library-line);
}

body.nutrition-library-page .nutrition-recipe-card-nutrition dd {
    color: var(--library-deep);
}

body.nutrition-library-page .nutrition-profile-card,
body.nutrition-library-page .nutrition-calculator-compact,
body.nutrition-library-page .nutrition-content-card,
body.nutrition-library-page .nutrition-recipe-detail-main .nutrition-card,
body.nutrition-library-page .nutrition-recipe-detail-sidebar .nutrition-card {
    border-radius: 15px;
}

body.nutrition-library-page .nutrition-reference-badge,
body.nutrition-library-page .nutrition-recipe-tags span {
    color: var(--library-deep);
    background: #eaf4fb;
}

body.nutrition-library-page .nutrition-macro-card {
    min-height: 118px;
    border-color: var(--library-line);
    border-top-width: 3px;
    border-radius: 12px;
    background: #f8fbfe;
}

body.nutrition-library-page .nutrition-macro-protein {
    border-top-color: #2171b5;
}

body.nutrition-library-page .nutrition-macro-fat {
    border-top-color: #6baed6;
}

body.nutrition-library-page .nutrition-macro-carbs {
    border-top-color: #4292c6;
}

body.nutrition-library-page .nutrition-macro-fiber {
    border-top-color: #9ecae1;
}

body.nutrition-library-page .nutrition-values-table tr,
body.nutrition-library-page .nutrition-calculated-values div,
body.nutrition-library-page .nutrition-recipe-ingredient-list li,
body.nutrition-library-page .nutrition-recipe-nutrition-card dl div {
    border-color: #e4eef6;
}

body.nutrition-library-page .nutrition-calculator-equivalent,
body.nutrition-library-page .nutrition-recipe-kcal strong {
    color: var(--library-blue);
}

body.nutrition-library-page .nutrition-recipe-steps li::before {
    background: var(--library-blue);
}

body.nutrition-library-page .nutrition-recipe-ingredient-list strong,
body.nutrition-library-page .nutrition-recipe-nutrition-card dd {
    color: var(--library-ink);
}

body.nutrition-library-page .nutrition-recipe-gallery img {
    border-radius: 10px;
}

body.nutrition-library-page .nutrition-recipe-plan-hero-cta {
    cursor: pointer;
}

body.nutrition-library-page .nutrition-profile-plan-panel {
    border-top-color: var(--library-blue);
}

body.nutrition-library-page .nutrition-profile-plan-panel > header,
body.nutrition-library-page .nutrition-profile-plan-panel > footer {
    border-color: var(--library-line);
}

body.nutrition-library-page .nutrition-profile-plan-summary {
    border-color: var(--library-line);
    background: #eef6fd;
}

body.nutrition-library-page .nutrition-allergen-card {
    border-color: #bfd7ea;
    background: #f3f8fc;
}

@media (max-width: 1120px) {
    body.nutrition-library-page .nutrition-library-hero .nutrition-calculators-hero__grid {
        grid-template-columns: minmax(0, 1fr) minmax(410px, .9fr);
        gap: 32px;
    }

    body.nutrition-library-page .nutrition-library-hero .nutrition-calculators-visual {
        transform: scale(.9);
        transform-origin: center;
    }
}

@media (max-width: 900px) {
    body.nutrition-library-page .nutrition-library-hero .nutrition-calculators-hero__grid {
        grid-template-columns: 1fr;
    }

    body.nutrition-library-page .nutrition-library-hero .nutrition-calculators-visual {
        width: min(100%, 620px);
        margin-inline: auto;
        transform: none;
    }

    body.nutrition-library-page .nutrition-food-layout,
    body.nutrition-library-page .nutrition-recipe-layout {
        grid-template-columns: 1fr;
    }

    body.nutrition-library-page .nutrition-category-panel-compact,
    body.nutrition-library-page .nutrition-recipe-category-panel {
        position: static;
        max-height: none;
    }
}

@media (max-width: 680px) {
    body.nutrition-library-page .nutrition-library-hero {
        padding-top: 28px;
    }

    body.nutrition-library-page .nutrition-library-hero .nutrition-calculators-hero__copy h1 {
        font-size: clamp(2.15rem, 11vw, 3.25rem);
    }

    body.nutrition-library-page .nutrition-library-hero .nutrition-calculators-visual {
        min-height: 390px;
        transform: scale(.88);
        transform-origin: center top;
        margin-bottom: -44px;
    }

    body.nutrition-library-page .nutrition-page-hero-breadcrumbs {
        margin-bottom: 12px;
    }

    body.nutrition-library-page .nutrition-card {
        padding: 18px;
        border-radius: 13px;
    }

    body.nutrition-library-page .nutrition-macro-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 460px) {
    body.nutrition-library-page .nutrition-library-hero .nutrition-calculators-visual {
        width: 112%;
        margin-left: -6%;
        transform: scale(.78);
        margin-bottom: -92px;
    }

    body.nutrition-library-page .nutrition-macro-grid {
        grid-template-columns: 1fr;
    }
}

/* Compact food catalog: all categories visible, denser table and text-only details link. */
body.nutrition-food-list-page .nutrition-category-panel-compact {
    max-height: none;
    overflow: visible;
}

body.nutrition-food-list-page .nutrition-category-panel-compact .nutrition-category-list {
    max-height: none;
    overflow: visible;
}

body.nutrition-food-list-page .nutrition-food-row-action a {
    width: auto;
    min-height: 0;
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 4px;
    padding: 0;
    border: 0;
    border-radius: 0;
    color: var(--library-blue);
    background: transparent;
    font-size: .73rem;
    font-weight: 800;
    line-height: 1.3;
    text-decoration: none;
    white-space: nowrap;
}

body.nutrition-food-list-page .nutrition-food-row-action a:hover,
body.nutrition-food-list-page .nutrition-food-row-action a:focus-visible {
    border: 0;
    color: var(--library-deep);
    background: transparent;
    text-decoration: underline;
    text-underline-offset: 3px;
}

@media (min-width: 901px) {
    body.nutrition-food-list-page .nutrition-food-layout-compact {
        grid-template-columns: 214px minmax(0, 1fr);
        gap: 16px;
    }

    body.nutrition-food-list-page .nutrition-category-panel-compact {
        border-radius: 16px;
    }

    body.nutrition-food-list-page .nutrition-category-panel-compact .nutrition-category-list {
        gap: 1px;
        padding: 5px;
    }

    body.nutrition-food-list-page .nutrition-category-panel-compact .nutrition-category-link {
        min-height: 34px;
        gap: 7px;
        padding: 3px 6px;
        border-radius: 8px;
        font-size: .76rem;
        line-height: 1.2;
    }

    body.nutrition-food-list-page .nutrition-category-panel-compact .nutrition-category-icon {
        width: 26px;
        height: 26px;
        border-radius: 7px;
    }

    body.nutrition-food-list-page .nutrition-food-table-wrap {
        border-radius: 14px;
    }

    body.nutrition-food-list-page .nutrition-food-table th,
    body.nutrition-food-list-page .nutrition-food-table td {
        padding: 7px 8px;
        font-size: .78rem;
    }

    body.nutrition-food-list-page .nutrition-food-table thead th {
        padding-top: 8px;
        padding-bottom: 8px;
        font-size: .63rem;
    }

    body.nutrition-food-list-page .nutrition-food-table th:first-child,
    body.nutrition-food-list-page .nutrition-food-table td:first-child {
        width: 44%;
    }

    body.nutrition-food-list-page .nutrition-food-table th:last-child,
    body.nutrition-food-list-page .nutrition-food-table td:last-child {
        width: 62px;
    }

    body.nutrition-food-list-page .nutrition-food-row-main {
        gap: 8px;
    }

    body.nutrition-food-list-page .nutrition-food-row-main > span:last-child {
        gap: 1px;
    }

    body.nutrition-food-list-page .nutrition-food-row-main strong {
        font-size: .84rem;
        line-height: 1.22;
    }

    body.nutrition-food-list-page .nutrition-food-row-main small {
        gap: 4px;
        font-size: .65rem;
        line-height: 1.25;
    }

    body.nutrition-food-list-page .nutrition-food-row-icon {
        width: 30px;
        height: 30px;
        border-radius: 8px;
        font-size: .68rem;
    }

    body.nutrition-food-list-page .nutrition-value-pill {
        min-width: 48px;
        padding: 3px 6px;
        font-size: .68rem;
    }

    body.nutrition-food-list-page .nutrition-food-row-action {
        width: 62px;
    }
}

@media (max-width: 900px) {
    body.nutrition-food-list-page .nutrition-category-panel-compact .nutrition-category-list {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 3px;
        overflow: visible;
        padding: 5px;
        scroll-snap-type: none;
    }

    body.nutrition-food-list-page .nutrition-category-panel-compact .nutrition-category-link {
        min-width: 0;
        min-height: 34px;
        padding: 4px 6px;
        gap: 7px;
        border-radius: 8px;
        font-size: .74rem;
        line-height: 1.2;
        white-space: normal;
    }

    body.nutrition-food-list-page .nutrition-category-panel-compact .nutrition-category-icon {
        width: 26px;
        height: 26px;
        border-radius: 7px;
    }
}

@media (max-width: 760px) {
    body.nutrition-food-list-page .nutrition-food-table tr {
        margin-bottom: 8px;
        padding: 10px;
        border-radius: 14px;
    }

    body.nutrition-food-list-page .nutrition-food-table td,
    body.nutrition-food-list-page .nutrition-food-table td:first-child {
        padding: 6px 0;
    }

    body.nutrition-food-list-page .nutrition-food-table td:first-child {
        padding-bottom: 9px;
    }

    body.nutrition-food-list-page .nutrition-food-row-action {
        justify-items: end;
        padding-top: 8px !important;
    }

    body.nutrition-food-list-page .nutrition-food-row-action a {
        width: auto;
        min-height: 0;
        justify-content: flex-end;
    }
}
