/* CFMD-PROV-SKIN-CLASSIC-3110-A1F6C902 | Carlos Fonseca / CF Menu Digitale */
/* Skin Classica: visual layer only. It intentionally does not modify announcement/news ticker behavior. */
.mood-menu-app.mood-skin-classic{
  --mood-content-max:520px;
  --cf-skin-radius:18px;
  --cf-skin-soft-border:color-mix(in srgb,var(--mood-accent) 24%,var(--mood-card-border,#303030));
  --cf-skin-surface:color-mix(in srgb,var(--mood-card) 92%,white 8%);
  --cf-skin-surface-2:color-mix(in srgb,var(--mood-page-bg) 94%,white 6%);
  font-family:"Montserrat",Arial,sans-serif;
  background:var(--mood-page-bg);
}
.mood-skin-classic .mood-hero{max-width:520px;margin-bottom:64px}
.mood-skin-classic .mood-hero-img,.mood-skin-classic .mood-hero-placeholder{height:205px;border-radius:0 0 28px 28px}
.mood-skin-classic .mood-hero:after{height:105px}
.mood-skin-classic .mood-logo-wrap{left:24px;bottom:-42px;width:100px;height:100px;border-radius:50%;padding:9px;background:var(--mood-logo-bg,var(--mood-card));border:1px solid var(--cf-skin-soft-border)}
.mood-skin-classic .mood-lang{right:20px;bottom:-22px;background:var(--mood-language-selector-bg,var(--cf-skin-surface));border-color:var(--cf-skin-soft-border)}
.mood-skin-classic .mood-lang button{font-family:"Montserrat",Arial,sans-serif;background:transparent;color:var(--mood-title-color)}
.mood-skin-classic .mood-main{max-width:520px;padding:0 20px}
.mood-skin-classic .mood-main>h1{font-size:24px;letter-spacing:.04em;text-transform:none;font-weight:500;margin-bottom:20px}
.mood-skin-classic .mood-search input{font-family:"Montserrat",Arial,sans-serif;background:var(--mood-search-bg);color:var(--mood-search-text);border-color:var(--mood-search-border);border-radius:999px;padding:14px 18px}
.mood-skin-classic .mood-more.mood-more-header{font-family:"Montserrat",Arial,sans-serif;border-radius:999px;background:var(--mood-category-button-bg);color:var(--mood-category-button-text);box-shadow:none}
.mood-skin-classic .mood-parent-category-title,.mood-skin-classic .mood-section-title{margin-top:36px;margin-bottom:16px}
.mood-skin-classic .mood-parent-category-title h2,.mood-skin-classic .mood-section-title strong{font-family:"Montserrat",Arial,sans-serif;font-weight:500;letter-spacing:.02em}
.mood-skin-classic .mood-parent-category-title{display:flex;align-items:center;gap:10px;padding-bottom:10px;border-bottom:1px solid var(--cf-skin-soft-border)}
.mood-skin-classic .mood-parent-category-title .mood-cat-emoji{font-size:18px}
.mood-skin-classic .mood-subcategory-title{border-left:3px solid var(--mood-accent);padding-left:12px}
.mood-skin-classic .mood-products{gap:14px}
.mood-skin-classic .mood-card{
  grid-template-columns:112px minmax(0,1fr)!important;
  gap:10px 16px!important;
  padding:12px!important;
  border-radius:var(--cf-skin-radius)!important;
  background:var(--cf-skin-surface)!important;
  border:1px solid var(--cf-skin-soft-border)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.14)!important;
}
.mood-skin-classic .mood-card-img{width:112px!important;height:96px!important;border-radius:14px!important;background:var(--cf-skin-surface-2)!important}
.mood-skin-classic .mood-card-body{align-self:start}
.mood-skin-classic .mood-card h3{font-family:"Montserrat",Arial,sans-serif;font-size:18px!important;font-weight:600;line-height:1.2;margin:2px 0 7px}
.mood-skin-classic .mood-card p{font-family:"Montserrat",Arial,sans-serif;font-size:12.5px!important;line-height:1.45}
.mood-skin-classic .mood-price{font-family:"Montserrat",Arial,sans-serif;font-size:14px!important}
.mood-skin-classic .mood-allergens{font-family:"Montserrat",Arial,sans-serif;margin-top:9px}
.mood-skin-classic .mood-allergen-badge,.mood-skin-classic .mood-allergen-more{border-radius:999px!important;min-width:24px;justify-content:center}
.mood-skin-classic .mood-product-trait{border-color:var(--cf-skin-soft-border);background:var(--cf-skin-surface-2)}
.mood-skin-classic .mood-badge{font-family:"Montserrat",Arial,sans-serif;border-radius:999px}
.mood-skin-classic .mood-product-detail{width:min(500px,calc(100vw - 24px));border-radius:24px;background:var(--mood-popup-bg);border-color:var(--mood-popup-border)}
.mood-skin-classic .mood-detail-img{height:240px;border-radius:24px 24px 0 0}
.mood-skin-classic .mood-detail-title h2{font-family:"Montserrat",Arial,sans-serif;font-size:27px;font-weight:500}
.mood-skin-classic .mood-detail-content{padding:24px 24px 26px}
.mood-skin-classic .mood-modal-card{border-radius:22px;background:var(--mood-popup-bg);border-color:var(--mood-popup-border)}
.mood-skin-classic .mood-bottom-nav{background:color-mix(in srgb,var(--mood-bottom-nav-bg,#050505) 92%,transparent);border-color:var(--mood-bottom-nav-border,#151515)}
.mood-skin-classic .mood-bottom-nav button,.mood-skin-classic .mood-bottom-nav a{font-family:"Montserrat",Arial,sans-serif;border-radius:999px}
@media(max-width:430px){
  .mood-skin-classic .mood-main{padding:0 14px}
  .mood-skin-classic .mood-card{grid-template-columns:94px minmax(0,1fr)!important;padding:10px!important}
  .mood-skin-classic .mood-card-img{width:94px!important;height:88px!important}
  .mood-skin-classic .mood-card h3{font-size:16px!important}
}
@media(min-width:760px){
  .mood-menu-app.mood-skin-classic{--mood-content-max:720px}
  .mood-skin-classic .mood-hero,.mood-skin-classic .mood-main{max-width:720px}
  .mood-skin-classic .mood-products{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mood-skin-classic .mood-parent-products{grid-template-columns:repeat(2,minmax(0,1fr))}
}


/* v3.10.3 - Montserrat and order-safe card expansion */
.mood-menu-app.mood-skin-classic ,
.mood-skin-classic button,
.mood-skin-classic input,
.mood-skin-classic select,
.mood-skin-classic textarea{
  font-family:"Montserrat",Arial,sans-serif!important;
}
.mood-skin-classic .mood-card{
  grid-auto-rows:auto!important;
}
.mood-skin-classic .mood-order-control{
  grid-column:1 / -1!important;
  grid-row:auto!important;
  width:100%!important;
  justify-content:flex-start!important;
  margin-top:4px!important;
}
.mood-skin-classic .mood-order-options{
  width:100%!important;
  max-width:100%!important;
}
