/*===============================
=         General               =
===============================*/

.btn[type="submit"] {
  border: none !important;
}

.clr-field button {
    border-radius: 100px !important;
    height: 25px !important;
    width: 25px !important;
    border: none !important;
    box-shadow: none !important;
}

.clr-field {
    max-width: 120px!important;
}

/*===============================
=         Card Status          =
===============================*/
.card-status-start,
.card-status-bottom,
.card-status-top {
  width: 6px !important;
}

/*===============================
=         FullCalendar         =
===============================*/

/* General calendar styles */
.fc-daygrid-event {
  padding: 4px 6px;
  font-size: 0.9em;
}

.fc-scrollgrid-sync-inner {
  padding: 5px 0;
}

.fc .fc-toolbar-title {
  font-size: 1.25rem;
}

.fc .fc-button {
  border-radius: 6px;
  text-transform: capitalize;
  padding: 0.5em 0.8em;
  font-size: 0.875rem;
  background: none;
  color: var(--tblr-gray-500) !important;
}

.fc-event {
  cursor: pointer;
}

.fc-next-button,
.fc-prev-button {
  font-size: 12px !important;
  padding: 0.7em 0.65em !important;
}

/* Theme overrides */
.fc-theme-standard .fc-scrollgrid {
  border-color: var(--tblr-border-color-translucent) !important;
  border-radius: 6px;
}

.fc-theme-standard td,
.fc-theme-standard th {
  border-color: var(--tblr-border-color-translucent) !important;
}

.fc-theme-standard .fc-list {
  border-color: var(--tblr-secondary-lt) !important;
}

.fc-theme-standard .fc-list-day-cushion {
  background-color: var(--tblr-secondary-lt) !important;
}

.fc .fc-daygrid-day.fc-day-today {
  background-color: var(--tblr-secondary-lt) !important;
}

/* List view */
.fc-list-day-text,
.fc-list-day-side-text,
.fc-col-header-cell-cushion {
  color: var(--tblr-gray-500) !important;
}

.fc-list-day-text:hover,
.fc-list-day-side-text:hover,
.fc-col-header-cell-cushion:hover {
  text-decoration: none;
}

.fc .fc-button:focus{
  box-shadow: none !important;
}

.fc-event:hover {
    color: var(--tblr-gray-900) !important;
}

/* Button states */
.fc-today-button {
    color: var(--tblr-gray-500) !important;
  background-color: var(--tblr-secondary-lt);
  border-color: var(--tblr-secondary-lt);
}

.fc .fc-button-primary:disabled{
      color: var(--tblr-gray-500) !important;
  background-color: var(--tblr-secondary-lt);
  border-color: var(--tblr-secondary-lt);
}

.fc .fc-button-primary:hover{
        color: var(--tblr-gray-500) !important;
  background-color: var(--tblr-secondary-lt);
  border-color: var(--tblr-secondary-lt);
}

.fc .fc-button-primary:active{
        color: var(--tblr-gray-500) !important;
  background-color: var(--tblr-secondary-lt) !important;
  border-color: var(--tblr-secondary-lt) !important;
}

.fc .fc-button-primary {
  border-color: var(--tblr-primary-lt);
}

.fc .fc-button-primary:not(:disabled).fc-button-active {
    color: var(--tblr-gray-500) !important;
  background-color: var(--tblr-secondary-lt);
  border-color: var(--tblr-secondary-lt);
}

.fc .fc-button-primary:not(.fc-today-button):hover {
      color: var(--tblr-gray-500) !important;
  background-color: var(--tblr-secondary-lt);
  border-color: var(--tblr-secondary-lt);
}

/* Responsive */
@media (max-width: 768px) {
  .fc .fc-toolbar {
    display: block;
    text-align: center;
  }

  .fc-toolbar-chunk {
    margin: 10px 0;
  }
}

/*===============================
=       DataTables Buttons     =
===============================*/
.dt-buttons .btn {
  border-radius: 4px !important;
  margin: 0.2em 0.2em;
}

