/*
 * Kolumber.pl - visual refresh layer (all screen widths)
 *
 * Loaded AFTER site.css and BEFORE responsive.css (mobile rules still win).
 * Only visual tweaks: colors, radius, shadows, inner spacing. Widths and floats of the fixed
 * desktop layout (site.css) are NOT changed here, so nothing moves or wraps differently.
 *
 *  1. Text
 *  2. Search in the breadcrumbs bar
 *  3. "Pokaż więcej" bars
 *  4. Photo cards (places, travels, photos)
 *  5. Travel tags
 *  6. Pagination
 *  7. Boxes
 *  8. Footer
 *  9. Content age (travel pages, guests)
 */

/* ------------------------------------------------------------------------ */
/* 1. Text                                                                   */
/* ------------------------------------------------------------------------ */

/* justified text left big gaps between words in travel descriptions */
.md_GolistLeft p,
.md_GolistLeft div.desc { text-align: left; }

/* tag clouds (/t/, places on /g/): no justify gaps, multi-word tags are not split ("z przyjaciółmi").
   Only tag spans are nowrap - separators (" | ") must stay breakable, on /g/ there is no other whitespace */
.tagCloud { text-align: left; }
.tagCloud > span[class^="tag_size_"] { white-space: nowrap; }

/* ------------------------------------------------------------------------ */
/* 2. Search in the breadcrumbs bar                                          */
/* ------------------------------------------------------------------------ */

#breadcrumbs form input.fill {
    box-sizing: border-box;
    width: 190px;
    height: 22px;
    margin-top: 0;
    padding: 0 8px;
    border: 1px solid #c9d6dd;
    border-radius: 3px;
    color: #333;
}
#breadcrumbs form input.fill:focus {
    border-color: #5192B1;
    outline: none;
    box-shadow: 0 0 0 2px rgba(81, 146, 177, .25);
}
#breadcrumbs form input.submit {
    width: auto;
    height: 22px;
    padding: 0 12px;
    border-radius: 3px;
    background: #5192B1;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
}
#breadcrumbs form input.submit:hover { background: #3c728c; }

/* ------------------------------------------------------------------------ */
/* 3. "Pokaż więcej" bars (were grey images with rounded corners)            */
/* ------------------------------------------------------------------------ */

#main .actions,
#footer-place,
#goListCommentsContener ul.actions,
#main-people ul.actions,
#my-go-list ul.actions,
#my-gallery ul.actions,
#my-favorites ul.actions,
#my-favorites-go-list ul.actions {
    background: #f1f5f7;
    border-radius: 4px;
}

/* ------------------------------------------------------------------------ */
/* 4. Photo cards (home, places, travels, photos)                            */
/* ------------------------------------------------------------------------ */

.new_places_list li div,
.md_golist_list li div,
.new_photos_list li div {
    border-color: #e3e8eb;
    border-radius: 6px;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .06);
    transition: box-shadow .15s;
}
.new_places_list li div:hover,
.md_golist_list li div:hover,
.new_photos_list li div:hover { box-shadow: 0 4px 14px rgba(0, 0, 0, .16); }

.new_places_list li div img,
.md_golist_list li div img,
.new_photos_list li div img { border-radius: 4px; }

