
.develux-timer-items{
  background: #fff;
  border: 1px solid #c3c4c7;
  margin: 30px 15px 15px 0;
  &-caption{
    height:36.5px;
    border-bottom: 1px solid #c3c4c7;
  }
  &-wrapper{
    width: auto;
    flex:1;
    @include respond_max(1199){
      width:100%;
      flex:auto;
    }
  }
  &-table{
  }
}
.develux-timer-items-caption-title{
  color:$brand;
  font-size:14px;
  font-weight: 600;
  padding: 15px;
}
.develux-create-timer-form{
  width: 35%;
}
.develux-custom-block-item{
  &:nth-child(odd) {
    background-color: #f6f7f7;
  }
  &-title{
    color:$brand;
    font-size:14px;
    font-weight: 600;
  }
  height:57px;
  a{
    cursor: pointer;
    text-decoration: none;
    &:focus{
      border:none;
      outline:none;
      box-shadow:none;
    }
  }
  button.develux-delete-custom-block-btn{
    border:none;
    color:#b32d2e;
    font-weight: bold;
    background: none;
  }
  &:hover{
    &-title{
      color:$brand-deep;
    }
    button.develux-delete-custom-block-btn{
      color: #721d1e;
      cursor: pointer;
    }
  }
}
.develux {
  .label-style label {
    line-height: 1.3;
    font-weight: 600;
    font-size: 14px;
    padding:0 5px 0 0;
    width:224px;
    min-width: 224px;
    display:flex;
    justify-content: space-between;
    align-items: center;
  }
  label.develux-radiobutton-label{
    font-weight:400;
  }

  .label-style .label-position {
    width: 120px;
  }

  .label-text-style input[type="radio"] {
    display: none;
  }

  .label-style input[type="radio"] {
    margin: 0;
  }

  .label-text-style .dashicons {
    font-size: 26px;
    color: #999;
    cursor: pointer;
  }

  .label-text-style input[type="radio"]:checked + span.dashicons {
    color: $brand;
  }

  .preview-image-container, .label-preview {
    box-sizing: border-box;
  }

  .preview-image-container .wp-post-image {
    width: 100%;
    height: 100%;
  }

  .labels-tab, .styles-tab {
    padding: 15px;
  }
  .styles-tab{
    padding-right:30px;
  }
}
#develux-timer-builder{
  .develux-custom-blocks{
    display:none;
  }
}
.devellux-pro-feature-placeholder {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.devellux-pro-feature-image {
  width: 100%;
  height: auto;
  display: block;
}

.devellux-pro-feature-overlay {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

.devellux-pro-feature-button {
  pointer-events: auto;
  padding: 12px 24px;
  background-color: #b309d1;
  color: #fff;
  font-weight: bold;
  border-radius: 5px;
  text-decoration: none;
  box-shadow: 0 4px 10px rgba(0,0,0,0.2);
  transition: background-color 0.3s ease;
  display: flex;
  align-items: center;
}

.devellux-pro-feature-button:hover {
  background-color: #d426c9;
  color: #fff;
}
.devellux-pro-feature-icon {
  max-width: 13px;
  margin-right: 8px;
}
