/* Lehka uprava vzhledu 27. 10. 2026 (Dilna): sirsi web na velkych monitorech, lepsi mobil, bez Twitteru.
   Puvodni vzhled zustava, tenhle soubor se nacita az po nem. Zaloha: ~/dilna/vysmatej.cz/_zaloha/2026-10-27-design */

/* Twitter uz neexistuje, pryc s nim */
#tw, .twitter-follow-button, iframe.twitter-follow-button, .pravybanner img[alt="Twitter"] {display:none !important}

/* Vetsi a citelnejsi text vtipu */
.block, .block_active, .block_no {font-size:14px; box-sizing:border-box}
.text {font-size:14px}

/* Velke monitory: sirsi stranka (950 -> 1180 px), stred roste, menu zustavaji */
@media (min-width: 1320px) {
  #cover {width:1180px}
  #content {width:791px}
  .block, .block_active, .block_no {width:100%}
  #footer {width:1160px}
  #header {margin-right:394px}
  #login {position:absolute; right:10px; top:38px; width:185px}
}
@media (min-width: 1320px) and (max-width: 1559px) {
  .pravybanner {display:none}
}
@media (min-width: 971px) and (max-width: 1319px) {
  .block, .block_active, .block_no {width:100%}
}

/* Mobil a tablet: nejdriv vtipy, kategorie az pod nimi */
@media (max-width: 970px) {
  #cover {display:flex; flex-wrap:wrap; align-items:flex-start; padding:0 8px 10px; box-sizing:border-box; max-width:100%}
  #search, #top_01, #category, #content, #right_menu, #footer {flex:0 0 100%; box-sizing:border-box; min-width:0; max-width:100%}
  #content {order:5; top:0; min-height:0; margin-top:10px}
  #top_01 {order:6; width:auto}
  #category {order:7}
  #right_menu {order:8}
  #footer {order:9}
  #search {display:flex; height:auto; margin:8px 0}
  #search_input, .search_input_active {flex:1; width:auto; left:0; top:0; font-size:16px}
  #search_button {left:0; top:0}
  .section {font-size:15px; padding:5px 12px 8px; margin:2px 4px 2px 0}
  .block, .block_active, .block_no {width:100%; font-size:15px}
  #random, #other_category {top:0; margin-bottom:10px}
  #top_02, #top_03 {top:0}
  #social_box, .skyscraper {display:none}
  img, iframe, ins, .ads * {max-width:100% !important}
  #content {overflow-wrap:anywhere}
  #how_many_show, #how_many_pages {width:100%; text-align:left}
  #footer p {font-size:11px}
}