/* ##############
##### News ######
############## */
@media all {

  .news-list-link {
    margin-top: var(--page-gap);
  }

  .news-backlink-wrap ,
  .news-related {
    margin-top: var(--page-gap);
  }

  /* Categories */

  .news-cagegories {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: var(--size-2);
    margin-top: 2.5rem;
    flex-wrap: wrap;
  }

  .news-cagegories li {
    margin-top: unset;
  }

  .news-cagegories .category {
    text-decoration: none;
    padding: .875rem;
    border-radius: 100vh;
    border-color: var(--color-darkpurple);
    border-style: solid;
    border-width: .125rem;
    display: block;
    font-size: var(--font-size-small);
    line-height: 1;
    font-weight: 600;
    position: relative;
    display: flex;
  }

  .news-cagegories .category i {
    border: none;
    height: 1em;
    padding: 0;
    margin-left: .5em;
    /*! display: none; */
    width: 0;
    transform: scale(0);
    transition: var(--transition-brr);
  }

  .news-cagegories .active i {
    width: 2rem;
    transform: unset;
    transform: scale(1);
  }

  .news-cagegories .category a {
    position: absolute;
    inset: 0;
  }

  .news-cagegories .category a.disable-category {
    display: none;
  }
  .news-cagegories .category.active a.select-category {
    display: none;
  }

  .news-cagegories .category.active a.disable-category {
    display: block;
  }

  .news-cagegories .active ,
  .news-cagegories .category:focus-visible ,
  .news-cagegories .category:hover {
    background-color: var(--color-darkpurple);
    color: var(--color-white);
  }

  .ce-news-info {
    font-weight: 700;
  }

  /* Plugin combinations */

  .news:has(> .news-list-cards):not(:has(> .news-list-swiper)) ,
  .page:has( .content > .ce-type-news_pi1:first-child) .page-stage .ce-type-news_categorylist .news ,
  .page-stage:has( .ce-type-news_categorylist) + .content > .ce-type-news_pi1 .news ,
  .ce-type-news_categorylist:has( + .ce-type-news_pi1 .news-list-default) .news ,
  .ce-type-news_categorylist + .ce-type-news_pi1 .news:has( .news-list-default) {
    max-width: var(--content-width-narrow);
    margin-inline: auto;
  }

  .page:has( .content > .ce-type-news_pi1:first-child) .page-stage .ce-type-news_categorylist ,
  .ce-type-news_categorylist:has( + .ce-type-news_pi1) {
    padding-bottom: 0;
  }

  .ce-type-news_categorylist:has( + .ce-type-news_pi1) .ce-header-row > div > div:first-child {
    width: unset;
    flex-grow: 1;
  }

  .page:has( .content > .ce-type-news_pi1:first-child) .page-stage .ce-type-news_categorylist .ce-header-row > .row > div:nth-child(2),
  .page-stage:has( .ce-type-news_categorylist) + .content > .ce-type-news_pi1:first-child .ce-header-row ,
  .ce-type-news_categorylist:has( + .ce-type-news_pi1 > div > div > .news-list-default) .ce-header-row > div > div:last-child {
    display: none
  }

  .ce-type-news_categorylist:has( + .ce-type-news_pi1) {
    padding-bottom: 0;
  }


  .page-stage:has( .ce-type-news_categorylist) + .content > .ce-type-news_pi1:first-child ,
  .ce-type-news_categorylist + .ce-type-news_pi1 {
    padding-top: 0;
  }

  .ce-type-news_categorylist  + .ce-type-news_pi1 .ce-header-row {
    display: none;
  }

  .ce-type-news_pi1 {
    opacity: 1;
    transition: var(--transition-default);
  }

  .ce-type-news_pi1.loading {
    opacity: 0;
  }
  
  .news-list-category {
    display: none;
  }

}

/* ###################
##### List View ######
################### */

@media all {

  .news-list-default .ce-news-cards {
    display: flex;
    flex-direction: column;
    gap: var(--size-5);
  }

  .news-list-default .ce-news-cards .ce-media ,
  .news-list-default .ce-news-cards .ce-media .ce-media-image-wrap ,
  .news-list-default .ce-news-cards .ce-media picture {
    border-radius: 0;
    height: 100%;
    box-shadow: none;
  }

  .news-list-default .ce-news-cards .ce-media img {
    height: 100%;
    object-fit: cover;
  }

  .news-list-default .ce-news-cards .card-body {
    gap: var(--size-3);
  }

}

