/*
 Theme Name:   Museum Exhibition Child
 Template:     museum-exhibition
 Description:  Child theme for k-expos.com — mobile header language switcher
*/

@import url('../museum-exhibition/style.css');

/* ===== Mobile Header Language Switcher ===== */

/* Shared anchor — bronze outlined button using theme's primary colour */
.kex-lang-switch {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px 10px;
    font-family: var(--primary-font, 'Mulish', sans-serif);
    font-size: 13px;
    font-weight: 500;
    color: var(--primary-color, #A4893B);
    text-decoration: none;
    border: 1px solid var(--primary-color, #A4893B);
    border-radius: 3px;
    min-height: 44px;
    min-width:  44px;
    white-space: nowrap;
    box-sizing: border-box;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.kex-lang-switch:hover,
.kex-lang-switch:focus-visible {
    background-color: var(--primary-color, #A4893B);
    color: #fff;
    text-decoration: none;
}

.kex-lang-switch:focus-visible {
    outline: 2px solid var(--primary-color, #A4893B);
    outline-offset: 2px;
    box-shadow: none;
}

/* Mobile wrapper — new div INSIDE .mobile-nav, beside hamburger.
   .mobile-nav itself is NOT modified. This wrapper is a sibling
   of .toggle-button and .mobile-nav-wrap. */
.kex-mobile-lang-wrap {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 6px 15px;
    gap: 12px;
}

/* Hide the sidebar column at 991px and below so the article uses the full
   width; desktop (>=992px) keeps the sidebar beside the content. */
@media screen and (max-width: 991px) {
  .single .col-lg-3.col-md-4 {
    display: none;
  }
  .single .col-lg-9.col-md-8,
  .single .col-md-8 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}

@media screen and (max-width: 767px) {
  .entry-content figure.wp-block-table {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .entry-content .wp-block-table table {
    min-width: 480px;
  }
}

/* Mobile: make the table viewport use the full article width */
@media screen and (max-width: 767px) {
  .single #primary .entry-content figure.wp-block-table {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  .single #primary .entry-content figure.wp-block-table table {
    width: 100% !important;
    min-width: 560px !important;
    table-layout: auto;
  }

  .single #primary .entry-content figure.wp-block-table td {
    white-space: normal;
  }

  .single #primary .entry-content figure.wp-block-table td:first-child {
    min-width: 125px;
  }
}