body {
  /* THIS is not a good way to handle this, and a proper refactoring needs to be performed
    This allows bigger images of media on listings for large screens
    It would be great to adapt to other sizes, but this requires a good refaftoring
     */

  @media screen and (min-width: 2200px) {
      --default-item-width: 342px !important;
      --default-max-item-width: 342px !important;
      --default-item-margin-right-width: 17px !important;
      --default-item-margin-bottom-width: 27px !important;
  }
/** 
	 * Fix for sidebar width
     */
	--sidebar-width: 16.5rem; 
	
	--default-theme-color: #00639a;
	--default-brand-color: #00639a;
	--default-logo-height: 1.5em;
}

/**
 * Hide the floating "Share" button i embedded videos
 */
button.share-video-btn {
	display: none !important;
}

/**
 * Hide the floating link back to the uploader's profile in embedded videos
 */
.media-links-top-left {
	display: none !important;	
}

/**
 * Fix for the magnifying glass in the user profile
 */
.items-list-wrap li a {
	min-width: fit-content;
}

/* Remove the "Powered by mediacms.io" at the bottom of the sidebar */
.page-sidebar .page-sidebar-bottom {
    display: none;
}

button, .button-link, .profile-page-header a.edit-channel, .profile-page-header a.edit-profile, .profile-page-header .delete-profile-wrap>button, .media-author-actions>a, .media-author-actions>button {
	border-radius: 5px !important;
}

/* Estilo base: miniatura con esquinas redondeadas */
.item-content .item-thumb,
.item-content a.item-thumb {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

/* Si existe .item-edit-link en el mismo .item-content, 
   entonces la miniatura pasa a tener esquinas rectas */
.item-content:has(.item-edit-link) .item-thumb,
.item-content:has(.item-edit-link) a.item-thumb {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* Y el enlace de edición es el que recibe las esquinas redondeadas */
.item-content:has(.item-edit-link) .item-edit-link {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.thumbnail, .thumbnail.circle-icon-button {
	background-color: transparent;
}

.circle-icon-button.thumbnail.small-thumb, .circle-icon-button.thumbnail {
	box-shadow: none !important;
}

.page-sidebar .nav-menu .menu-item-icon {
	max-width: 10px;
	overflow: visible;
}