.cmpmc-wrapper {
margin: 32px 0;
padding: 0;
border: 0;
border-radius: 0;
background: transparent;
color: var(--cmpmc-text);
}
.cmpmc-header {
margin-bottom: 24px;
display: flex;
justify-content: space-between;
align-items: flex-end;
gap: 18px;
}
.cmpmc-header h2 {
margin: 0 0 8px;
font-size: clamp(24px, 3vw, 34px);
line-height: 1.15;
color: var(--cmpmc-text);
}
.cmpmc-header p {
margin: 0;
color: var(--cmpmc-muted);
line-height: 1.6;
}
.cmpmc-grid {
display: grid;
grid-template-columns: repeat(5, minmax(220px, 1fr));
gap: 18px;
align-items: start;
}
.cmpmc-card {
overflow: hidden;
border: 1px solid var(--cmpmc-border);
border-radius: var(--cmpmc-radius);
background: var(--cmpmc-surface);
box-shadow: 0 6px 18px rgba(15, 23, 42, 0.06);
}
.cmpmc-card-header {
padding: 16px 18px;
background: linear-gradient(135deg, var(--cmpmc-primary), var(--cmpmc-primary-dark));
color: #fff;
}
.cmpmc-day {
display: block;
font-size: 18px;
font-weight: 700;
text-transform: capitalize;
}
.cmpmc-date {
display: block;
margin-top: 4px;
font-size: 13px;
opacity: 0.95;
}
.cmpmc-card-body {
padding: 16px 18px;
}
.cmpmc-category {
padding-bottom: 14px;
margin-bottom: 14px;
border-bottom: 1px solid var(--cmpmc-border);
}
.cmpmc-category:last-child {
padding-bottom: 0;
margin-bottom: 0;
border-bottom: 0;
}
.cmpmc-category h3 {
margin: 0 0 8px;
color: var(--cmpmc-primary-dark);
font-size: 13px;
font-weight: 800;
letter-spacing: 0.03em;
text-transform: uppercase;
}
.cmpmc-items {
margin: 0;
padding: 0;
list-style: none;
}
.cmpmc-items li {
margin-bottom: 10px;
}
.cmpmc-items li:last-child {
margin-bottom: 0;
}
.cmpmc-line {
display: flex;
align-items: flex-start;
gap: 8px;
}
.cmpmc-main {
display: inline-block;
font-weight: 650;
line-height: 1.45;
}
.cmpmc-items small {
display: block;
margin-top: 4px;
margin-left: 28px;
color: var(--cmpmc-muted);
font-size: 13px;
line-height: 1.45;
}
.cmpmc-option {
margin-top: 8px;
margin-left: 28px;
padding: 9px 10px;
border-left: 3px solid var(--cmpmc-primary);
border-radius: 10px;
background: #f8fafc;
font-size: 13px;
}
.cmpmc-option .cmpmc-line strong {
margin-right: 4px;
}
.cmpmc-empty {
color: var(--cmpmc-muted);
}
.cmpmc-veggie {
flex: 0 0 18px;
width: 18px;
height: 18px;
display: inline-flex;
align-items: center;
justify-content: center;
margin-top: 1px;
}
.cmpmc-veggie img {
width: 18px;
height: 18px;
display: block;
}
.cmpmc-veggie:empty {
display: none;
}
.cmpmc-alert {
margin: 20px 0;
padding: 16px 18px;
border: 1px solid #f5d7a1;
border-radius: 12px;
background: #fff8f0;
color: #7a4a00;
}
.cmpmc-table-scroll {
overflow-x: auto;
border: 1px solid var(--cmpmc-border);
border-radius: var(--cmpmc-radius);
background: var(--cmpmc-surface);
}
.cmpmc-table {
width: 100%;
min-width: 980px;
border-collapse: collapse;
}
.cmpmc-table th,
.cmpmc-table td {
padding: 16px;
border-bottom: 1px solid var(--cmpmc-border);
vertical-align: top;
text-align: left;
}
.cmpmc-table th {
color: var(--cmpmc-primary-dark);
background: #f5f8f9;
font-weight: 800;
}
.cmpmc-daycell strong {
display: block;
text-transform: capitalize;
}
.cmpmc-daycell span {
display: block;
margin-top: 4px;
color: var(--cmpmc-muted);
font-size: 13px;
}
@media (max-width: 1280px) {
.cmpmc-grid { grid-template-columns: repeat(3, minmax(220px, 1fr)); }
}
@media (max-width: 900px) {
.cmpmc-grid { grid-template-columns: repeat(2, minmax(220px, 1fr)); }
}
@media (max-width: 640px) {
.cmpmc-wrapper { padding: 16px; }
.cmpmc-grid { grid-template-columns: 1fr; }
.cmpmc-card-header, .cmpmc-card-body { padding: 14px 16px; }
}
.cmpmc-header > div:first-child {
max-width: 760px;
}
.cmpmc-actions {
flex: 0 0 auto;
}
.cmpmc-pdf-button {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
min-height: 42px;
padding: 10px 16px;
border-radius: 999px;
background: var(--cmpmc-primary);
color: #fff;
font-weight: 700;
line-height: 1.2;
text-decoration: none;
transition: transform .18s ease, opacity .18s ease;
border: 0;
cursor: pointer;
}
.cmpmc-pdf-button__icon {
display: inline-flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.cmpmc-pdf-button__label {
display: inline;
}
.cmpmc-pdf-button--label-desktop .cmpmc-pdf-button__label {
display: inline;
}
@media (max-width: 768px) {
.cmpmc-pdf-button--label-desktop {
width: 44px;
height: 44px;
min-height: 44px;
padding: 0;
border-radius: 50%;
}
.cmpmc-pdf-button--label-desktop .cmpmc-pdf-button__label {
display: none;
}
}
.cmpmc-pdf-button-icon {
width: 44px;
height: 44px;
min-height: 44px;
padding: 0;
border-radius: 50%;
}
.cmpmc-pdf-button:hover,
.cmpmc-pdf-button:focus {
color: #fff;
opacity: .92;
transform: translateY(-1px);
}
@media (max-width: 768px) {
.cmpmc-header {
align-items: flex-start;
flex-direction: column;
}
.cmpmc-actions,
.cmpmc-pdf-button {
width: 100%;
}
} .cmpmc-week-menu {
overflow: hidden;
border: 1px solid var(--cmpmc-border);
border-radius: var(--cmpmc-radius);
background: var(--cmpmc-surface);
}
.cmpmc-week-top {
display: grid;
grid-template-columns: 48px 1fr 48px;
align-items: center;
gap: 16px;
padding: 22px 24px;
background: linear-gradient(135deg, var(--cmpmc-primary), var(--cmpmc-primary-dark));
color: #fff;
text-align: center;
}
.cmpmc-week-top h3 {
margin: 0;
color: #fff;
font-size: clamp(24px, 3vw, 34px);
line-height: 1.1;
font-weight: 800;
}
.cmpmc-week-arrow {
width: 42px;
height: 42px;
border-radius: 999px;
display: inline-flex;
align-items: center;
justify-content: center;
background: #fff;
color: var(--cmpmc-primary-dark);
text-decoration: none;
font-size: 22px;
font-weight: 800;
transition: transform .18s ease, opacity .18s ease;
}
.cmpmc-week-arrow:hover,
.cmpmc-week-arrow:focus {
color: var(--cmpmc-primary-dark);
transform: translateY(-1px);
}
.cmpmc-week-arrow.is-disabled {
opacity: .35;
}
.cmpmc-week-grid {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
align-items: stretch;
}
.cmpmc-week-day {
min-height: 560px;
padding: 26px 24px;
border-right: 1px solid var(--cmpmc-border);
background: #fff;
}
.cmpmc-week-day:last-child {
border-right: 0;
}
.cmpmc-week-day.is-soft {
background: color-mix(in srgb, var(--cmpmc-primary) 8%, #fff);
}
.cmpmc-week-day header {
margin-bottom: 18px;
}
.cmpmc-week-day header strong {
display: block;
color: var(--cmpmc-text);
font-size: 22px;
line-height: 1.2;
font-weight: 800;
}
.cmpmc-week-day header span {
display: block;
margin-top: 6px;
color: var(--cmpmc-muted);
font-size: 13px;
font-weight: 700;
}
.cmpmc-week-foods {
margin: 0;
padding: 0;
list-style: none;
}
.cmpmc-week-foods li {
position: relative;
margin: 0 0 15px;
padding: 0;
color: var(--cmpmc-muted);
font-size: 16px;
line-height: 1.65;
font-weight: 500;
}
.cmpmc-week-foods li:last-child {
margin-bottom: 0;
}
.cmpmc-week-foods .cmpmc-veggie {
vertical-align: -3px;
margin-right: 6px;
}
.cmpmc-food-name {
color: var(--cmpmc-muted);
}
.cmpmc-food-detail {
display: block;
margin-top: 2px;
color: var(--cmpmc-muted);
font-size: 14px;
line-height: 1.45;
}
.cmpmc-food-prefix {
display: block;
margin-bottom: 2px;
color: var(--cmpmc-text);
font-size: 13px;
font-weight: 800;
}
.cmpmc-food-option {
margin-top: 18px !important;
}
.cmpmc-week-empty {
margin: 0;
color: var(--cmpmc-muted);
font-style: italic;
}
.cmpmc-meal-card {
display: flex;
flex-direction: column;
position: relative;
height: 100%;
min-height: 0;
}
.cmpmc-meal-body {
flex: 1 1 auto;
min-height: 0;
}
.cmpmc-week-column.is-holiday .cmpmc-meal-body {
display: flex;
align-items: center;
justify-content: center;
min-height: 140px;
}
.cmpmc-holiday-watermark {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
padding: 12px 8px;
pointer-events: none;
}
.cmpmc-holiday-watermark span {
color: color-mix(in srgb, var(--cmpmc-primary) 22%, transparent);
font-size: clamp(28px, 4vw, 42px);
font-weight: 800;
line-height: 1;
letter-spacing: 0.08em;
text-transform: uppercase;
transform: rotate(-28deg);
user-select: none;
white-space: nowrap;
}
.cmpmc-clean-table td .cmpmc-holiday-watermark {
min-height: 80px;
}
.cmpmc-clean-table td .cmpmc-holiday-watermark span {
font-size: 22px;
}
@media (max-width: 1100px) {
.cmpmc-week-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.cmpmc-week-day {
min-height: auto;
border-bottom: 1px solid var(--cmpmc-border);
}
}
@media (max-width: 700px) {
.cmpmc-week-top {
grid-template-columns: 38px 1fr 38px;
gap: 10px;
padding: 18px 14px;
}
.cmpmc-week-top h3 {
font-size: 22px;
}
.cmpmc-week-arrow {
width: 36px;
height: 36px;
font-size: 18px;
}
.cmpmc-week-grid {
grid-template-columns: 1fr;
}
.cmpmc-week-day {
padding: 22px 18px;
border-right: 0;
}
.cmpmc-week-day header strong {
font-size: 20px;
}
.cmpmc-week-foods li {
font-size: 15px;
line-height: 1.55;
}
} .cmpmc-wrapper {
box-shadow: none !important;
}
.cmpmc-header {
padding: 0;
}
.cmpmc-week-menu {
box-shadow: none;
}
.cmpmc-table-scroll {
box-shadow: none;
} .cmpmc-clean-table {
overflow: hidden;
border: 1px solid var(--cmpmc-border);
border-radius: var(--cmpmc-radius);
background: var(--cmpmc-surface);
}
.cmpmc-clean-table-top {
display: grid;
grid-template-columns: 48px 1fr 48px;
align-items: center;
gap: 16px;
padding: 20px 24px;
background: linear-gradient(135deg, var(--cmpmc-primary), var(--cmpmc-primary-dark));
color: #fff;
text-align: center;
}
.cmpmc-clean-table-top h3 {
margin: 0;
color: #fff;
font-size: clamp(22px, 2.6vw, 30px);
line-height: 1.15;
font-weight: 800;
}
.cmpmc-clean-table-scroll {
overflow-x: auto;
}
.cmpmc-clean-table table {
width: 100%;
min-width: 1060px;
border-collapse: collapse;
table-layout: fixed;
}
.cmpmc-clean-table th,
.cmpmc-clean-table td {
padding: 18px 16px;
border-right: 1px solid var(--cmpmc-border);
border-bottom: 1px solid var(--cmpmc-border);
vertical-align: top;
text-align: left;
}
.cmpmc-clean-table tr:last-child th,
.cmpmc-clean-table tr:last-child td {
border-bottom: 0;
}
.cmpmc-clean-table th:last-child,
.cmpmc-clean-table td:last-child {
border-right: 0;
}
.cmpmc-clean-table thead th {
background: #f8fafc;
color: var(--cmpmc-text);
}
.cmpmc-clean-table thead th strong {
display: block;
font-size: 17px;
line-height: 1.2;
font-weight: 800;
}
.cmpmc-clean-table thead th span {
display: block;
margin-top: 5px;
color: var(--cmpmc-muted);
font-size: 13px;
font-weight: 600;
}
.cmpmc-clean-table-category-head,
.cmpmc-clean-table-category {
width: 150px;
}
.cmpmc-clean-table-category {
background: color-mix(in srgb, var(--cmpmc-primary) 8%, #fff);
color: var(--cmpmc-primary-dark);
font-size: 13px;
font-weight: 800;
letter-spacing: .03em;
text-transform: uppercase;
}
.cmpmc-clean-table-list {
margin: 0;
padding: 0;
list-style: none;
}
.cmpmc-clean-table-list li {
margin: 0 0 12px;
}
.cmpmc-clean-table-list li:last-child {
margin-bottom: 0;
}
.cmpmc-clean-table-main {
display: flex;
align-items: flex-start;
gap: 7px;
color: var(--cmpmc-text);
font-weight: 700;
line-height: 1.45;
}
.cmpmc-clean-table-list small {
display: block;
margin: 4px 0 0 25px;
color: var(--cmpmc-muted);
font-size: 13px;
line-height: 1.45;
}
.cmpmc-clean-table-option {
margin-top: 8px;
margin-left: 25px;
padding: 8px 10px;
border-left: 3px solid var(--cmpmc-primary);
border-radius: 10px;
background: #f8fafc;
color: var(--cmpmc-text);
font-size: 13px;
line-height: 1.45;
}
.cmpmc-clean-table-option .cmpmc-veggie {
margin-right: 6px;
vertical-align: -4px;
}
.cmpmc-table-empty {
color: var(--cmpmc-muted);
}
@media (max-width: 700px) {
.cmpmc-clean-table-top {
grid-template-columns: 38px 1fr 38px;
gap: 10px;
padding: 18px 14px;
}
.cmpmc-clean-table-top h3 {
font-size: 21px;
}
.cmpmc-clean-table table {
min-width: 900px;
}
.cmpmc-clean-table th,
.cmpmc-clean-table td {
padding: 14px 12px;
}
} .cmpmc-main,
.cmpmc-clean-table-main,
.cmpmc-clean-table-main span,
.cmpmc-food-name,
.pdf-main {
font-weight: 500 !important;
}
.cmpmc-clean-table-main {
align-items: flex-start;
color: var(--cmpmc-text);
line-height: 1.5;
}
.cmpmc-clean-table-list li {
margin-bottom: 10px;
}
.cmpmc-clean-table-list small {
margin-left: 25px;
}
.cmpmc-clean-table-option,
.cmpmc-option,
.pdf-option {
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
font-size: inherit !important;
}
.cmpmc-food-prefix {
display: none !important;
}
.cmpmc-food-option {
margin-top: 0 !important;
}
.cmpmc-week-foods li {
font-weight: 500 !important;
}
.cmpmc-category h3,
.cmpmc-clean-table-category {
font-weight: 700 !important;
} .cmpmc-wrapper {
box-shadow: none !important;
}
.cmpmc-week-menu,
.cmpmc-clean-table {
overflow: hidden;
border: 1px solid var(--cmpmc-border);
border-radius: var(--cmpmc-radius);
background: var(--cmpmc-surface);
}
.cmpmc-week-top,
.cmpmc-clean-table-top {
display: grid;
grid-template-columns: 48px 1fr 48px;
align-items: center;
gap: 16px;
padding: 20px 24px;
background: linear-gradient(135deg, var(--cmpmc-primary), var(--cmpmc-primary-dark));
color: #fff;
text-align: center;
}
.cmpmc-week-top h3,
.cmpmc-clean-table-top h3 {
margin: 0;
color: #fff;
font-size: clamp(22px, 2.6vw, 30px);
line-height: 1.15;
font-weight: 800;
}
.cmpmc-week-arrow {
width: 42px;
height: 42px;
border-radius: 999px;
display: inline-flex;
align-items: center;
justify-content: center;
background: #fff;
color: var(--cmpmc-primary-dark);
text-decoration: none;
font-size: 22px;
font-weight: 800;
}
.cmpmc-week-arrow:hover,
.cmpmc-week-arrow:focus {
color: var(--cmpmc-primary-dark);
}
.cmpmc-week-arrow.is-disabled {
opacity: .35;
}
.cmpmc-week-grid {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.cmpmc-week-day {
min-height: 520px;
padding: 24px 22px;
border-right: 1px solid var(--cmpmc-border);
background: #fff;
}
.cmpmc-week-day:last-child {
border-right: 0;
}
.cmpmc-week-day.is-soft {
background: color-mix(in srgb, var(--cmpmc-primary) 7%, #fff);
}
.cmpmc-week-day header {
margin-bottom: 18px;
}
.cmpmc-week-day header strong {
display: block;
color: var(--cmpmc-text);
font-size: 21px;
line-height: 1.2;
font-weight: 800;
}
.cmpmc-week-day header span {
display: block;
margin-top: 6px;
color: var(--cmpmc-muted);
font-size: 13px;
font-weight: 700;
}
.cmpmc-week-foods,
.cmpmc-clean-table-list {
margin: 0;
padding: 0;
list-style: none;
}
.cmpmc-week-foods li,
.cmpmc-clean-table-list li {
margin: 0 0 12px;
color: var(--cmpmc-text);
font-size: 15px;
line-height: 1.55;
font-weight: 500;
}
.cmpmc-food-name,
.cmpmc-clean-table-main span,
.cmpmc-main {
font-weight: 500 !important;
}
.cmpmc-food-detail,
.cmpmc-clean-table-list small {
display: block;
margin-top: 3px;
color: var(--cmpmc-muted);
font-size: 13px;
line-height: 1.45;
}
.cmpmc-clean-table-scroll {
overflow-x: auto;
}
.cmpmc-clean-table table {
width: 100%;
min-width: 1060px;
border-collapse: collapse;
table-layout: fixed;
}
.cmpmc-clean-table th,
.cmpmc-clean-table td {
padding: 18px 16px;
border-right: 1px solid var(--cmpmc-border);
border-bottom: 1px solid var(--cmpmc-border);
vertical-align: top;
text-align: left;
}
.cmpmc-clean-table th:last-child,
.cmpmc-clean-table td:last-child {
border-right: 0;
}
.cmpmc-clean-table tr:last-child th,
.cmpmc-clean-table tr:last-child td {
border-bottom: 0;
}
.cmpmc-clean-table thead th {
background: #f8fafc;
color: var(--cmpmc-text);
}
.cmpmc-clean-table thead th strong {
display: block;
font-size: 17px;
line-height: 1.2;
font-weight: 800;
}
.cmpmc-clean-table thead th span {
display: block;
margin-top: 5px;
color: var(--cmpmc-muted);
font-size: 13px;
font-weight: 600;
}
.cmpmc-clean-table-category-head,
.cmpmc-clean-table-category {
width: 150px;
}
.cmpmc-clean-table-category {
background: color-mix(in srgb, var(--cmpmc-primary) 8%, #fff);
color: var(--cmpmc-primary-dark);
font-size: 13px;
font-weight: 700;
letter-spacing: .03em;
text-transform: uppercase;
}
.cmpmc-clean-table-main {
display: flex;
align-items: flex-start;
gap: 7px;
color: var(--cmpmc-text);
line-height: 1.5;
}
.cmpmc-clean-table-list small {
margin-left: 25px;
}
.cmpmc-table-empty,
.cmpmc-week-empty {
color: var(--cmpmc-muted);
}
@media (max-width: 1100px) {
.cmpmc-week-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.cmpmc-week-day {
min-height: auto;
border-bottom: 1px solid var(--cmpmc-border);
}
}
@media (max-width: 700px) {
.cmpmc-week-top,
.cmpmc-clean-table-top {
grid-template-columns: 38px 1fr 38px;
gap: 10px;
padding: 18px 14px;
}
.cmpmc-week-top h3,
.cmpmc-clean-table-top h3 {
font-size: 21px;
}
.cmpmc-week-arrow {
width: 36px;
height: 36px;
font-size: 18px;
}
.cmpmc-week-grid {
grid-template-columns: 1fr;
}
.cmpmc-week-day {
padding: 22px 18px;
border-right: 0;
}
.cmpmc-clean-table table {
min-width: 900px;
}
} .cmpmc-wrapper {
position: relative;
isolation: isolate;
}
.cmpmc-wrapper.has-background-image::before {
content: "";
position: absolute;
inset: 0;
z-index: 0;
background-image: var(--cmpmc-bg-image);
background-size: cover;
background-position: center;
opacity: var(--cmpmc-bg-opacity, 0.22);
pointer-events: none;
}
.cmpmc-wrapper.has-background-image::after {
content: "";
position: absolute;
inset: 0;
z-index: 0;
background: var(--cmpmc-bg);
opacity: var(--cmpmc-bg-overlay-alpha, 0.78);
pointer-events: none;
}
.cmpmc-wrapper.has-background-image > * {
position: relative;
z-index: 1;
}
.cmpmc-label img,
.cmpmc-veggie img {
width: 18px;
height: 18px;
display: block;
}
.cmpmc-allergens {
display: block;
margin-top: 4px;
color: var(--cmpmc-muted);
font-size: 12px;
line-height: 1.4;
font-style: italic;
}
.cmpmc-footer-legend {
margin-top: 28px;
padding-top: 22px;
border-top: 1px solid var(--cmpmc-border);
}
.cmpmc-legend-labels strong {
display: block;
margin-bottom: 10px;
color: var(--cmpmc-text);
font-size: 14px;
}
.cmpmc-legend-list {
display: flex;
flex-wrap: wrap;
gap: 12px 18px;
margin: 0;
padding: 0;
list-style: none;
}
.cmpmc-legend-list li {
display: inline-flex;
align-items: center;
gap: 8px;
color: var(--cmpmc-muted);
font-size: 13px;
}
.cmpmc-legend-list img {
width: 20px;
height: 20px;
}
.cmpmc-disclaimer {
margin: 16px 0 0;
color: var(--cmpmc-text);
font-size: 14px;
font-weight: 600;
line-height: 1.5;
}
.cmpmc-mobile-day-nav {
display: none;
}
.cmpmc-mobile-day-btn {
flex: 1 1 auto;
min-height: 40px;
padding: 8px 10px;
border: 1px solid var(--cmpmc-border);
border-radius: 999px;
background: #fff;
color: var(--cmpmc-text);
font-size: 13px;
font-weight: 700;
cursor: pointer;
}
.cmpmc-mobile-day-btn.is-active {
border-color: var(--cmpmc-primary);
background: var(--cmpmc-primary);
color: #fff;
}
.cmpmc-pdf-qr-block {
display: flex;
align-items: center;
gap: 16px;
margin-top: 18px;
padding: 14px;
border: 1px solid var(--cmpmc-border);
border-radius: 12px;
background: #f8fafc;
}
.cmpmc-pdf-qr {
width: 110px;
height: 110px;
}
.cmpmc-pdf-qr-block a {
color: var(--cmpmc-primary);
word-break: break-all;
}
.cmpmc-footer-legend-pdf .cmpmc-help {
margin: 6px 0 0;
color: var(--cmpmc-muted);
font-size: 12px;
}
@media (max-width: 768px) {
.cmpmc-mobile-day-nav {
display: flex;
gap: 8px;
padding: 14px 16px;
border-bottom: 1px solid var(--cmpmc-border);
background: #fff;
}
.cmpmc-week-grid .cmpmc-week-column {
display: none;
min-height: auto;
border-right: 0;
border-bottom: 0;
}
.cmpmc-week-grid .cmpmc-week-column.is-active-mobile,
.cmpmc-week-grid .cmpmc-week-day.is-active-mobile {
display: flex;
}
.cmpmc-week-grid {
grid-template-columns: 1fr;
}
}
@media print {
.cmpmc-footer-legend-pdf {
break-inside: avoid;
page-break-inside: avoid;
}
.cmpmc-pdf-qr-block {
break-inside: avoid;
}
.cmpmc-mobile-day-nav {
display: none !important;
}
.cmpmc-week-grid .cmpmc-week-column,
.cmpmc-week-grid .cmpmc-week-day {
display: flex !important;
}
} .cmpmc-wrapper {
padding: 2rem 0 28px;
background: var(--cmpmc-bg);
border-radius: var(--cmpmc-radius);
}
.cmpmc-header-minimal {
justify-content: flex-end;
margin-bottom: 8px;
}
.cmpmc-week-menu {
border: 0;
border-radius: 0;
background: transparent;
box-shadow: none;
}
.cmpmc-week-top {
display: grid;
grid-template-columns: auto minmax(0, 1fr) auto;
align-items: center;
gap: 12px;
padding: 0 0 12px;
background: transparent;
color: var(--cmpmc-text);
}
.cmpmc-week-hero {
flex: 1 1 auto;
min-width: 0;
text-align: center;
}
.cmpmc-week-meta {
display: inline-flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 8px 12px;
margin-top: 4px;
}
.cmpmc-week-meta .cmpmc-actions {
margin: 0;
}
.cmpmc-week-meta .cmpmc-week-range {
margin: 0;
}
.cmpmc-week-hero .cmpmc-pdf-button {
min-height: 30px;
padding: 4px 10px;
font-size: 12px;
}
.cmpmc-week-range {
margin: 0;
color: var(--cmpmc-muted);
font-size: 15px;
line-height: 1.4;
}
.cmpmc-week-title {
margin: 0;
color: var(--cmpmc-primary);
font-size: clamp(18px, 2.2vw, 30px);
line-height: 1.1;
font-weight: 800;
letter-spacing: -0.01em;
}
.cmpmc-week-top h3 {
display: none;
}
.cmpmc-week-arrow {
width: 38px;
height: 38px;
border: 2px solid rgba(255, 255, 255, 0.9);
border-radius: 999px;
display: inline-flex;
align-items: center;
justify-content: center;
place-self: center;
margin: 0;
padding: 0;
background: var(--cmpmc-primary);
color: #fff;
box-shadow: 0 3px 10px rgba(15, 23, 42, 0.15);
font-size: 18px;
font-weight: 700;
line-height: 1;
cursor: pointer;
transition: transform .18s ease, opacity .18s ease, background-color .18s ease;
}
.cmpmc-week-arrow:hover,
.cmpmc-week-arrow:focus {
transform: translateY(-1px);
}
.cmpmc-week-arrow.is-disabled,
.cmpmc-week-arrow:disabled {
opacity: .35;
cursor: not-allowed;
transform: none;
}
.cmpmc-week-panels {
position: relative;
}
.cmpmc-week-panel.is-active {
animation: cmpmc-fade-in .18s ease;
}
@keyframes cmpmc-fade-in {
from {
opacity: 0;
transform: translateY(4px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.cmpmc-week-grid {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 14px;
align-items: start;
}
.cmpmc-week-column {
display: flex;
flex-direction: column;
gap: 12px;
min-width: 0;
}
.cmpmc-meal-card,
.cmpmc-gouter-card {
overflow: hidden;
border-radius: 0;
background: transparent;
box-shadow: none;
}
.cmpmc-week-navigator {
padding: 14px 14px 16px;
border-radius: 10px;
background: rgba(255, 255, 255, 0.96);
}
.cmpmc-day-header,
.cmpmc-gouter-header {
padding: 12px 12px 10px;
margin-bottom: 10px;
text-align: center;
border-bottom: 2px solid rgba(90, 107, 125, 0.2);
}
.cmpmc-day-header strong,
.cmpmc-gouter-header strong {
display: block;
color: var(--cmpmc-primary);
font-size: 17px;
line-height: 1.2;
font-weight: 800;
letter-spacing: 0.04em;
text-transform: uppercase;
}
.cmpmc-day-date {
display: block;
margin-top: 4px;
color: var(--cmpmc-muted);
font-size: 13px;
font-weight: 600;
text-transform: lowercase;
}
.cmpmc-meal-card .cmpmc-week-foods,
.cmpmc-gouter-card .cmpmc-week-foods,
.cmpmc-gouter-day .cmpmc-week-foods {
padding: 4px 16px 18px;
}
.cmpmc-food-category {
padding: 0 16px;
}
.cmpmc-food-category + .cmpmc-food-category {
margin-top: 14px;
padding-top: 14px;
border-top: 1px solid rgba(15, 23, 42, 0.08);
}
.cmpmc-food-category-title {
margin: 0 0 8px;
color: var(--cmpmc-primary);
font-size: 12px;
font-weight: 800;
letter-spacing: 0.05em;
text-transform: uppercase;
}
.cmpmc-food-category .cmpmc-week-foods {
padding: 0;
}
.cmpmc-week-foods li,
.cmpmc-week-foods li.cmpmc-food-item {
display: flex;
flex-wrap: nowrap;
align-items: flex-start;
gap: 8px;
margin-bottom: 10px;
color: var(--cmpmc-text);
font-size: 14px;
line-height: 1.55;
}
.cmpmc-food-labels-col {
flex: 0 0 22px;
display: flex;
flex-direction: column;
align-items: center;
gap: 3px;
padding-top: 1px;
}
.cmpmc-food-labels-spacer {
display: block;
width: 18px;
height: 18px;
}
.cmpmc-food-content-col {
flex: 1 1 auto;
min-width: 0;
display: flex;
flex-direction: column;
gap: 2px;
}
.cmpmc-food-labels-col .cmpmc-labels {
display: flex;
flex-direction: column;
align-items: center;
gap: 3px;
margin: 0;
}
.cmpmc-food-name {
display: block;
color: var(--cmpmc-text);
}
.cmpmc-food-is-option .cmpmc-food-name {
font-style: italic;
}
.cmpmc-food-name {
color: var(--cmpmc-text);
}
.cmpmc-food-detail {
display: block;
color: var(--cmpmc-text);
font-size: 14px;
line-height: 1.55;
font-weight: 400;
}
.cmpmc-is-pdf .cmpmc-week-meta .cmpmc-actions {
display: none !important;
}
.cmpmc-labels {
display: inline-flex;
align-items: center;
gap: 4px;
flex-shrink: 0;
}
.cmpmc-label img {
width: 18px;
height: 18px;
max-width: 18px;
max-height: 18px;
display: block;
}
.cmpmc-food-name {
flex: none;
}
.cmpmc-week-gouter-section {
margin-top: 32px;
padding: 0;
background: transparent;
box-shadow: none;
border: 0;
}
.cmpmc-gouter-section-title {
margin: 0 0 14px;
text-align: center;
color: var(--cmpmc-primary);
font-size: 17px;
line-height: 1.2;
font-weight: 800;
letter-spacing: 0.04em;
text-transform: uppercase;
}
.cmpmc-week-gouter-grid {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 14px;
align-items: start;
}
.cmpmc-gouter-day {
padding: 0;
background: transparent;
border: 0;
box-shadow: none;
border-radius: 0;
}
.cmpmc-gouter-day .cmpmc-week-foods {
padding: 0;
}
.cmpmc-wrapper.has-background-image {
position: relative;
padding: 1rem;
background: var(--cmpmc-bg);
}
.cmpmc-wrapper.has-background-image .cmpmc-week-navigator,
.cmpmc-wrapper.has-background-image .cmpmc-footer-legend {
position: relative;
}
.cmpmc-wrapper.has-background-image .cmpmc-week-navigator {
padding: 24px 20px 28px;
background: rgba(255, 255, 255, 0.96);
border-radius: 10px;
}
.cmpmc-wrapper.has-background-image .cmpmc-footer-legend {
margin-top: 28px;
padding: 20px 24px;
background: rgba(255, 255, 255, 0.96);
border-radius: 10px;
}
.cmpmc-wrapper.has-background-image .cmpmc-header-minimal {
padding: 0 24px 12px;
}
@media (max-width: 768px) {
.cmpmc-wrapper.has-background-image {
padding: 2rem;
}
.cmpmc-wrapper.has-background-image .cmpmc-week-navigator {
padding: 22px 16px;
}
.cmpmc-week-gouter-grid {
grid-template-columns: 1fr;
}
}
.cmpmc-layout-weekly .cmpmc-week-menu {
background: transparent;
}
.cmpmc-layout-weekly .cmpmc-week-grid {
gap: clamp(8px, 1vw, 14px);
}
.cmpmc-layout-weekly .cmpmc-meal-card {
overflow: hidden;
border: 1px solid var(--cmpmc-border);
border-radius: var(--cmpmc-radius);
background: rgba(255, 255, 255, 0.94);
box-shadow: 0 1px 4px rgba(15, 23, 42, 0.05);
}
.cmpmc-layout-weekly .cmpmc-week-column.is-holiday .cmpmc-meal-card {
background: rgba(255, 255, 255, 0.88);
}
.cmpmc-layout-weekly .cmpmc-day-header,
.cmpmc-layout-weekly .cmpmc-gouter-header {
margin-bottom: 0;
padding: clamp(8px, 1vh, 12px) clamp(10px, 1vw, 14px);
background: var(--cmpmc-primary);
border-bottom: 0;
}
.cmpmc-layout-weekly .cmpmc-day-header strong,
.cmpmc-layout-weekly .cmpmc-gouter-header strong {
color: #fff;
}
.cmpmc-layout-weekly .cmpmc-day-date {
color: rgba(255, 255, 255, 0.9);
}
.cmpmc-layout-weekly .cmpmc-meal-body {
padding: clamp(8px, 1vh, 12px) clamp(10px, 1vw, 14px) clamp(10px, 1.2vh, 14px);
}
.cmpmc-layout-weekly .cmpmc-week-gouter-grid {
gap: clamp(8px, 1vw, 14px);
}
.cmpmc-layout-weekly .cmpmc-gouter-day {
overflow: hidden;
border: 1px solid var(--cmpmc-border);
border-radius: var(--cmpmc-radius);
background: rgba(255, 255, 255, 0.94);
box-shadow: 0 1px 4px rgba(15, 23, 42, 0.05);
padding: clamp(8px, 1vh, 12px) clamp(10px, 1vw, 14px);
}
.cmpmc-layout-weekly .cmpmc-gouter-card {
background: transparent;
}
.cmpmc-disclaimer,
.cmpmc-legal {
text-align: center;
font-size: 13px;
line-height: 1.5;
color: var(--cmpmc-muted);
}
.cmpmc-disclaimer {
font-style: italic;
font-weight: 500;
}
.cmpmc-legal {
margin-top: 10px;
font-style: normal;
}
@media (max-width: 1100px) {
.cmpmc-week-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 768px) {
.cmpmc-week-grid {
grid-template-columns: 1fr;
}
.cmpmc-week-title {
font-size: 24px;
}
.cmpmc-header-minimal {
margin-bottom: 4px;
}
}
@media print {
.cmpmc-wrapper {
background: #fff;
padding: 0;
}
.cmpmc-week-top {
padding-bottom: 14px;
}
.cmpmc-week-arrow {
display: none;
}
.cmpmc-meal-card,
.cmpmc-gouter-card {
box-shadow: none;
border: 1px solid var(--cmpmc-border);
break-inside: avoid;
}
.cmpmc-week-gouter-section {
box-shadow: none;
border: 0;
background: transparent;
break-inside: avoid;
}
} .cmpmc-is-pdf.cmpmc-wrapper {
padding: 52px 44px;
}
.cmpmc-is-pdf .cmpmc-week-navigator {
padding: 40px 36px;
background: rgba(255, 255, 255, min(1, calc(var(--cmpmc-panel-alpha, 0.96) + 0.03)));
border-radius: 8px;
}
.cmpmc-is-pdf .cmpmc-week-gouter-section {
background: transparent;
box-shadow: none;
padding: 0;
}
.cmpmc-is-pdf .cmpmc-footer-legend {
margin-top: 44px;
padding: 28px 32px;
background: rgba(255, 255, 255, min(1, calc(var(--cmpmc-panel-alpha, 0.96) + 0.03)));
border-radius: 8px;
} .cmpmc-pdf-allergens-panel {
padding: 28px 30px;
border-radius: 12px;
background: rgba(255, 255, 255, min(1, calc(var(--cmpmc-panel-alpha, 0.96) + 0.02)));
box-shadow: 0 10px 28px rgba(15, 23, 42, 0.06);
}
.cmpmc-pdf-allergens-header {
margin-bottom: 22px;
padding-bottom: 18px;
border-bottom: 3px solid var(--cmpmc-primary);
text-align: center;
}
.cmpmc-pdf-allergens-kicker {
margin: 0 0 6px;
color: var(--cmpmc-muted);
font-size: 12px;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.cmpmc-pdf-allergens-title {
margin: 0;
color: var(--cmpmc-primary);
font-size: 28px;
line-height: 1.15;
font-weight: 800;
}
.cmpmc-pdf-allergens-range {
margin: 10px 0 0;
color: var(--cmpmc-text);
font-size: 15px;
font-weight: 600;
}
.cmpmc-pdf-allergens-table-wrap {
overflow: hidden;
border: 1px solid var(--cmpmc-border);
border-radius: 10px;
}
.cmpmc-pdf-allergens-table {
width: 100%;
border-collapse: collapse;
table-layout: fixed;
font-size: 12px;
line-height: 1.5;
}
.cmpmc-pdf-allergens-table thead th {
padding: 12px 14px;
border-bottom: 2px solid color-mix(in srgb, var(--cmpmc-primary) 25%, #fff);
background: linear-gradient(180deg, color-mix(in srgb, var(--cmpmc-primary) 12%, #fff), color-mix(in srgb, var(--cmpmc-primary) 6%, #fff));
color: var(--cmpmc-primary);
font-size: 12px;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 0.04em;
vertical-align: middle;
text-align: left;
}
.cmpmc-pdf-allergens-table td {
padding: 11px 14px;
border-bottom: 1px solid var(--cmpmc-border);
vertical-align: top;
text-align: left;
word-break: break-word;
}
.cmpmc-pdf-allergens-table tbody tr:last-child td {
border-bottom: 0;
}
.cmpmc-pdf-allergens-row-first td {
border-top: 2px solid color-mix(in srgb, var(--cmpmc-primary) 18%, #fff);
}
.cmpmc-pdf-allergens-table tbody tr:first-child td {
border-top: 0;
}
.cmpmc-pdf-col-plat {
background: color-mix(in srgb, var(--cmpmc-primary) 4%, #fff);
border-right: 1px solid var(--cmpmc-border);
}
.cmpmc-pdf-plat-name {
display: block;
color: var(--cmpmc-text);
font-size: 13px;
font-weight: 800;
line-height: 1.35;
}
.cmpmc-pdf-plat-association {
display: block;
margin-top: 4px;
color: var(--cmpmc-muted);
font-size: 11px;
font-weight: 600;
line-height: 1.4;
}
.cmpmc-pdf-plat-option {
display: inline-block;
margin-top: 6px;
padding: 2px 8px;
border-radius: 999px;
background: color-mix(in srgb, var(--cmpmc-primary) 12%, #fff);
color: var(--cmpmc-primary);
font-size: 10px;
font-weight: 800;
letter-spacing: 0.03em;
text-transform: uppercase;
}
.cmpmc-pdf-col-ingredient {
color: var(--cmpmc-text);
font-size: 12px;
font-weight: 500;
}
.cmpmc-pdf-col-allergens {
background: rgba(255, 255, 255, 0.55);
}
.cmpmc-pdf-allergens-tags {
display: flex;
flex-wrap: wrap;
gap: 5px;
}
.cmpmc-pdf-allergen-tag {
display: inline-block;
padding: 3px 8px;
border-radius: 6px;
background: color-mix(in srgb, #c2410c 12%, #fff);
border: 1px solid color-mix(in srgb, #c2410c 22%, #fff);
color: #9a3412;
font-size: 10px;
font-weight: 700;
line-height: 1.3;
}
.cmpmc-pdf-allergens-empty {
color: var(--cmpmc-muted);
font-size: 12px;
font-weight: 600;
}
.cmpmc-pdf-allergens-table th:nth-child(1),
.cmpmc-pdf-allergens-table td:nth-child(1) {
width: 32%;
}
.cmpmc-pdf-allergens-table th:nth-child(2),
.cmpmc-pdf-allergens-table td:nth-child(2) {
width: 38%;
}
.cmpmc-pdf-allergens-table th:nth-child(3),
.cmpmc-pdf-allergens-table td:nth-child(3) {
width: 30%;
}
.cmpmc-pdf-allergens-note {
margin: 18px 0 0;
text-align: center;
color: var(--cmpmc-muted);
font-size: 11px;
font-style: italic;
line-height: 1.45;
}
@media print {
.cmpmc-pdf-allergens-page {
padding: 0;
background: #fff;
}
.cmpmc-pdf-allergens-panel {
padding: 0;
border-radius: 0;
box-shadow: none;
background: #fff;
}
.cmpmc-pdf-allergens-table {
font-size: 10px;
}
.cmpmc-pdf-plat-name {
font-size: 11px;
}
.cmpmc-pdf-allergens-table thead th {
font-size: 10px;
padding: 8px 10px;
}
.cmpmc-pdf-allergens-table td {
padding: 7px 10px;
}
.cmpmc-pdf-allergen-tag {
font-size: 9px;
padding: 2px 6px;
}
.cmpmc-pdf-allergens-row {
break-inside: avoid;
page-break-inside: avoid;
}
} .cmpmc-layout-weekly.cmpmc-fit-enabled {
margin: 0;
padding: 1rem;
overflow: hidden;
}
.cmpmc-layout-weekly .cmpmc-week-navigator > .cmpmc-week-top {
display: grid !important;
grid-template-columns: clamp(34px, 3vw, 40px) minmax(0, 1fr) clamp(34px, 3vw, 40px) !important;
align-items: center !important;
gap: clamp(8px, 1vw, 14px) !important;
padding: 0 0 8px !important;
background: transparent !important;
color: var(--cmpmc-text);
}
.cmpmc-layout-weekly .cmpmc-week-navigator > .cmpmc-week-top > .cmpmc-week-arrow {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
align-self: center !important;
justify-self: center !important;
width: clamp(34px, 3vw, 40px) !important;
height: clamp(34px, 3vw, 40px) !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 999px !important;
background: var(--cmpmc-primary) !important;
color: #fff !important;
box-shadow: none !important;
font-size: clamp(14px, 1.3vw, 18px) !important;
line-height: 1 !important;
flex-shrink: 0;
}
.cmpmc-layout-weekly .cmpmc-week-navigator > .cmpmc-week-top > .cmpmc-week-arrow.is-disabled,
.cmpmc-layout-weekly .cmpmc-week-navigator > .cmpmc-week-top > .cmpmc-week-arrow:disabled {
opacity: 0.35;
cursor: not-allowed;
transform: none !important;
}
.cmpmc-layout-weekly .cmpmc-week-navigator {
padding: 10px 12px 12px;
}
.cmpmc-layout-weekly .cmpmc-week-top {
padding-bottom: 8px;
}
.cmpmc-layout-weekly .cmpmc-week-title {
font-size: clamp(15px, 1.7vw, 24px);
}
.cmpmc-layout-weekly .cmpmc-week-range {
font-size: clamp(10px, 1vw, 13px);
}
.cmpmc-layout-weekly .cmpmc-week-meta {
margin-top: 3px;
gap: 6px 10px;
}
.cmpmc-layout-weekly .cmpmc-week-hero .cmpmc-pdf-button {
min-height: 26px;
padding: 3px 8px;
font-size: clamp(9px, 0.85vw, 11px);
background: var(--cmpmc-primary);
color: #fff;
}
.cmpmc-fit-host {
width: 100%;
overflow: hidden;
}
.cmpmc-fit-content {
width: 100%;
will-change: transform;
}
.cmpmc-layout-weekly .cmpmc-week-grid {
grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
gap: clamp(8px, 1vw, 14px);
align-items: stretch;
}
.cmpmc-layout-weekly .cmpmc-week-column {
display: flex !important;
flex: 1 1 0;
min-width: 0;
align-self: stretch;
}
.cmpmc-layout-weekly .cmpmc-meal-card {
flex: 1 1 auto;
width: 100%;
}
.cmpmc-layout-weekly .cmpmc-mobile-day-nav {
display: none !important;
}
.cmpmc-layout-weekly .cmpmc-week-gouter-grid {
grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
gap: clamp(8px, 1vw, 14px);
}
.cmpmc-layout-weekly .cmpmc-week-top {
padding-bottom: 6px;
}
.cmpmc-layout-weekly .cmpmc-week-title {
font-size: clamp(15px, 1.7vw, 24px);
}
.cmpmc-layout-weekly .cmpmc-week-range {
font-size: clamp(10px, 1vw, 13px);
}
.cmpmc-layout-weekly .cmpmc-week-navigator {
padding: 10px 12px 12px;
}
.cmpmc-layout-weekly .cmpmc-day-header strong,
.cmpmc-layout-weekly .cmpmc-gouter-header strong {
font-size: clamp(11px, 1.1vw, 14px);
}
.cmpmc-layout-weekly .cmpmc-day-date {
font-size: clamp(10px, 0.95vw, 12px);
margin-top: 2px;
}
.cmpmc-layout-weekly .cmpmc-day-header,
.cmpmc-layout-weekly .cmpmc-gouter-header {
padding: clamp(8px, 1vh, 12px) clamp(10px, 1vw, 14px);
margin-bottom: 0;
}
.cmpmc-layout-weekly .cmpmc-food-category {
padding: 0;
}
.cmpmc-layout-weekly .cmpmc-food-category + .cmpmc-food-category {
margin-top: clamp(6px, 0.8vh, 10px);
padding-top: clamp(6px, 0.8vh, 10px);
}
.cmpmc-layout-weekly .cmpmc-meal-card .cmpmc-week-foods,
.cmpmc-layout-weekly .cmpmc-gouter-day .cmpmc-week-foods {
padding: 0;
}
.cmpmc-layout-weekly .cmpmc-food-category-title,
.cmpmc-layout-weekly .cmpmc-gouter-section-title {
font-size: clamp(9px, 0.85vw, 11px);
margin-bottom: 4px;
}
.cmpmc-layout-weekly .cmpmc-week-foods li,
.cmpmc-layout-weekly .cmpmc-week-foods li.cmpmc-food-item {
margin-bottom: clamp(3px, 0.5vh, 6px);
font-size: clamp(10px, 0.95vw, 13px);
line-height: 1.35;
gap: 4px;
}
.cmpmc-layout-weekly .cmpmc-food-detail {
font-size: clamp(10px, 0.95vw, 13px);
line-height: 1.35;
}
.cmpmc-layout-weekly .cmpmc-week-gouter-section {
margin-top: clamp(8px, 1vh, 14px);
}
.cmpmc-layout-weekly .cmpmc-gouter-section-title {
margin-bottom: clamp(6px, 0.8vh, 10px);
}
.cmpmc-layout-weekly .cmpmc-fit-content .cmpmc-footer-legend {
margin-top: 6px;
padding-top: 6px;
border-top: 1px solid var(--cmpmc-border);
text-align: center;
}
.cmpmc-layout-weekly .cmpmc-legend-labels {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 4px 10px;
}
.cmpmc-layout-weekly .cmpmc-legend-labels strong {
display: inline;
margin: 0 2px 0 0;
font-size: clamp(8px, 0.75vw, 11px);
}
.cmpmc-layout-weekly .cmpmc-legend-list {
display: inline-flex;
flex-wrap: wrap;
justify-content: center;
gap: 4px 10px;
margin: 0;
padding: 0;
}
.cmpmc-layout-weekly .cmpmc-legend-list li {
font-size: clamp(8px, 0.75vw, 11px);
gap: 4px;
}
.cmpmc-layout-weekly .cmpmc-disclaimer {
margin: 4px 0 0;
font-size: clamp(8px, 0.75vw, 11px);
line-height: 1.25;
}
.cmpmc-layout-weekly .cmpmc-legal {
margin-top: 2px;
font-size: clamp(7px, 0.65vw, 10px);
line-height: 1.25;
}
.cmpmc-layout-weekly .cmpmc-legend-list img,
.cmpmc-layout-weekly .cmpmc-label img {
width: clamp(12px, 1.1vw, 16px);
height: clamp(12px, 1.1vw, 16px);
max-width: clamp(12px, 1.1vw, 16px);
max-height: clamp(12px, 1.1vw, 16px);
}
.cmpmc-layout-weekly .cmpmc-food-labels-col {
flex-basis: clamp(14px, 1.4vw, 20px);
}
.cmpmc-layout-weekly .cmpmc-week-hero .cmpmc-pdf-button {
min-height: 24px;
padding: 2px 8px;
font-size: clamp(9px, 0.85vw, 11px);
}
@media (max-width: 1100px) {
.cmpmc-layout-weekly.cmpmc-fit-enabled .cmpmc-week-grid {
grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}
}
@media (max-width: 768px) {
.cmpmc-layout-weekly.cmpmc-fit-enabled .cmpmc-week-grid,
.cmpmc-layout-weekly.cmpmc-fit-enabled .cmpmc-week-gouter-grid {
grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}
.cmpmc-layout-weekly.cmpmc-fit-enabled {
padding: 0.75rem;
}
.cmpmc-wrapper.has-background-image {
padding: 0.75rem;
}
}