/*
Theme Name: Master Flavours
Author: Master Flavours
Description: Editable foodservice catalogue based on the Master Flavours HTML design.
Version: 1.2.4
Requires at least: 6.2
Requires PHP: 7.4
 Text Domain: master-flavours
 */
.mf-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.mf-notice{padding:12px 16px;background:#efe3cf;border-left:4px solid #a01c17}
.admin-bar .site-header{top:32px}
@media(max-width:782px){.admin-bar .site-header{top:46px}}
nav.main-nav ul{display:flex;gap:30px;list-style:none;margin:0;padding:0}
.mf-menu-toggle{display:none;border:1px solid #d9d2c8;background:white;border-radius:7px;padding:9px 12px;font:inherit;cursor:pointer}
@media(max-width:980px){
  .mf-menu-toggle{display:inline-block}
  nav.main-nav.mf-open{display:block;position:absolute;top:100%;left:0;right:0;background:white;padding:20px 32px;border-bottom:1px solid #ddd;box-shadow:0 15px 20px #0001}
  nav.main-nav.mf-open ul{display:flex;flex-direction:column;gap:14px}
  nav.main-nav.mf-open>a{display:block;margin:0 0 14px}
}

/* 1.0.9: original logos, mobile header and enquiry forms */
.brand img{height:76px;width:98px;object-fit:contain}
.footer-brand{display:inline-block;margin-bottom:18px}
.footer-brand img{width:160px;height:auto;border-radius:4px}
.mf-enquiry-form{display:grid;gap:16px;max-width:560px;width:100%;min-width:0}
.mf-enquiry-form .field{display:grid;gap:6px}
.mf-enquiry-form input,.mf-enquiry-form textarea{width:100%;min-width:0;box-sizing:border-box}
.mf-enquiry-form button{justify-self:start;border:0}
.mf-form-privacy,.mf-form-help{font-size:.85rem;margin:0;line-height:1.6}
.mf-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
@media(max-width:560px){.site-header .bar{padding:10px 16px;gap:12px}.brand img{height:61px;width:79px}.header-right{gap:8px}.header-right .btn{padding:9px 12px}.hero .wrap{padding:32px 20px 40px;gap:24px}.wrap{padding-left:20px;padding-right:20px}.mf-menu-toggle{padding:8px}.dl-card{padding:18px}.card-grid:has(.dl-card){grid-template-columns:minmax(0,1fr)!important}}
@media(max-width:560px){.icon-grid{grid-template-columns:minmax(0,1fr)}.icon-item,.icon-item>div{min-width:0}.icon-item p,.icon-item h4{overflow-wrap:anywhere}}

/* 1.0.9: original logo for white background and balanced footer */
footer .wrap{grid-template-columns:1.25fr .75fr 1.85fr .9fr .95fr;gap:30px}
.footer-product-links{columns:2;column-gap:20px}
.footer-product-links a{break-inside:avoid;display:block}
.hero-media img{width:100%;aspect-ratio:3/2;object-fit:cover}
.about-preview>img{width:100%;aspect-ratio:3/2;object-fit:cover}
@media(max-width:980px){footer .wrap{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px}.col-products{grid-column:1/-1}.footer-product-links{column-gap:32px}}
@media(max-width:560px){footer .wrap{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding-left:20px;padding-right:20px;gap:28px 22px}.footer-product-links{columns:2;column-gap:22px}.footer-product-links a{font-size:.86rem}.brand img{width:79px;height:61px;object-fit:contain}}

/* 1.0.9: import-safe icons and packaging overview */
.icon-item .ico img{width:24px;height:24px;display:block}
.eyebrow-pill img{width:16px;height:16px;display:block}
.dl-card .ic img{width:22px;height:22px;display:block}
.site-header{background:#fff}
[id]{scroll-margin-top:128px}
.format-flexibility{padding:64px 0;background:#faf8f4}
.pack-section-heading{max-width:760px;margin:0 0 36px}
.pack-section-heading h2{font-size:clamp(1.65rem,3vw,2.3rem);margin:8px 0 12px;line-height:1.2}
.pack-section-heading p{color:var(--dark-gray);margin:0;max-width:680px}
.pack-kicker{font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--primary)}
.format-group+.format-group{margin-top:40px}
.format-group-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:20px}
.format-group-heading h3{font-size:1.1rem;margin:0}
.format-group-heading p{font-size:.85rem;color:var(--dark-gray);margin:0}
.format-tiles{display:grid;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr))}
.service-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}
.format-tile{background:#fff;border:1px solid var(--line);border-bottom:3px solid var(--primary);border-radius:12px;padding:22px 18px 24px;text-align:center;min-width:0}
.format-visual{height:118px;display:flex;justify-content:center;align-items:center;margin-bottom:16px}
.format-visual img{width:130px;height:118px;object-fit:contain}
.format-tile h3{font-size:1rem;margin:0 0 8px}
.format-tile p{font-size:.84rem;line-height:1.65;color:var(--dark-gray);margin:0 0 16px}
.format-tile .size-chips{justify-content:center;gap:6px}
.format-tile .size-chips span{font-size:.7rem;padding:4px 8px}
.pack-footnote{font-size:.8rem;color:var(--dark-gray);margin:22px 0 0}
.pack-family-section{padding:64px 0}
.pack-matrix-panel{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}
.matrix-legend{padding:18px 24px;display:flex;gap:24px;flex-wrap:wrap;background:#faf8f4;font-size:.78rem}
.matrix-legend span{display:flex;align-items:center;gap:8px}
.matrix-dot{width:8px;height:8px;border-radius:50%;background:var(--primary)}
.matrix-dash{font-size:1rem;color:#777}
.packaging-matrix{margin:0;min-width:700px;font-size:.87rem}
.packaging-matrix thead th{background:var(--charcoal);color:#fff;font-size:.7rem;padding:17px 18px;border:0}
.packaging-matrix tbody th{font-weight:600;text-transform:none;letter-spacing:0;font-size:.87rem;color:var(--charcoal);padding:16px 18px;border-bottom:1px solid var(--line);width:30%}
.packaging-matrix td{padding:16px 18px;width:11.66%}
.packaging-matrix tbody tr:nth-child(even){background:#faf8f4}
.packaging-matrix tbody tr:last-child td,.packaging-matrix tbody tr:last-child th{border-bottom:0}
.pack-matrix-note{border-top:1px solid var(--line);font-size:.79rem;line-height:1.7;color:var(--dark-gray);padding:16px 24px;margin:0}
.pack-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:32px}
.pack-notes article{border-top:2px solid var(--line);padding-top:20px}
.pack-note-number{color:var(--primary);font-weight:800;font-size:.75rem;letter-spacing:.08em}
.pack-notes h3{font-size:1rem;margin:8px 0}
.pack-notes p{font-size:.87rem;line-height:1.8;color:var(--dark-gray);margin:0}
@media(max-width:980px){.service-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.format-group-heading{display:block}.format-group-heading p{margin-top:6px}.pack-notes{gap:20px}}
@media(max-width:560px){.format-flexibility,.pack-family-section{padding:40px 0}.format-tiles,.service-tiles{grid-template-columns:minmax(0,1fr)}.format-tile{padding:20px}.format-visual{height:100px;margin-bottom:12px}.format-visual img{height:100px}.pack-notes{grid-template-columns:minmax(0,1fr);gap:24px}.matrix-legend{padding:16px;gap:12px 20px}.pack-matrix-note{padding:16px}.pack-section-heading{margin-bottom:26px}.format-group+.format-group{margin-top:30px}.table-scroll:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}}
.format-tile{display:flex;flex-direction:column;align-items:center}.format-tile .size-chips{margin-top:auto;width:100%}