/* Custom Backoffice Theme for Planovo */
body {
  background: #d1d1d3;
}

/* Adjust the workspace container */
.umb-workspace {
  padding-top: 0 !important;
}

#mainwrapper {
  margin: 0;
  border-radius: 0;
  overflow: hidden;
  height: calc(100vh - 0px) !important;
}

.umb-app-header {
  padding: 15px 50px;
  background: #2b38e9;
}

.umb-app-header__logo {
  width: 200px;
  height: 50px;
  background: url(../assets/svg/logo-white.svg) no-repeat bottom left;
  background-size: contain;
}
.umb-app-header__logo svg {
  display: none;
}

.umb-tree-item__arrow .umb-icon {
  width: 15px;
  height: 15px;
}
.umb-tree-icon,
.umb-tree-node-search {
  width: 24px;
  height: 24px;
  margin-left: 5px !important;
}

ul.sections>li.current>a {
  color: #84e92b;
  font-weight: 600;
}
ul.sections>li>a:after {
  background-color: #84e92b;
  border-radius: 10px;
}

/* Responsive breakpoints */
/* From large tablet (≥ 992px) apply chrome paddings/radii */
@media (min-width: 992px) {
  #mainwrapper {
    margin: 35px 60px;
    border-radius: 50px;
    height: calc(100vh - 70px) !important;
  }

  #mainContent,
  .umb-app-content,
  umb-app-content {
    top: 85px !important;
  }
}

.umb-editor-footer {
  height: 75px;
}

.umb-button-group[sub-buttons="previewSubButtons"] {
  display: none !important;
}

/* From desktop (≥ 1200px) keep same, but allow slightly larger margins if needed */
@media (min-width: 1200px) {
  #mainwrapper {
    margin: 40px 70px;
  }

  .umb-split-view,
.umb-box {
  margin-bottom: 100px;
}
}

.umb-modalcolumn-body {
  height: calc(100vh - 225px);
}

/* Hidden elements */
[data-element="node-info-urls"],
[data-element="node-info-redirects"],
[data-element="node-info-template"] {
  display: none;
}

/* Change "Content" to "Dashboard" */
.umb-tree-root a[href="#/content"] {
  font-size: 0;
}
.umb-tree-root a[href="#/content"]:after {
  content: "Job Manager Dashboard";
  display: block;
  font-size: 16px;
}

/* Inputs */
input[name="datepicker"] {
  width: 260px;
}

/* Standardize all primary buttons */
button,
a.btn {
  border-radius: 20px !important;
}

.btn-primary,
.umb-editor-footer .btn-primary,
.umb-editor-footer .btn-success,
.umb-property-editor .btn-primary,
.umb-property-editor .btn-secondary,
.umb-property-editor button.btn-success {
  background-color: #2b38e9 !important;
  border-color: #2b38e9 !important;
  color: white !important;
}

.btn-primary:hover,
.umb-editor-footer .btn-primary:hover,
.umb-editor-footer .btn-success:hover,
.umb-property-editor .btn-primary:hover,
.umb-property-editor .btn-secondary:hover,
.umb-property-editor button.btn-success:hover {
  background-color: #1e2bb8 !important;
  border-color: #1e2bb8 !important;
}

/* Standardize button padding across all buttons (excluding Google Maps) */
.btn:not(.btn-sm):not([class*="gm-control-"]),
.umb-editor-footer .btn:not([class*="gm-control-"]),
.umb-property-editor .btn:not([class*="gm-control-"]),
.umb-property-editor button:not([class*="gm-control-"]) {
  padding: 12px 20px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}

[data-element="button-group-toggle"] {
  display: none !important;
}
.umb-editor-container {
  bottom: 0;
}

/* Mobile-specific adjustments */
@media (max-width: 991px) {
  .umb-editor-footer {
    bottom: 210px;
  }

  /* Hide breadcrumbs on mobile */
  .umb-breadcrumbs {
    display: none !important;
  }

  /* Hide editor actions on mobile */
  [data-element="editor-actions"] {
    display: none !important;
  }

  /* Reduce padding for tab buttons on mobile */
  .umb-editor-tab-bar .umb-tab button {
    padding: 25px 10px !important;
  }

  .input-append.ng-scope.flatpickr-input.flatpickr-mobile {
    display: none !important;
  }

  .umb-box:last-child {
    padding-bottom: 200px !important;
  }
}