/* 
 * WCAG Mobile
 * 
 * @since 1.0.0
 */

.wcag-title-container-mobile {
  display: none;
}

.wcag-title-container-mobile .sidebar-toggle {
  background: none;
  border: 2px solid white;
  border-radius: 50%;
  padding: 4px;
  cursor: pointer;
}

.wcag-article-container .sidebar-toggle svg,
.wcag-article-container .sidebar-toggle path {
  color: white;
}

.wcag-article-container .sidebar-fixed-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(3px);
  z-index: 20;
  display: none;
}

.wcag-article-container.wcag-sidebar--open .sidebar-fixed-overlay {
  display: block;
}

@media (max-width: 1024px) {
  .wcag-article-container .home-page-link-container-desktop {
    display: none;
  }

  .wcag-article-container .wcag-custom-sidebar-inner {
    width: 100%;
  }
  
  .wcag-article-container .wcag-title-container-mobile {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: var(--aaa-wcag-dark-bg, #1A202E);
    gap: 16px;
    padding-left: 12px;
    padding-right: 12px;
  }

  .wcag-article-container .wcag-title-container-mobile .wcag-title {
    color: "#1A202E";
  }

  .wcag-article-container .wcag-page-header {
    padding: 24px;
  }
  .wcag-article-container .wcag-search form {
    gap: 6px;
  }
  .wcag-article-content .wcag-article-content-inner {
    padding: 24px;
  }

  .wcag-article-list {
    padding: 16px;
  }

  .wcag-article-list .custom-post-archive .custom-post-item {
    padding: 16px;
  }
  .article-box-bottom {
    flex-direction: column;
    gap: 24px;
  } 
  .article-box-bottom >div:first-child {
    align-self: flex-start;
  }
  .article-box-theme-text {
    font-size: 14px;
  }
  .article-box-theme-text-wrapper {
    line-height: 12px;
  }
  .custom-post-single {
    padding: 22px;
  }

  .article-box-header-bottom {
    flex-direction: column;
    align-items: flex-start !important; 
    gap: 8px !important;
  }
}

@media (max-width: 1124px) {
  .wcag-article-container .article-box-top {
    flex-direction: column;
    gap: 6px;
  }

  .wcag-article-container .article-box-top .article-box-top-right {
    align-items: flex-start;
  }
}

/* Mobile */
@media (max-width: 1024px) {
  .wcag-article-container aside.sidebar {
    width: 0%;
    transform: translateX(-1024px);
    transition: transform 0.3s ease-in-out;

  }
}

.wcag-article-container.wcag-sidebar--open aside.sidebar {
  z-index: 40;
  transform: translateX(0);
  width: 100%;
  max-width: 22rem;
}

@media (max-width: 780px) {
  .wcag-article-container.wcag-sidebar--open aside.sidebar {
    max-width: unset;
  }
}

.wcag-article-container.wcag-sidebar--open .wcag-main .wcag-title-container-mobile {
  opacity: 0;
}

@media (max-width: 1324px) {
  .wcag-article-container .tax-term-link {
    font-size: 13px;
    padding-right: 0;
  }

  .wcag-article-container .home-page-link-container .app-img-logo {
    height: 28px;
  }

  .wcag-article-content .wcag-article-content-inner {
    padding: 24px 16px;
  }

  .custom-post-single {
    width: 70%;
  }
}

@media (max-width: 780px) {
  .wcag-article-content .wcag-article-content-inner {
    padding: 12px;
  }
  .custom-post-single {
    padding: 12px;
  }
}

@media (max-width: 780px) {
  /* Hide table of content */
  .wcag-article-content .wcag-article-content-inner .wcag-article-toc {
    display: none;
  }

  .custom-post-single {
    width: 100%;
  }
}


/**
 * Adjust font size for smaller screens
 */
@media (max-width: 1024px) {
  h1.article-box-bottom-title,
  h2.article-box-bottom-title {
    font-size: 36px;
  }
}
@media (max-width: 780px) {
  h1.article-box-bottom-title,
  h2.article-box-bottom-title {
    font-size: 32px;
  }
}


/* Hide the beacon */
@media (max-width: 1750px) {
  body.tax-principle #beacon-container,
  body.tax-theme #beacon-container,
  body.tax-level #beacon-container,
  body.tax-disability #beacon-container,
  body.tax-responsibility #beacon-container,
  body.tax-wcag-version #beacon-container,
  body.tax-guideline #beacon-container,
  body.single-wcag_article #beacon-container,
  body.post-type-archive-wcag_article #beacon-container {
    display: none;
  }
}

/* mobile */
@media (max-width: 780px) {
  .wcag-article-content .wcag-article-list .pagination .page-numbers.dots,
  .wcag-article-content .wcag-article-list .pagination .page-numbers.prev,
  .wcag-article-content .wcag-article-list .pagination .page-numbers.next {
    display: none;
  }
  .wcag-article-content .wcag-article-list .pagination .page-numbers.last-numbered {
    border-right: unset;
  }
}