/*
 * go100-mobile.css — desktop content styles for wygrane (go100) on mobile.
 * Loaded ONLY for mobile go100. Mobile shell (header/menu) comes from style-mobile.css.
 * These rules are taken from style-multipasko2.css with mobile layout overrides.
 */

/* --- Tabele wygranych (wygrane-multi) --- */
table.wygrane-multi{text-align:center;margin:5px auto 25px;width:100%;font-size:1.6rem;clear:both;border-collapse:collapse;}
table.wygrane-multi.duzy td{font-size:1.4rem;padding:6px 4px;line-height:1.4;}
table.wygrane-multi.duzy td.td2{line-height:1.4;font-size:1.4rem;}
table td{border:0 solid #333;}
tr.tr2 td,td.td2,table#statystykaOgolna td.td2,table.table1 td.td2{background-color:#336633;color:#fff;}
table.wygrane-multi td{border-width:1px;line-height:22px;background:#565;color:#fcfbee;padding:8px 5px;}
table.wygrane-multi .td1{background-color:#096;color:#fff;text-align:center;font-size:1.4rem;padding:3px 0;}
table.wygrane-multi .td2{background-color:#fc0;color:#000;text-align:center;font-size:1.4rem;padding:3px 0;}
.wygrane-multi td strong{color:#ff0;letter-spacing:3px;}
.wygrane-multi span.kwota{display:block;font-size:1.4rem;color:#fd9;}
.wygrane-multi td.kwota{font-size:1.4rem;color:#fd9;white-space:nowrap;}
.wygrane-multi .wygrane-miasta{font-size:1.5rem;color:#9f9;margin-top:4px;}

/* --- Wypłacone (11 kolumn) --- */
.wyplacone{border-collapse:collapse;width:100%;}
.wyplacone td{font-size:1.6rem;text-align:center;padding:10px 5px;border:1px solid #222;background:#565;white-space:nowrap;}
.wyplacone th{background-color:#FFBB00;color:black;padding:10px 0;border:1px solid #222;}

/* --- Kalendarz --- */
#calendar{margin:15px auto;width:320px;background:#556655;}
#calendar .days td{background:#9c3;color:#00a;}
#calendar td{font-size:17px;padding:5px;border-width:1px;border-color:#140;text-align:center;}
#calendar tr.godzina td{background:#660;font-size:1.7rem;text-align:center;padding:5px 0;}
#calendar .curtime{background:#ff0;font-weight:bold;color:#00f;display:block;}
#today{background:#ff0;}
#today a{color:#00f;font-weight:bold;}
#custom-date{color:pink;}
#custom-date input{width:85px;font-weight:bold;background:#ffff99;padding:3px 5px;font-size:16px;}
#custom-date button{font-size:1.4rem;padding:2px 7px;cursor:pointer;}

/* --- Kulki wyników --- */
#wygrane-wyniki{margin-top:5px;margin-bottom:0;width:100%;text-align:center;}
#wygrane-wyniki ul{display:inline-block;overflow:auto;background:#ccc;padding:5px;margin:0 auto;width:auto;}
#wygrane-wyniki li,.zaklady-specjalne li{display:block;float:left;width:auto;height:auto;margin:4px;padding:4px;border:1px solid #050;border-radius:25px;list-style-type:none;text-align:center;background:#EEE8AA;font-size:21px;line-height:1;font-weight:bold;color:#000;}
.zaklady-specjalne li{padding:5px;}
.zaklady-specjalne{overflow:auto;margin:5px 0 0 10px !important;}
.kaskada #wygrane-wyniki li{padding:12px 18px;}
.multi-lotek #wygrane-wyniki li{margin:4px;padding:4px;border-radius:15px;font-size:21px;line-height:1;}
.multi-lotek #wygrane-wyniki ul{padding:9px;}
#wygrane-wyniki li.plus{background:#06f;color:#fff;}

/* --- Right-to-calendar container --- */
#right-to-calendar{float:none;width:318px;height:auto;margin:25px auto;background:#556655;border:1px solid #333;padding:10px 0;}

/* --- Tabela mnożników (tabelaML, 12 kolumn) --- */
TABLE#tabelaML{width:100%;border:0;margin:auto;}
TABLE#tabelaML TD{text-align:center;font-size:1.6rem;border:1px solid #aca;width:60px;padding:5px;empty-cells:show;}
TABLE#tabelaML TD.blank,TABLE#tabelaML TR#iloscTypowanych TD.blank{background-color:#286114;border:0;}
TABLE#tabelaML TD.width600{font-weight:normal;height:50px;font-size:2.2rem;}
TABLE#tabelaML TR#iloscTypowanych TD,TABLE#tabelaML TD.yellow{background-color:yellow;color:black;height:40px;font-size:1.7rem;}
.tdWht{background:#286114;}
.rotate{transform:rotate(270deg);}
.tdWht .rotate{width:60px;margin-top:90px;white-space:nowrap;font-size:2.2rem;word-spacing:5px;}
.trafionych-vertical{transform:rotate(270deg);width:50px !important;white-space:nowrap;display:block;font-size:1.8rem;margin-top:180px;letter-spacing:2px;word-spacing:10px;font-weight:normal;}
.promocja{color:#0f0;font-weight:bold;}

/* --- Multi-multi switch / Lotto-Plus tabs --- */
.lottoplus,.multi-multi-switch{margin:10px auto 20px;overflow:auto;padding:15px 10px;text-align:left;background:#050;font-size:1.8rem;font-weight:500;width:300px;}
.lottoplus span,.multi-multi-switch span{background:url(/img/button-off.png) no-repeat;height:46px;line-height:46px;display:block;padding-left:53px;background-size:auto 46px;}
.multi-multi-switch span{cursor:pointer;margin:5px 0;}
.keno .multi-multi-switch,.szybkie-szescset .multi-multi-switch{text-align:center;font-size:1.6rem;}
.keno .multi-multi-switch span,.szybkie-szescset .multi-multi-switch span{display:inline-block !important;margin:5px 15px;}
.szybkie-szescset table.wygrane-multi.duzy td[style]{font-size:1.6rem !important;}
.multi-multi-switch span.active{background:url(/img/button-on.png) no-repeat;background-size:auto 46px;color:gold;}
.lottoplus2{margin:15px auto;text-align:center;display:flex;justify-content:center;gap:30px;}
.lottoplus2 span,.lottoplus2 a{display:inline-block !important;}
h2.lottoplus a,.multi-multi-switch a{display:inline-block;height:46px;line-height:46px;padding-left:53px;text-decoration:none;color:#bbb;background:url(/img/button-off.png) no-repeat;background-size:auto 46px;}
.lottoplus span{background:url(/img/button-on.png) no-repeat;background-size:auto 46px;}

/* --- Wygrane roczne (wygrane-year, 6 kolumn) --- */
.wygrane-year{margin:10px auto;clear:both;border-collapse:collapse;width:100%;}
.wygrane-year th{background-color:#FFC20A;border:1px solid #000;color:#000;padding:5px;text-align:center;}
.wygrane-year td{padding:8px 6px;font-size:1.4rem;border:1px solid #aaa;text-align:center;}
.wygrane-year td.date{background:#ffbbff;color:#000;border-color:#000;padding:5px;}
.wygrane-year a{color:#00f;}

/* --- Archiwum wygranych --- */
.wygrane-by-year{text-align:center;}
.wygrane-by-year p{margin:8px 0;}

/* --- Kupon wizualizacja --- */
.kupon-scroll{width:320px;height:71.2px;margin:20px auto;clear:both;overflow:hidden;}
.kupon{border-radius:6px;transform:scale(0.4);transform-origin:top left;width:800px;height:178px;margin:0;}
.kupon div{position:absolute;background:#050;width:34px;height:10px;}
#kupon-lotto{background:url('../img/kupon-lotto2.jpg');}
#kupon-mini,.kupon-mini{background:url('../img/kupon-mini.jpg');}
#kupon-600{background:url('../img/kupon-600.jpg');width:770px;height:142px;}
.kupon-pensja{background:url('../img/kupon-pensja.jpg');width:798px;height:169px;}
.main100 .eurojackpot h3{color:pink;}
#system-eurojackpot{width:100%;margin:auto;}
#system-eurojackpot table{margin:20px auto 10px;width:100%;}
#system-eurojackpot table tr > *{padding:8px 5px;font-size:1.5rem;}
#mainTd input[type="submit"],#mainTd input[type="button"],#mainTd a.button,#mainTd span.button,#mainTd div.button,#mainTd button.button{font-size:1.5rem;line-height:1.5;background:#ddd;color:#00d;border:1px solid #494;padding:5px 10px;cursor:pointer;text-decoration:none;display:inline-block;text-align:center;user-select:none;}
.main100 div.button{font-size:1.6rem;margin-top:8px;}
.main100 div.button input{font-size:1.6rem;width:25px;font-weight:bold;background:#ff6;}
#kupon-czastkowy{display:none;margin-top:20px;}
.flag{display:inline-block;vertical-align:middle;margin-right:15px;width:48px;height:48px;background:url('/img/flags2.png') no-repeat}.flag.flag-cz{background-position:-48px 0}.flag.flag-de{background-position:-96px 0}.flag.flag-dk{background-position:-144px 0}.flag.flag-ee{background-position:-192px 0}.flag.flag-es{background-position:0 -48px}.flag.flag-fi{background-position:-48px -48px}.flag.flag-hr{background-position:-96px -48px}.flag.flag-hu{background-position:-144px -48px}.flag.flag-is{background-position:-192px -48px}.flag.flag-it{background-position:0 -96px}.flag.flag-lt{background-position:-48px -96px}.flag.flag-lv{background-position:-96px -96px}.flag.flag-nl{background-position:-144px -96px}.flag.flag-no{background-position:-192px -96px}.flag.flag-pl{background-position:0 -144px}.flag.flag-se{background-position:-48px -144px}.flag.flag-si{background-position:-96px -144px}.flag.flag-sk{background-position:-144px -144px}.flag.flag-gr{background-position:-192px -144px}
table.duzy.euro-countries{clear:left;margin:auto;margin-top:0;}
table.duzy.euro-countries .td2{width:130px;font-size:1.6rem;}
.polska-europa{text-align:center;margin:10px 0;}
.polska-europa a{font-size:1.8rem;padding:5px 20px;margin:5px 10px;}
.polska-europa a.selected{border:7px solid #09c;}
#kupon-euro{background:url('../img/kupon-euro3.jpg');width:799px;height:285px;}
#kupon-euro-new{background:url('../img/kupon-euro4.jpg');background-size:100%;width:800px;height:284px;}
.kupon-scroll:has(#kupon-600){width:308px;height:58px;}
.kupon-scroll:has(.kupon-pensja){width:319px;height:68px;}
.kupon-scroll:has(#kupon-euro){width:320px;height:114px;}
.kupon-scroll:has(#kupon-euro-new){width:320px;height:114px;}

/* --- Premia --- */
#wygrane-premia{margin:0 0 15px;padding:15px;background:#556655;border:3px solid #BBC87F;font:1.6rem/1.4 'Roboto',sans-serif;}
#wygrane-premia strong{color:gold;}

/* --- Keno / Szybkie 600 --- */
.main100 .szybkie-szescset h3,.main100 .keno h3{margin:20px 5px 25px;font-size:1.6rem;}
h3.suma{background:#565;padding:10px;border:1px solid #333;font-size:1.6rem;}
.main100 .keno h5{float:none;width:100%;line-height:30px;}
.main100 .keno form,.main100 .szybkie-szescset form{font-size:1.6rem;}
.main100 .szybkie-szescset .bigballs li{padding:4px 6px;font-size:1.8rem;}

/* --- Premia Szybkie 600 --- */
table.wygrane-multi td.wygrane-szybkie-header{color:#000;background:#cccc00;font-size:1.6rem;line-height:1.4;text-align: center;}
.wygrane-szybkie-header ul.bigballs{margin:10px 25px;width:150px !important;}
.premia-pula{margin:30px 10px 0;}
.premia-kwota{display:block;font-size:1.6rem;color:brown;font-weight:bold;}

/* --- Bigballs (Keno/Szybkie 20 kulek) --- */
ul.bigballs{width:auto !important;overflow:auto;margin:0 auto 10px;padding:0;}
ul.bigballs li{display:block;float:left;border:1px solid #222;border-radius:16px;padding:0 5px;margin:2px 4px 0;font-weight:bold;background:#ff9;color:#000;font-size:1.6rem;line-height:24px;}

/* --- h5 (nagłówek losowania) --- */
h2{text-align:center;}
h5{margin:10px 0;text-align:center;font-size:1.7rem;}
h6{font-size:1.5rem;padding:5px;margin:0;text-align:center;}

/* --- table3 (tabela systemowa, 7 kolumn) --- */
.table3{border:1px outset green;background-color:#005500;border-collapse:collapse;margin:auto;}
.table3 td{border:1px solid #8c8;padding:8px 10px;text-align:center;line-height:150%;font-size:1.6rem;}
.table3 .td2{font-size:1.4rem;}
.systemowa{color:#bbb;}

/* ===== Mobile layout overrides ===== */

/* Szerokie tabele: horizontal scroll */
.tab1,.tab2,.tab3{overflow-x:auto;-webkit-overflow-scrolling:touch;}
table.wygrane-multi{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;width:fit-content;max-width:100%;margin-left:auto;margin-right:auto;}
.table3{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;}
table.wyplacone{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;}
.wygrane-year{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;}

/* Wskazówka scroll — cień na prawej krawędzi znika po przewinięciu */
.tab1,.tab2,.tab3,table.wygrane-multi,.table3,table.wyplacone,.wygrane-year{
    background:
        linear-gradient(to right,#286114 30px,transparent) left/40px 100%,
        linear-gradient(to left,#286114 30px,transparent) right/40px 100%,
        linear-gradient(to right,rgba(0,0,0,0.25),transparent) left/15px 100%,
        linear-gradient(to left,rgba(0,0,0,0.25),transparent) right/15px 100%;
    background-repeat:no-repeat;
    background-attachment:local,local,scroll,scroll;
}

/* Box4 — inline width:745px override */
.main100 .lacznie{margin-top:10px;margin-bottom:30px;width:100%;}
.lacznie p{text-align:center;line-height:1.4;margin:5px;font-size:1.6rem;color:#fff;}
.lacznie p strong{color:gold;white-space:nowrap;}
.duzy-lotek .lacznie{margin-bottom:10px;margin-top:25px;clear:both;width:auto;}
.box3{padding:15px 10px;}
#mainTd.express-lotek .box3{margin:15px auto;font-size:1.5rem;width:auto;}
.box4{width:auto !important;max-width:100%;font-size:1.7rem !important;}

/* Lottoplus2 — nie float na mobile */
.lottoplus2{float:none !important;margin:15px auto;}

/* --- Kolektury search --- */
.kolektury-info{font-size:1.4rem;font-weight:normal;margin-bottom:15px;line-height:1.4;color:#eeee66;text-align:center;}
#kolektury-search input[name="miasto"]{margin-right:10px;width:90px;}
#kolektury-search input[name="adres"]{width:77px;}
#kolektury-search input[name="numer"]{width:50px;font-weight:bold;padding:0;font-size:14px;}
#city-address{font-size:1.4rem;}
input.kolektury-submit{display:block !important;margin:15px auto 5px;font-size:1.5rem;padding:7px 20px;}

.kolektury-ranking-title{color:#ff0;font-size:1.5rem;margin:1rem 0;text-align:center;}
ol.kolektury-ranking{font-size:1.5rem;}
ol.kolektury-ranking li{margin-bottom:30px;}

/* --- Kolektura detail (go62) --- */
.main62 .kolektura-godziny{float:none;width:auto;margin:15px 10px -10px;padding:15px 10px;}
.main62 address{padding:10px;background:#360;border:2px solid #140;text-align:center;font-size:1.6rem;width:auto;float:none;}
.main62 .kolektura-mapy{padding-left:5px;padding-right:5px;font-size:1.5rem;margin:0;}
.main62 .kolektura-mapy a{display:block;margin:10px 0;}
.main62 a{font-size:1.5rem;}
.main62 .kolektura-wysokie{margin-top:20px;padding:0 10px 10px;}
.main62 .kolektura-wysokie ul{list-style-type:none;padding-left:0;}
.main62 .kolektura-wysokie .wygrana{font-size:1.6rem;color:#ff0;}
.kol-city{padding:14px;border:1px solid #777;margin:15px auto;color:#ccc;background:#050;min-height:auto;}
.kol-city h3{margin:0;font-size:1.5rem;font-weight:bold;}
.kol-city h4{margin:0;font-weight:normal;font-size:1.5rem;}

/* --- Wysokie wygrane (go110) --- */
.ww-search{margin:10px 0;float:none;width:auto;font-size:1.5rem;}
.ww-links{margin:10px 0;float:none;width:auto;font-size:1.5rem;font-family:'Roboto',sans-serif;}
.ww-links ul{padding-left:15px;}
.ww-links li{margin:8px 0;}

.main100 #mainTd{text-align:center;}

/* Zabezpieczenie overflow */
body{overflow-x:hidden;}
#mainTd{overflow-x:hidden;}