/*
 * @KP
 * Plik ładowany PO themes/default/skins/modern/css/main.css   w tpl/code/themes/default/modern2.phtml
 * W założeniu tu będę wprowadzał zmiany. A w dalszej perspektywie być może skopiować do skina modern.
 */

 /* ------------------------------------------------------------------------------------------------------ */
 /* Hamburger menu */

 .chaos-hamburger-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    /* Odstępy między przyciskami */
    justify-content: center;
    /* border:2px solid lightgreen; */
    padding:0px;
    margin:20px 0px;
}

.chaos-hamburger-container li {
    padding: 10px 20px;
    text-decoration: none;
    border: 2px solid #fff;
    display: inline-block;
    text-align: center;
    font-family: Arial, sans-serif;
    font-size: 18px;
    /* background-color:#c9302c; */
    border-radius: 10px;
}

.chaos-hamburger-container a{
    color: #fff;
}


/*
Quick and dirty fix.
Chodzi o to, że z jakiegoś powodu te rzecz pictureWrapper jest schowana... na różne sposoby.
Dopiero JS włącza. Efektem jest to, że googlebot ma gdzieś js i nie widzi obrazu i np. nie ma ochoty
wyświetlać reklam adwords. Nie mówiąc o słabej pozycji w serps.
Wykorzystywane w tpl/code/themes/default/Photo/show.phtml

Problem: migocze, tzn. wpierw pojawia się wersja css, potem ta z js, jednak to trzeba rozwiązać systemowo i 
pozbyć się js w tym zakresie.
*/
.photo-pane .content-pane #pictureWrapper{
    /* przykładowe dla /photo/168181#: left: 462px;  top: 0px;  width: 413px;   height: 276px;  */
    /* left:30%;
    top:0px;
    width:30%; */
}

.photo-pane .content-pane #pictureWrapper img{
    /* opacity:1; */
}