/* Fretta QR Menu · brandbook-aligned theme
   Palette: red #D42E12, orange #F57513, black #24272A, white #FFFFFF.
   Primary typeface: TT Commons Pro / TT Commons. The stack falls back to Onest only when
   the licensed webfont is not connected through assets/fonts/adobe-fonts.css or local files. */
body[data-brand="fretta"]{
  --font-body:tt-commons-pro,"TT Commons Pro","TT Commons",Onest,Inter,Arial,sans-serif;
  --font-display:tt-commons-pro,"TT Commons Pro","TT Commons",Onest,Inter,Arial,sans-serif;
  --brand-primary:#D42E12;
  --brand-dark:#24272A;
  --brand-cream:#FFFFFF;
  --brand-sand:#F57513;
  --brand-card:#FFFFFF;
  --text:#24272A;
  --muted:#6E7174;
  --line:rgba(36,39,42,.12);
  --line-strong:rgba(36,39,42,.23);
  --shadow-soft:0 10px 26px rgba(36,39,42,.09);
  --shadow-card:0 12px 24px rgba(36,39,42,.10);
}
body.guest-body[data-brand="fretta"]{
  background:
    linear-gradient(135deg,rgba(245,117,19,.06) 0 12px,transparent 12px 46px),
    repeating-linear-gradient(135deg,rgba(212,46,18,.026) 0 20px,transparent 20px 52px),
    #fff;
}
body[data-brand="fretta"] .qr-shell{padding-top:6px}