.translations .dt-paging {
  text-align: center !important;
  float: none !important;
  margin: 20px 13px !important;
}

/*===============================
=         Meal Cards           =
===============================*/
.single_meal_weekly {
  margin: 5px 5px 0 0;
  border-radius: 6px;
  border-top: 1px solid var(--tblr-accordion-border-color) !important;
}

/*===============================
=        Navbar & Segments     =
===============================*/
.nav-segmented .nav-link:hover {
  background: transparent !important;
}

/*===============================
=        Buttons & Groups      =
===============================*/
.btn-group > :not(.btn-check:first-child) + .btn,
.btn-group > .btn-group:not(:first-child) {
  margin-left: 3px !important;
}

/*===============================
=         Cursor Classes       =
===============================*/
.cursor_pointer {
  cursor: pointer !important;
}

.cursor_move {
  cursor: move !important;
}

/*===============================
=       TinyMCE Toolbar        =
===============================*/
.tox-promotion {
  display: none !important;
}

.tox-toolbar__primary {
  padding: 12px 0 !important;
}

/*===============================
=         Scrollbars           =
===============================*/
.hide-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.hide-scrollbar::-webkit-scrollbar {
  display: none;
}

.mobile-scroll {
  overflow-x: auto;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

/*===============================
=         Card Titles          =
===============================*/
.card-title-small {
  font-size: 0.875rem !important;
  font-weight: var(--tblr-font-weight-medium) !important;
}

/*===============================
=        Image Upload          =
===============================*/
.image-upload-wrapper .image-preview {
  width: 185px;
  height: 185px;
  border-radius: 4px;
  margin-top: 5px;
  margin-bottom: 8px;
  position: relative;
  overflow: hidden;
}

.image-upload-wrapper .image-preview input {
  line-height: 200px;
  font-size: 200px;
  position: absolute;
  opacity: 0;
  z-index: 10;
}

.image-upload-wrapper .image-preview ::-webkit-file-upload-button {
  cursor: pointer;
}

.image-upload-wrapper .image-label {
  display: none !important;
}

.image-upload-wrapper .image-preview label {
  position: absolute;
  z-index: 5;
  cursor: pointer;
  width: 50px;
  height: 50px;
  font-size: 16px;
  line-height: 50px;
  border-radius: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  text-align: center;
  margin-bottom: auto !important;
}

/*===============================
=         Accordions           =
===============================*/
#accordion-weeks .accordion-button::after {
  opacity: 0 !important;
}

#accordion-days {
  margin-top: 10px;
}

#accordion-days .accordion-button::after {
  opacity: 1 !important;
}

/*===============================
=         Sidebar Menu         =
===============================*/
#sidebar-menu .dropdown-item.active,
#sidebar-menu .dropdown-item:active {
  color: var(--tblr-navbar-active-color) !important;
  text-decoration: none !important;
  background-color: var(--tblr-dropdown-link-active-bg) !important;
}

/*===============================
=         Side Menu            =
===============================*/
.side_menu .nav-link {
  font-size: 15px;
}

.side_menu .sub-menu .nav-link-title {
  cursor: pointer;
}

/*===============================
=         Media           =
===============================*/

@media (min-width: 992px) {
    .rounded-lg-start {
      border-top-left-radius: 0.5rem;
      border-bottom-left-radius: 0.5rem;
    }

    .rounded-lg-end {
      border-top-right-radius: 0.5rem;
      border-bottom-right-radius: 0.5rem;

      /* Eliminar cualquier redondeo izquierdo en lg+ */
      border-top-left-radius: 0 !important;
      border-bottom-left-radius: 0 !important;
    }
  }

  @media (max-width: 991.98px) {
    .rounded-top-sm {
      border-top-left-radius: 0.5rem;
      border-top-right-radius: 0.5rem;
    }

    .rounded-bottom-sm {
      border-bottom-left-radius: 0.5rem;
      border-bottom-right-radius: 0.5rem;
    }

    .no-top-radius-sm {
      border-top-left-radius: 0 !important;
      border-top-right-radius: 0 !important;
    }
  }