/* ####################
##### Pagination ######
#################### */

@media all {

  .news .pagination {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .news .pagination .page-item {
    margin: 0;
  }

  .news .pagination .page-link {
    color: var(--color-red);
    background-color: transparent;
    padding: 0;
    min-height: 2em;
    min-width: 2em;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
  }

  .news .pagination .disabled .page-link ,
  .news .pagination .active .page-link {
    color: var(--color-darkpurple);
    font-weight: 400;
  }

  .news .pagination .page-arrow .page-link {
    color: var(--color-darkpurple);
  }

  .news .pagination .page-arrow .page-link.disabled {
    pointer-events: none;
    opacity: .1;
  }

  .news .pagination .page-arrow:first-child {
    margin-right: auto;
  }
  .news .pagination .page-arrow:last-child {
    margin-left: auto;
  }

  .news .pagination .page-link svg {
    width: 3.5rem;
    height: 3.5rem;
  }

  .news .pagination .page-arrow .page-link::before {
    --bullet-offset: calc(2px * -1);
    content: "";
    position: absolute;
    display: block;
    z-index: -1;
    inset: var(--bullet-offset);
    background: url(../Images/Swiper/swiper-controll-bg.png) no-repeat;
    background-size: contain;
    opacity: 0;
    transition: var(--transition-default);
  }

  .news .pagination .page-arrow .page-link:is(:hover,:focus-visible)::before {
    opacity: 1;
  }

}

/* ###############
##### Detail ######
############### */

@media all {

  .news-single .ce-textimage ,
  .news-single .ce-text  {
    display: grid;
    align-items: start;
    grid-gap: var(--page-gap, 1rem) var(--container-gap);
  }

  .news-single .ce-text  {
    max-width: var(--content-width-narrow);
    margin-inline: auto;
  }

  .news-single .ce-text > .ce-text-inner > .ce-header + .ce-news-info {
    margin-top: .5rem;
  }

  .news-single .ce-gallery {
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: var(--size-4);
  }

}

@media (min-width: 62rem) {

  .news-single .ce-textimage {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-row-gap: .5rem;
  }

  .news-single .ce-textimage .ce-gallery {
    grid-row: 1 / 4;
    grid-column: 2;
    margin-top: 0;
  }

}

/* ###############
##### Cards ######
############### */

@media all {

  .ce-news-cards .card .row {
    --bs-gutter-x: 0;
    --bs-gutter-y: 0;
  }

  .ce-news-cards .row {
    --bs-gutter-y: var(--size-3);
  }

  .ce-news-cards {
    overflow: visible;
    flex-direction: ;
  }

  .ce-news-cards .swiper-wrapper {
    margin-inline: calc(var(--container-gap) * -.5);
    width: calc(100% + var(--container-gap));
  }

  .ce-news-cards .swiper-slide {
    padding-inline: calc(var(--container-gap) * .5);
  }

  .ce-news-cards .ce-media-image picture {
    border-radius: unset;
  }

  .ce-news-cards .ce-gallery {
    position: relative;
  }

  .ce-news-cards .ce-gallery .news-list-category {
    position: absolute;
    left: 0;
    bottom: 0;
    margin: .5rem;
    padding: var(--size-1);
    font-size: var(--font-size-small);
    background-color: var(--ce-color-card-bg);
    border-radius: 100vh;
    font-weight: 600;
    line-height: 1;
  }

}

@media (min-width: 48rem) {

  .ce-news-cards-1-cols .swiper-slide,
  .ce-news-cards-2-cols .swiper-slide,
  .ce-news-cards-3-cols .swiper-slide,
  .ce-news-cards-4-cols .swiper-slide {
    width: 50%;
  }

}

@media (min-width: 75rem) {

  .ce-news-cards-3-cols .swiper-slide,
  .ce-news-cards-4-cols .swiper-slide {
    width: 25%;
  }

  .ce-news-cards-1-cols .slide-large ,
  .ce-news-cards-2-cols .slide-large ,
  .ce-news-cards-3-cols .slide-large {
    width: 50%;
  }

}