/* caption: darker gradient instead of a semi-transparent PNG, readable light links */
.new_places_list li div span,
.md_golist_list li div span,
.new_photos_list li div span {
    background: linear-gradient(to top, rgba(0, 0, 0, .82), rgba(0, 0, 0, .55));
    border-radius: 0 0 3px 3px;
    line-height: 1.45;
}
.new_places_list li div span a,
.md_golist_list li div span a,
.new_photos_list li div span a { color: #bfe6fa; }
.new_places_list li div span strong a,
.md_golist_list li div span strong a,
.new_photos_list li div span strong a { color: #fff; }
.new_places_list li div span a:hover,
.md_golist_list li div span a:hover,
.new_photos_list li div span a:hover { color: #fff; text-decoration: underline; }
.new_places_list li div em,
.md_golist_list li div em,
.new_photos_list li div em { color: #fff; }

/* ------------------------------------------------------------------------ */
/* 5. Travel tags (were image "pills" with grey text on blue)                */
/* ------------------------------------------------------------------------ */

.md_GolistLeft .md_GolistHeader a.md_button {
    height: auto;
    margin-top: 3px;
    padding-left: 0;
    background: none;
}
.md_GolistLeft .md_GolistHeader a.md_button span {
    height: auto;
    padding: 1px 8px;
    border: 1px solid #c5e0ee;
    border-radius: 10px;
    background: #e9f4fa;
    color: #05577F;
    line-height: 17px;
}
.md_GolistLeft .md_GolistHeader a.md_button:hover span { background: #d3eaf6; }

/* ------------------------------------------------------------------------ */
/* 6. Pagination                                                             */
/* ------------------------------------------------------------------------ */

.pages span,
.pagination span,
.pages span.pages a,
.pagination span.pages a {
    border-color: #c9d6dd;
    border-radius: 3px;
}
.pages span.pages a:hover,
.pagination span.pages a:hover {
    border-color: #5192B1;
    background: #5192B1;
    color: #fff;
}
/* current page and "..." are both plain <span> (no class) - left as in site.css (bold) */

/* ------------------------------------------------------------------------ */
/* 7. Boxes                                                                  */
/* ------------------------------------------------------------------------ */

.md_GolistLeft .md_GolistHeader,
.md_UserInfo { border-radius: 4px; }

/* ------------------------------------------------------------------------ */
/* 8. Footer                                                                 */
/* ------------------------------------------------------------------------ */

#footer {
    padding: 14px 0;
    border-top: 1px solid #e1e6e9;
    background: #f4f6f7;
}

/* ------------------------------------------------------------------------ */
/* 9. Content age (travel and entry pages, guests): date and archive note    */
/* ------------------------------------------------------------------------ */

/* div/span, not p - site.css forces 1rem on every p */
.content-age {
    margin: 2px 5px 6px;
    color: #555;
    font-size: 12px;
    line-height: 1.5;
}
.content-age-date { display: block; font-weight: bold; }
.content-age-note { display: block; color: #6b6b6b; }
#goListaHeader .content-age { margin: 0 0 8px; }
.content-age-stats { font-weight: normal; }
.content-age-stats span { white-space: nowrap; }

/* ------------------------------------------------------------------------ */
/* 10. Travel page (guests): table of contents, related travels             */
/* ------------------------------------------------------------------------ */

/* card between the travel header and the first entry; <details open> - can be collapsed, works without JS;
   float + width: the travel header and entries float in site.css */
.golist-toc {
    float: left;
    clear: both;
    box-sizing: border-box;
    width: 100%;
    margin-top: 14px;
    padding: 10px 16px 8px 14px;
    border: 1px solid #dde5ea;
    border-left: 4px solid #5192B1;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
    font-size: 13px;
    line-height: 1.5;
}
.golist-toc summary {
    color: #005A83;
    font-size: 15px;
    font-weight: bold;
    cursor: pointer;
}
.golist-toc-count { color: #6b6b6b; font-size: 13px; font-weight: normal; }
/* the reset in site.css removes list numbers and padding */
.golist-toc ol {
    margin: 6px 0 2px;
    padding-left: 26px;
    list-style: decimal;
}
/* 6+ entries: two columns (one on phones - responsive.css) */
.golist-toc-columns ol { column-count: 2; column-gap: 32px; }
.golist-toc li { padding: 3px 0; break-inside: avoid; } /* 24 px touch target (WCAG 2.2) */
.golist-toc li::marker { color: #5192B1; font-weight: bold; }
#goLista .golist-toc li a { color: #05577F; } /* site.css: #goLista a - #12B1FF */
#goLista .golist-toc li a:hover { text-decoration: underline; }
.golist-toc-place { color: #6b6b6b; font-size: 12px; }

.golist-related {
    clear: both;
    padding-top: 24px;
}
/* site.css: #goLista h2 - float, grey */
#goLista .golist-related h2 {
    float: none;
    margin: 12px 0 8px;
    padding-left: 0;
    color: #005A83;
    font-size: 20px;
    line-height: 1.25;
}
.golist-related-more {
    margin: 2px 0 14px;
    font-size: 14px;
}
#goLista .golist-related-more a { color: #05577F; font-weight: bold; }