@charset "utf-8";
/*
 * Mobile responsive overlay for omci.org.br static archive.
 * Loaded AFTER style.css — overrides desktop-only constraints.
 */

@media screen and (max-width: 768px) {

  /* Remove hard min-widths that force horizontal scroll */
  body { min-width: 0 !important; font-size: 14px; }
  .center, .center-2 { min-width: 0 !important; max-width: 100% !important; padding: 0 12px !important; box-sizing: border-box; }

  /* Images must stay in their container */
  img { max-width: 100%; height: auto; }

  /* Stop floats from breaking layout — stack everything */
  .fl, .fr, .float { float: none !important; width: 100% !important; }

  /* Header */
  #header .float { padding: 8px 0; }
  #header .center { padding: 0 8px !important; }
  #header .navbar { overflow-x: auto; -webkit-overflow-scrolling: touch; white-space: nowrap; }
  #header .navbar .nav { text-align: left; white-space: nowrap; display: flex; overflow-x: auto; }
  #header .navbar li { padding: 0 12px 0 0 !important; flex-shrink: 0; }
  #header .navbar li a { font-size: 13px; padding: 10px 0; white-space: nowrap; }

  /* Logo area */
  #header .float img { max-width: 200px; }

  /* Search / Pagefind */
  .form-search { max-width: 100% !important; margin: 8px 0 !important; }
  .form-search .text { width: 100% !important; box-sizing: border-box; }
  #pagefind-search { width: 100%; }
  .pagefind-ui__search-input { width: 100% !important; font-size: 16px !important; /* prevents iOS zoom */ }

  /* Hero / top content */
  .top_content { min-height: auto !important; height: auto !important; padding: 30px 0 !important; background-size: cover !important; }
  .top_content h1, .top_content .title { font-size: 24px !important; line-height: 1.2 !important; }
  .top_content h2, .top_content .sub_title { font-size: 13px !important; }

  /* Jurisprudencia plugin — card carousel area */
  .plugin-jurisprudencia { margin-bottom: 40px !important; }
  .plugin-jurisprudencia .center { height: auto !important; }
  .plugin-jurisprudencia .title { position: relative !important; width: 100% !important; left: 0 !important; margin-left: 0 !important; top: 0 !important; font-size: 16px !important; }
  .plugin-jurisprudencia .title:before, .plugin-jurisprudencia .title:after { display: none !important; }
  .plugin-jurisprudencia .list { padding: 0 !important; }
  .plugin-jurisprudencia .owl-carousel .owl-wrapper-outer { padding-top: 20px !important; }

  /* Bootstrap grid — stack columns */
  .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5,
  .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10,
  .col-xs-11, .col-xs-12,
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5,
  .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10,
  .col-sm-11, .col-sm-12 {
    width: 100% !important;
    float: none !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    box-sizing: border-box;
  }

  /* Two-column layout — stack sidebar below content */
  .left-column, .right-column {
    float: none !important;
    width: 100% !important;
    min-height: auto !important;
    border: 0 !important;
    padding: 10px 0 !important;
  }
  .columns { display: flex; flex-direction: column; }
  .columns .left-column { order: 2; }
  .columns .right-column { order: 1; }
  .columns.columns-l .left-column { order: 1; }
  .columns.columns-l .right-column { order: 2; border: 0 !important; }

  /* News list items */
  .list-news li a.link_image .image { max-width: 100% !important; float: none !important; margin-bottom: 8px; }
  .list-news li a.link_image .text { max-width: 100% !important; padding-left: 0 !important; }
  .list-news li .title { font-size: 18px !important; }

  /* Default list items */
  .list-default li .image { max-width: 100% !important; float: none !important; margin-bottom: 8px; }
  .list-default li .text { max-width: 100% !important; float: none !important; padding-left: 0 !important; }

  /* Jurisprudencia list items */
  .list-jurisprudencia li .image { max-width: 100% !important; float: none !important; margin-bottom: 8px; }
  .list-jurisprudencia li .text { max-width: 100% !important; float: none !important; padding-left: 0 !important; }

  /* Gallery grid — 2 columns on mobile */
  .galery-grid .item-grid { width: 50% !important; }

  /* Link blocks */
  .link-db { margin-bottom: 4px; }

  /* Footer */
  #footer .f-1 .center { padding: 10px !important; }
  #footer .f-1 .col-xs-3, #footer .f-1 [class*="col-"] { width: 100% !important; float: none !important; margin-bottom: 10px; }
  #footer .f-2 a { display: block !important; margin: 5px 0 !important; }
  #footer .f-2 a.first { max-width: 100% !important; text-align: left !important; padding: 5px 0 !important; }
  #footer .f-2 .linha div { max-width: 100% !important; display: block !important; }
  #footer .copyright { padding: 10px !important; }

  /* Filter dates sidebar */
  .filter-dates .year { line-height: 30px; }
  .filter-dates .year a { margin: 0 6px; font-size: 13px; }

  /* Pagination */
  .pagination ul li a { padding: 5px 10px; font-size: 12px; }

  /* Plugin news */
  .plugin-news .list .item a { min-height: auto !important; }
  .plugin-news .list .item a .pub_date_radius { max-width: 60px !important; }
  .plugin-news .list .item a b { max-width: calc(100% - 70px) !important; }

  /* Plugin videos */
  .plugin-videos .list .item { width: 33.33%; }

  /* Comments */
  .list-comments li { padding-left: 0 !important; }
  .list-comments li .photo { position: relative !important; margin-bottom: 8px; }
  .list-comments li .text { padding: 12px !important; }
  .list-comments li .text .arrow-comment { display: none !important; }

  /* Title content */
  .title-content2 { margin: -10px 0 0 10px !important; }
  .title-content2 .title { font-size: 16px !important; padding: 12px 16px !important; }
  .title-content2 .title:before { display: none; }

  /* Owl carousel navigation arrows */
  .owl-theme .owl-controls .owl-buttons div { width: 30px; height: 30px; font-size: 30px; line-height: 30px; margin-top: -15px; }

  /* Fixed-width text items */
  .size22, .size24, .size26, .size28, .size30, .size32, .size36, .size38, .size42 {
    font-size: 18px !important; line-height: 1.3 !important;
  }

  /* Thumb images */
  .thumb-img { position: relative !important; left: 0 !important; width: 100% !important; height: 150px !important; margin-bottom: 8px; }

  /* Embedded iframes (YouTube etc.) */
  iframe { max-width: 100% !important; }

  /* Social share buttons */
  .bt-facebook, .bt-gplus, .bt-twitter, .bt-whatsapp, .bt-mail { margin: 2px !important; }

  /* Grid system */
  .grid .col, .grid-xs-6 .col { width: 100% !important; }
}

/* Small adjustments for tablets */
@media screen and (min-width: 769px) and (max-width: 1024px) {
  body { min-width: 0 !important; }
  .center, .center-2 { min-width: 0 !important; max-width: 100% !important; padding: 0 20px !important; box-sizing: border-box; }
  img { max-width: 100%; height: auto; }
  .galery-grid .item-grid { width: 25% !important; }
}