/* Responsive overrides for Triton Lite — mobile-first additions */

/* ── Fluid containers ─────────────────────────────────────────── */
.pattern {
  width: 100%;
}

.center {
  width: 100% !important;
  max-width: 960px;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box;
  padding: 0 15px;
}

#logo {
  width: 100% !important;
  box-sizing: border-box;
}

/* ── Tablet (≤ 980px) ─────────────────────────────────────────── */
@media (max-width: 980px) {
  #content {
    clear: both;
  }

  .lay1 {
    width: 100% !important;
  }

  #slides,
  #slider_wrap {
    display: none;
  }

  #posts.single_page_post {
    width: 100% !important;
    padding: 20px 0 0 !important;
    margin-top: 20px !important;
  }

  #content .center > .comments_template {
    width: 100% !important;
  }
}

/* ── Mobile (≤ 700px) ─────────────────────────────────────────── */
@media (max-width: 700px) {

  /* Layout wrappers */
  .lay1 {
    width: 100% !important;
    background-image: none !important;
  }

  /* Post cards: single column */
  .lay1 .post,
  .lay1 .page {
    width: 100% !important;
    height: auto !important;
    margin-right: 0 !important;
    box-sizing: border-box;
  }

  .lay1 .post img,
  .lay1 .page img {
    width: 100% !important;
    height: 200px;
    object-fit: cover;
    object-position: center;
  }

  /* Main content + sidebar: stack vertically */
  #posts {
    width: 100% !important;
    float: none !important;
    box-sizing: border-box;
    background-image: none !important;
  }

  #sidebar {
    width: 100% !important;
    float: none !important;
    margin-left: 0 !important;
    box-sizing: border-box;
  }

  .single_page_post .post_wrap {
    width: 100% !important;
    padding-right: 0 !important;
    box-sizing: border-box;
  }

  .single_page_post .post img,
  .type-page img,
  .type-attachment img {
    max-width: 100% !important;
  }

  /* Nav: wrap items */
  #topmenu ul {
    flex-wrap: wrap;
    justify-content: center;
  }

  #topmenu ul li {
    margin: 4px 6px;
  }

  /* Midrow widgets: stack */
  #midrow .widgets .widget {
    width: 100% !important;
    float: none !important;
    margin-right: 0 !important;
    box-sizing: border-box;
  }

  /* Footer widgets: stack */
  #footer .widgets .widget {
    width: 100% !important;
    float: none !important;
    margin-right: 0 !important;
    box-sizing: border-box;
  }

  /* Social share bar */
  .social_wrap {
    width: 100% !important;
    float: none !important;
    margin-top: 5px;
  }

  /* Comment form */
  .comment-form-author,
  .comment-form-email,
  .comment-form-url {
    width: 100% !important;
    float: none !important;
  }

  .comment-form-email input {
    width: 100% !important;
  }

  /* Entry content forms */
  .entry-content input {
    width: 100% !important;
    box-sizing: border-box;
  }

  .entry-content textarea {
    width: 100% !important;
    box-sizing: border-box;
  }

  /* Tables scroll horizontally */
  .post table,
  .org_comment table {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}