/* Header: flat brand colors, no generic gradients. */
body[data-brand="fretta"] .qr-header{
  min-height:66px;
  overflow:hidden;
  border-radius:0 0 20px 20px;
  background:#D42E12;
  box-shadow:0 12px 24px rgba(36,39,42,.18);
}
body[data-brand="fretta"] .qr-header::before{
  content:"";
  position:absolute;
  inset:-26px -58px -24px auto;
  width:43%;
  border-radius:24px;
  background:#F57513;
  transform:skewX(-12deg);
  opacity:.98;
}
body[data-brand="fretta"] .qr-header::after{
  content:"!";
  position:absolute;
  right:17%;
  top:-25px;
  color:rgba(255,255,255,.13);
  font-family:tt-commons-pro,"TT Commons Pro","TT Commons",Onest,Arial,sans-serif;
  font-size:104px;
  font-weight:800;
  line-height:1;
  transform:rotate(-7deg);
  pointer-events:none;
}
body[data-brand="fretta"] .brand-lockup{gap:9px}
body[data-brand="fretta"] .brand-logo{width:124px;height:42px;max-width:39vw;object-fit:contain;object-position:left center;filter:none}
body[data-brand="fretta"] .brand-lockup__divider{height:27px;background:rgba(255,255,255,.52)}
body[data-brand="fretta"] .brand-lockup__eyebrow{display:block;color:rgba(255,255,255,.72);font-size:8px;font-weight:700;letter-spacing:.2em}
body[data-brand="fretta"] .brand-lockup__script{display:none!important}
body[data-brand="fretta"] .brand-lockup__copy h1{font-size:19px;font-weight:800;letter-spacing:-.03em;text-transform:uppercase}
body[data-brand="fretta"] .lang-switcher{border-color:rgba(255,255,255,.34);background:rgba(36,39,42,.20)}
body[data-brand="fretta"] .lang-switcher__btn{font-weight:700}
body[data-brand="fretta"] .lang-switcher__btn.is-active{color:#24272A;background:#fff;box-shadow:none}

/* Splash: use the slanted rounded plate from the brandbook. */
body[data-brand="fretta"] .welcome-loader{
  background:
    repeating-linear-gradient(135deg,rgba(255,255,255,.055) 0 18px,transparent 18px 48px),
    #F57513;
}
body[data-brand="fretta"] .welcome-loader__grain{display:none}
body[data-brand="fretta"] .welcome-loader__shape{border-color:rgba(36,39,42,.16)}
body[data-brand="fretta"] .welcome-loader__shape--one{width:460px;height:460px;right:-190px;top:-205px}
body[data-brand="fretta"] .welcome-loader__shape--two{width:350px;height:350px;left:-165px;bottom:-155px}
body[data-brand="fretta"] .welcome-card{position:relative;width:min(520px,95vw);transform:translateY(-2vh);padding:10px 0 0}
body[data-brand="fretta"] .welcome-card::before{
  content:"";
  position:absolute;
  z-index:-1;
  top:35px;
  left:50%;
  width:min(410px,88vw);
  height:150px;
  border-radius:23px;
  background:#D42E12;
  box-shadow:0 22px 38px rgba(36,39,42,.20);
  transform:translateX(-50%) skewX(-6deg);
}
body[data-brand="fretta"] .welcome-kicker{margin:0 0 25px;color:#24272A;font-size:11px;font-weight:800;letter-spacing:.27em}
body[data-brand="fretta"] .welcome-logo{position:relative;z-index:1;width:min(330px,76vw);height:112px;max-height:112px;padding:19px 10px;object-fit:contain;filter:none;animation:welcomeLogoFloat 3s ease-in-out infinite}
body[data-brand="fretta"] .welcome-copy{position:relative;z-index:1;margin-top:31px;text-shadow:none}
body[data-brand="fretta"] .welcome-title{display:none!important}
body[data-brand="fretta"] .welcome-line{color:#24272A;font-size:15px;font-weight:800;letter-spacing:.085em;text-transform:uppercase}
body[data-brand="fretta"] .welcome-progress{width:min(250px,65vw);height:4px;margin-top:27px;background:rgba(36,39,42,.18);box-shadow:none}
body[data-brand="fretta"] .welcome-progress span{background:#24272A}

/* Sticky controls. */
body[data-brand="fretta"] .menu-controls{
  border:1px solid rgba(36,39,42,.12);
  border-radius:16px;
  background:rgba(255,255,255,.95);
  box-shadow:0 10px 21px rgba(36,39,42,.09);
}
body[data-brand="fretta"] .section-tab,
body[data-brand="fretta"] .chip,
body[data-brand="fretta"] .mini-price,
body[data-brand="fretta"] .mini-badge,
body[data-brand="fretta"] .badge{border-radius:10px}
body[data-brand="fretta"] .section-tab{color:#24272A;background:#F4F4F2;font-weight:700}
body[data-brand="fretta"] .section-tab.active{color:#fff;background:#24272A;box-shadow:none}
body[data-brand="fretta"] #guestSearch{border-color:rgba(36,39,42,.12);background:#fff}
body[data-brand="fretta"] #guestSearch:focus{border-color:#D42E12;box-shadow:0 0 0 4px rgba(212,46,18,.11)}
body[data-brand="fretta"] .chip{color:#24272A;border-color:rgba(36,39,42,.13);background:#fff;font-weight:700}
body[data-brand="fretta"] .chip.active{color:#fff;border-color:#D42E12;background:#D42E12;transform:none}

/* Product cards: white, clean, with a controlled brand accent. */
body[data-brand="fretta"] .category-title h2{color:#24272A;font-size:24px;font-weight:800;letter-spacing:-.035em;text-transform:uppercase}
body[data-brand="fretta"] .category-title span{color:#D42E12;font-weight:700}
body[data-brand="fretta"] .product-card{
  overflow:hidden;
  border:1px solid rgba(36,39,42,.11);
  border-radius:16px;
  background:#fff;
  box-shadow:0 10px 21px rgba(36,39,42,.09);
}
body[data-brand="fretta"] .product-card::after{
  content:"";
  position:absolute;
  right:-10px;
  bottom:0;
  width:45px;
  height:5px;
  border-radius:5px 0 0 0;
  background:#F57513;
  transform:skewX(-18deg);
}
body[data-brand="fretta"] .product-card:hover{border-color:rgba(212,46,18,.26);box-shadow:0 16px 27px rgba(36,39,42,.13)}
body[data-brand="fretta"] .product-visual{background:#F7F7F5}
body[data-brand="fretta"] .product-body{position:relative;min-height:92px;padding:9px 8px 10px}
body[data-brand="fretta"] .product-name{color:#24272A;font-size:12px;font-weight:800;line-height:1.14;letter-spacing:-.012em}
body[data-brand="fretta"] .mini-price,
body[data-brand="fretta"] .badge.price{color:#fff;background:#D42E12;font-weight:700}
body[data-brand="fretta"] .mini-badge,
body[data-brand="fretta"] .badge{color:#24272A;background:#F1F1EF;font-weight:600}
body[data-brand="fretta"] .dish-dialog{border-radius:20px;background:#fff}
body[data-brand="fretta"] .dialog-content h3{color:#24272A;font-weight:800}
body[data-brand="fretta"] .nutrition-cell{border-radius:11px;background:#F4F4F2}
body[data-brand="fretta"] .nutrition-cell b{color:#D42E12}

/* Footer: dark standard logo on white, as in the brandbook. */
body[data-brand="fretta"] .qr-footer{margin-top:34px;border-top-color:rgba(36,39,42,.14);opacity:1}
body[data-brand="fretta"] .qr-footer img{width:136px;height:42px;opacity:1}
body[data-brand="fretta"] .qr-footer span{background:rgba(36,39,42,.2)}
body[data-brand="fretta"] .qr-footer p{color:#24272A;font-weight:700;letter-spacing:.19em}

@media(max-width:640px){
  body[data-brand="fretta"] .qr-header{min-height:58px;border-radius:0 0 16px 16px}
  body[data-brand="fretta"] .qr-header::before{right:-44px;width:46%}
  body[data-brand="fretta"] .qr-header::after{right:17%;top:-16px;font-size:79px}
  body[data-brand="fretta"] .brand-logo{width:105px;height:37px;max-width:36vw}
  body[data-brand="fretta"] .brand-lockup__divider{height:24px}
  body[data-brand="fretta"] .brand-lockup__eyebrow{font-size:7px}
  body[data-brand="fretta"] .brand-lockup__copy h1{font-size:16px}
  body[data-brand="fretta"] .category-title h2{font-size:20px}
  body[data-brand="fretta"] .product-card{border-radius:14px}
  body[data-brand="fretta"] .product-body{min-height:86px;padding:8px 7px 9px}
  body[data-brand="fretta"] .product-name{font-size:11.3px}
  body[data-brand="fretta"] .qr-footer img{width:124px;height:38px}
}
@media(max-width:380px){
  body[data-brand="fretta"] .brand-logo{width:91px;height:33px;max-width:33vw}
  body[data-brand="fretta"] .brand-lockup__copy h1{font-size:14px}
  body[data-brand="fretta"] .category-title h2{font-size:18px}
  body[data-brand="fretta"] .product-body{min-height:82px;padding:7px 6px 8px}
  body[data-brand="fretta"] .product-name{font-size:10.5px}
  body[data-brand="fretta"] .qr-footer img{width:112px}
}