/* styles.css v3.5c - SUNLIGHT HIGH CONTRAST MODE */
* { box-sizing: border-box; }
html, body { height: 100%; margin: 0; }
body {
  margin: 0;                
  min-height: 100vh;        
  font-family: Arial, Helvetica, sans-serif;
  color: #000000;            /* CZARNY TEKST */
  overflow: hidden;
  background-color: #ffffff; /* CZYSTE BIAŁE TŁO */
  /* Usunięto background-image, w słońcu obrazki tylko przeszkadzają */
}

/* Usunięto body::before (to ono robiło tę paskudną smugę) */

.container { position: relative; height: 100%; width: 100%; padding: 28px 32px; }
.row3 {
  display: -webkit-box; display: -ms-flexbox; display: flex;
  -ms-flex-wrap: nowrap; flex-wrap: nowrap; height: 100%;
  transition: opacity .25s ease, filter .25s ease;
}
.col { -webkit-box-flex:0; -ms-flex:0 0 33.333%; flex:0 0 33.333%; max-width:33.333%; padding: 0 14px; }
.col h2 {
  margin: 0 0 6px;
  padding-bottom: 6px;
  border-bottom: 3px solid #000000; /* Gruba czarna linia podziału */
  font-weight: 900;
  font-size: 1.02em;
  letter-spacing: .5px;
}
.flavors-table { width: 100%; border-collapse: collapse; table-layout: fixed; }
.flavors-table tr th {
  text-align: left;
  font-weight: 800;
  padding: 6px 0 8px;
  border-bottom: 1px solid #888888; /* Szara linia między smakami */
  vertical-align: top;
  line-height: 1.08;
  word-wrap: break-word;
  /* Usunięto text-shadow - na słońcu cienie rozmywają tekst */
}
.flavors-table small {
  display: inline-block;
  font-size: 0.30em;
  color: #333333; /* Ciemnoszary dopisek */
}
.flag { height: 14px; width:auto; vertical-align: middle; margin-right: 4px; }
.emj { height: 0.9em; width:auto; vertical-align: -0.05em; margin-right: .25em; }

/* PROMO — globalnie przy dolnym prawym rogu ekranu */
.promo {
  position: fixed;
  right: 36px; bottom: 28px;
  max-width: 30vw;
  background-color: #ffffff;
  color: #000000;
  border: 2px solid #000000; /* Ramka dla czytelności */
  border-radius: 12px;
  padding: 10px 14px;
  font-size: .6em;
  line-height: 1.25;
  box-shadow: 0 10px 24px rgba(0,0,0,.15);
  text-align: right;
  z-index: 4;
}

/* overlay */
.overlay { position:absolute; left:0; top:0; right:0; bottom:0; display:none; background: rgba(255,255,255,.8); text-align:center; pointer-events: none; }
.overlay.show { display:block; }
.overlay .overlay-content { 
  position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); 
  font-size:18px; padding:16px 18px; 
  background: #ffffff; /* Jasne tło okienka */
  color: #000000; /* Czarny tekst */
  border:2px solid #000000; 
  border-radius:12px; width: 560px; max-width: calc(100% - 80px); 
}
.overlay-hours { margin-top: 8px; font-size: 14px; text-align: left; }
.hours-row { display: flex; justify-content: space-between; border-bottom: 1px dashed #666; padding: 6px 0; }
.hours-day { font-weight: normal; }
.hours-time { font-weight: 700; }
.hidden { display:none !important; }

/* closed state dim */
body.closed .row3 { opacity: .2; filter: grayscale(100%); }
body.closed .overlay { display:block; background: rgba(255,255,255,.9); pointer-events: none; }