@import 'tailwindcss';

@theme {
  --color-ekl-brand: #f00e6d;
  --color-ekl-brand-two: #07a698;
  --color-ekl-secondary: #070052;
  --color-ekl-text: #1d2327;
  --color-ekl-hover: #c36;
  --color-regal-blue: #243c5a;
  --color-ekl-heading: #101028;

  /* border */
  --color-ekl-border: #f2f4f7;
  --color-ekl-border-two: rgba(123, 123, 123, 0.09);

  /* font */
  --font-primary: 'Public Sans', sans-serif;
}

/* Admin Menu buttons color */

@layer base {
  *,
  ::after,
  ::before,
  ::backdrop,
  ::file-selector-button {
    box-sizing: revert;
  }
}

.toplevel_page_elite-kit {
  * {
    padding: revert-layer;
    margin: revert-layer;
  }
}

.ek-dashboard-title {
  @apply text-[2em] font-semibold m-0 p-0 leading-[2em];
}
.ek-dashboard-description {
  @apply text-[16px] leading-[26px];
}

#adminmenu
  .toplevel_page_elite-kit
  .wp-submenu
  a[href='admin.php?page=elite-kit#upgrade'],
.ekt-dashboard-wrapper .ekl-get-pro {
  background: linear-gradient(
    90deg,
    rgba(131, 58, 180, 1) 0%,
    rgba(253, 29, 29, 1) 50%,
    rgba(252, 176, 69, 1) 100%
  );

  @apply block rounded-[3px] text-white text-center font-semibold mt-[3px] mx-[10px] bg-[rgb(131,58,180)] transition-all ease-in-out duration-300;
}

.ekt-dashboard-wrapper {
  @apply py-2.5;

  .ekt-dashboard-container {
    @apply py-2.5;
  }

  .ekt-dashboard-content {
    @apply px-[30px];
  }

  .ekl-get-pro {
    @apply py-2 px-10 flex cursor-pointer rounded-lg -mt-0.5;

    svg {
      @apply mt-[3px];
    }
  }
}

#ek-settings-tabs {
  .ek-tab-item-wrap {
    @apply mt-2.5 px-[30px] pt-10 pb-[50px];
  }

  .ek-widget-status {
    @apply p-10 max-[1200px]:p-[30px];
  }
}

#adminmenu
  .toplevel_page_elite-kit
  .wp-submenu
  a[href='admin.php?page=elite-kit#upgrade']:hover,
.ekt-dashboard-wrapper .ekl-get-pro:hover {
  background: linear-gradient(
    90deg,
    rgba(252, 176, 69, 1) 0%,
    rgba(253, 29, 29, 1) 50%,
    rgba(131, 58, 180, 1) 100%
  );
  box-shadow: none;
}

.toplevel_page_elite-kit {
  #wpcontent {
    @apply pl-0;
  }
}

#toplevel_page_elite-kit {
  .dashicons-before {
    @apply flex items-center justify-center;

    img {
      @apply p-0;
    }
  }
}

.ek-tab {
  li {
    @apply mb-0;
  }

  .ek-tab-item {
    @apply text-[15px] font-semibold text-[#666] outline-none duration-300 transition-all ease-in-out focus-within:outline-none active:outline-none focus:outline-none focus:border-none focus:shadow-none active:border-none active:shadow-none hover:text-ekl-brand;
  }

  .active {
    a {
      @apply relative text-ekl-brand;

      transition: width 1s cubic-bezier(0.165, 0.84, 0.44, 1);

      &::before {
        @apply content-[''] bg-ekl-brand block h-[3px] w-full absolute -bottom-[10px] left-0;
        transition: width 1s cubic-bezier(0.165, 0.84, 0.44, 1);
      }
    }
  }
}

.ekp-dashboard-widgets-item {
  @apply py-[25px] px-5 max-md:py-5 max-md:px-[15px];
  .ek-icon {
    @apply leading-none;

    i {
      @apply text-[22px];
    }
  }

  .ek-toggle-slider:before {
    @apply content-[''] bg-white absolute h-[15px] w-[15px] left-[3px] top-[46%] rounded-[50%] translate-x-0 -translate-y-[48%] duration-[0.4s];
  }

  .toggle-switch input:checked + .ek-toggle-slider {
    @apply bg-[#3147ff];
  }

  .toggle-switch input:checked + .ek-toggle-slider:before {
    @apply translate-x-[17px] -translate-y-[48%];
  }

  &.item--is-placeholder {
    @apply opacity-70 cursor-no-drop;

    &:hover {
      @apply shadow-[0_7px_18px_0_rgba(0,0,0,0.09)];
    }

    .ek-toggle-slider {
      @apply cursor-no-drop;
    }
  }
}

.ekl-get-pro-wrapper {
  .ekl-pro-heading {
    span {
      background: linear-gradient(
        90deg,
        rgba(131, 58, 180, 1) 0%,
        rgba(253, 29, 29, 1) 50%,
        rgba(252, 176, 69, 1) 100%
      );
    }
  }

  .ekl-get-pro-footer {
    .ekl-btn-primary {
      background: linear-gradient(
        90deg,
        rgba(131, 58, 180, 1) 0%,
        rgba(253, 29, 29, 1) 50%,
        rgba(252, 176, 69, 1) 100%
      );

      &:hover {
        background: linear-gradient(
          90deg,
          rgba(252, 176, 69, 1) 0%,
          rgba(253, 29, 29, 1) 50%,
          rgba(131, 58, 180, 1) 100%
        );
      }
    }
  }
}

.ek-search-action--btn {
  input {
    @apply border-ekl-secondary py-[5px] px-[10px] rounded-[10px] focus:border-ekl-brand focus:outline-0 focus:shadow-none;
  }
}

.ek-sticky {
  @apply sticky left-0 right-0 w-full z-[999] bg-white top-[30px] shadow-[0_2px_5px_rgba(0,0,0,0.1)];
}

#system_status {
  @apply px-[40px] py-[15px] rounded-[6px] max-[1100px]:px-[20px];
}

.ek-tab-title {
  font-size: clamp(18px, 1vw, 20px);
  @apply m-0;
}

.elite-kit-system-requirements {
  .ek-system-requirement-item {
    @apply min-[960px]:w-[48%] mb-0;

    .ek-label1 {
      @apply w-[200px] inline-block leading-[1.6] min-[1200px]:text-[14px] text-[13px];
    }

    > div {
      @apply border-solid border-b-[1px] border-b-ekl-border-two pb-[7px];
    }

    .valid {
      @apply bg-[#06d6a0] text-white;
    }

    .invalid,
    .valid {
      @apply text-[15px] w-[20px] h-[18px] ml-[10px] mr-[15px] rounded-[4px] align-middle inline-block leading-[1.6];
    }

    .invalid {
      @apply bg-red-600 text-white;
    }
  }
}

.ek-alert {
  a {
    @apply text-ekl-brand hover:text-ekl-brand-two;
  }
}

.ek-widget-status {
  .ek-widget-count {
    @apply uppercase text-[12px] leading-[1.7] text-[#a1a8ad];
  }
}

.post-type-ek_library #wpbody-content {
  @apply mt-[50px];
}

.ek-template-element-modal {
  .modal__header {
    .modal__title {
      @apply flex items-center text-[16px] font-bold leading-[19px] m-0;

      img {
        @apply w-[30px];
      }
    }

    .modal__close {
      @apply cursor-pointer text-black before:content-['x'] before:text-[19px] before:font-bold before:pr-0;
    }
  }

  .modal__overlay {
    @apply fixed;
  }
}

#ek-admin-top-bar-root {
  .ek-admin-top-bar__heading-logo {
    img {
      @apply w-[30px];
    }
  }

  .ek-admin-top-bar__heading-title {
    @apply m-0 text-[15px] font-semibold leading-normal;
  }
}

.ek-new-template-form__select__wrapper {
  .elementor-form-field__select {
    background-image: url("data:image/svg+xml;utf8,<svg fill='%23999999' height='32' viewBox='0 0 24 24' width='32' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    @apply mb-[19px] px-[33px] pl-[20px] py-[12px] w-full h-[56px] border border-[#e0e0e0] max-w-full rounded-[6px] bg-no-repeat bg-[position:calc(100%-13px)_50%] text-[#2c3338] font-normal text-[14px] leading-[32px] appearance-none bg-size-[24px];
  }
}

.ek-new-template-form__text__wrapper {
  .ek-new-template-form__field__text {
    @apply py-[12px] pr-[33px] pl-[20px] w-full h-[56px] border border-[#e0e0e0] rounded-[6px] bg-white leading-[2] min-h-[30px];
  }
}

.micromodal-slide.is-open {
  @apply block;
}

.micromodal-slide[aria-hidden='false'] .modal__overlay {
  animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide .modal__container,
.micromodal-slide .modal__overlay {
  will-change: transform;
}

.micromodal-slide[aria-hidden='false'] .modal__container {
  animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.elementor-control.elementor-control-ha_scroll_to_top_button_icon.elementor-control-type-icons
  .elementor-control-media__tools.elementor-control-dynamic-switcher-wrapper,
.elementor-control.elementor-control-ha_scroll_to_top_button_icon.elementor-control-type-icons
  label.elementor-choices-label.tooltip-target.elementor-control-icons--inline__none,
.micromodal-slide {
  display: none;
}

.ek-template-element-modal .modal__overlay {
  @apply fixed top-0 right-0 bottom-0 left-0 z-[999] flex items-center justify-center bg-[rgba(0,0,0,.8)];
}

.micromodal-slide.is-open {
  @apply block;
}

.micromodal-slide[aria-hidden='false'] .modal__container {
  -webkit-animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
  animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide .modal__container,
.micromodal-slide .modal__overlay {
  will-change: transform;
}

.ek-template-element-modal .modal__footer,
.ek-template-element-modal .modal__header {
  @apply flex;
}

.ek-edit-template-element-modal {
  .modal__container {
    @apply overflow-y-auto box-border max-w-[1202px] max-h-[100vh] w-[90%] rounded-[10px] bg-[#f7f7fa] shadow-[0_4px_100px_rgba(0,0,0,.05)];
  }

  .modal__title {
    @apply flex items-center mt-0 mb-0 text-[#101028] font-bold text-[16px] leading-[19px] m-0;
  }

  .modal__header {
    @apply relative z-999 h-[70px] flex items-center justify-between box-border pt-[26px] pr-[33px] pb-[26px] pl-12 rounded-t-[10px] bg-white shadow-[0_4px_40px_rgba(0,0,0,0.1)];

    .modal__close {
      @apply border-0 bg-transparent text-black cursor-pointer;
    }

    .modal__close::before {
      @apply content-['x'] pr-0 text-[18px] font-bold;
    }
  }

  .modal__content {
    @apply overflow-auto box-border m-auto p-[30px_20px] max-h-[65vh] w-full h-[750px] leading-normal;

    .form-data {
      @apply m-auto max-w-[781px];
    }

    .ek-template-notice {
      @apply hidden text-black text-center;
    }
  }

  .modal__information {
    @apply pb-[20px0] text-center;

    .info-title {
      @apply mb-[15px] text-ekl-heading text-center font-bold text-[32px] font-sans leading-[39px];
    }

    .info-message {
      @apply text-[#6d757a] text-center font-normal text-[16px] leading-8;
    }
  }
}

#ek-template-edit-form {
  @apply relative mt-[40px] mb-[30px];

  .ek-template-condition-wrap {
    @apply flex flex-col mb-5 gap-2.5;
  }
}

#ek-template-edit-form .ek-template-condition-wrap .ek-template-condition-item {
  @apply relative rounded-[10px];
}

#ek-template-edit-form
  .ek-template-condition-wrap
  .ek-template-condition-item-row
  .select2-container.select2-container--default
  .select2-selection--single
  .select2-selection__rendered,
#ek-template-edit-form
  .ek-template-condition-wrap
  .ek-template-condition-item-row
  select {
  color: rgba(51, 51, 51, 0.5);
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 32px;
  width: 100%;
  max-width: 100%;
}

#ek-template-edit-form
  .ek-template-condition-wrap
  .ek-template-condition-item-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  gap: 8px;
}

#ek-template-edit-form
  .ek-template-condition-wrap
  .ek-template-condition-item-row
  .ek-tce-type {
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
}

#ek-template-edit-form
  .ek-template-condition-wrap
  .ek-template-condition-item-row
  select {
  padding: 12px 33px 12px 20px;
  height: 56px;
  border: 1px solid #e3e3e5 !important;
  border-radius: 6px;
  background: #fff;
  background-image: url("data:image/svg+xml;utf8,<svg fill='%23999999' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
  background-position-x: calc(100% - 13px);
  background-position-y: 54%;
  background-repeat: no-repeat;
  -webkit-appearance: none;
  -moz-appearance: none;
}

#ek-template-edit-form
  .ek-template-condition-wrap
  .ek-template-condition-item-row
  .ek-tce-name,
#ek-template-edit-form
  .ek-template-condition-wrap
  .ek-template-condition-item-row
  .ek-tce-sub_id,
#ek-template-edit-form
  .ek-template-condition-wrap
  .ek-template-condition-item-row
  .ek-tce-sub_name {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

#ek-template-edit-form
  .ek-template-condition-wrap
  .ek-template-condition-remove {
  position: absolute;
  top: 50%;
  right: -29.5px;
  color: #eb5757;
  font-size: 18px;
  -webkit-transform: translate(50%, -50%);
  -ms-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
}

#ek-template-edit-form .ek-cond-repeater-add,
#ek-new-template-form__condition__wrapper .ek-new-cond-repeater-add {
  @apply box-border w-full h-14 border border-dashed border-[#BDBDBD] rounded-md bg-transparent text-[#333] font-normal not-italic text-[14px] leading-[32px] cursor-pointer;
}

.ek-template-element-modal .modal__footer {
  @apply flex justify-center gap-2.5;
}

.ek-template-element-modal .modal__btn {
  @apply visible m-0 py-2 px-4 min-w-[163px] h-14 border-0 border-none rounded-md bg-[#828282] text-white font-bold normal-case text-[14px] leading-[17px] cursor-pointer will-change-transform backface-hidden translate-z-0 transition-[transform] duration-[.25s] ease-out;

  &.modal__close {
    @apply hover:bg-ekl-brand;
  }
}

.ek-template-element-modal .modal__close::before {
  @apply right-1.5 content-['x'] text-[16px] mr-[5px];
}

.ek-template-element-modal .modal__btn-primary {
  @apply bg-[#27ae60] text-white hover:bg-[#2b8c38];
}

.ek-template-element-modal .modal__content .ek-template-notice.error {
  @apply block text-ekl-brand;
}

.ek-template-condition-remove {
  @apply cursor-pointer;
}

.select2-container {
  font-size: 12px;
  outline: none;
  /*width: 100% !important;*/
  z-index: 9999;
}

#ek-template-edit-form
  .ek-template-condition-wrap
  .ek-template-condition-item-row
  .select2-container.select2-container--default
  .select2-selection--single {
  @apply px-[20px] py-[12px] h-[56px] rounded-[6px] bg-white border border-[#e3e3e5] flex flex-row-reverse items-center;
}

#ek-template-edit-form
  .ek-template-condition-wrap
  .ek-template-condition-item-row
  .select2-container.select2-container--default
  .select2-selection--single
  .select2-selection__rendered,
#ek-template-edit-form
  .ek-template-condition-wrap
  .ek-template-condition-item-row
  select {
  @apply text-[rgba(51,51,51,.5)] font-normal text-[14px] leading-[32px];
}

#ek-template-edit-form
  .ek-template-condition-wrap
  .ek-template-condition-item-row
  .select2-container.select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  @apply px-0;
}

#ek-template-edit-form
  .ek-template-condition-wrap
  .ek-template-condition-item-row
  .select2-container.select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  top: 50%;
  right: 13px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

#ek-template-edit-form
  .ek-template-condition-wrap
  .ek-template-condition-item-row
  .ek-tce-sub_id {
  width: 100px;
}

#ek-template-edit-form
  .ek-template-condition-wrap
  .ek-template-condition-item-row
  .select2-container.select2-container--default
  .selection {
}

.select2-container {
  font-size: 12px;
  outline: none;
  /*width: 100px;*/
  z-index: 9999;
}

table.fixed {
  position: inherit;
}

@keyframes bounce-slow {
  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-10px);
  }
}

.animate-bounce-slow {
  animation: bounce-slow 3s infinite ease-in-out;
}

@keyframes pulse-slow {
  0%,
  100% {
    opacity: 1;
    transform: scale(1);
  }

  50% {
    opacity: 0.9;
    transform: scale(1.05);
  }
}

.animate-pulse-slow {
  animation: pulse-slow 3s infinite ease-in-out;
}

.ek-dashboard-main {
  .ek-banner-title {
    @apply text-[50px] leading-[60px] text-white m-0;
  }

  .ek-banner-tutorial-btn {
    @apply hover:bg-ekl-brand hover:text-white transition-all ease-in-out duration-300;
  }
}

.text-\[18px\] {
  @apply text-[18px];
}

.text-white {
  @apply text-white;
}

/* Save Button Loading Animation */
@keyframes ekl-dot-bounce {
  0%,
  80%,
  100% {
    transform: scale(0);
    opacity: 0.5;
  }
  40% {
    transform: scale(1);
    opacity: 1;
  }
}

.ekl-dashboard-btn {
  @apply px-[15px] py-2.5;
}

.ekl-dashboard-btn.loading,
.ekl-dashboard-ext-btn--save.loading {
  position: relative;
  color: transparent !important;
  pointer-events: none;
  min-width: 150px;
}

.ekl-dashboard-btn.loading::after,
.ekl-dashboard-ext-btn--save.loading::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 60px;
  height: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: transparent;
}

.ekl-dashboard-btn.loading::before,
.ekl-dashboard-ext-btn--save.loading::before {
  content: '';
  position: absolute;
  left: calc(50% - 24px);
  top: 50%;
  transform: translateY(-50%);
  width: 12px;
  height: 12px;
  background-color: #fff;
  border-radius: 50%;
  animation: ekl-dot-bounce 1.4s infinite ease-in-out both;
  animation-delay: -0.32s;
  box-shadow:
    18px 0 0 -2px #fff,
    36px 0 0 -2px #fff;
}

/* Animated dots using box-shadow */
@keyframes ekl-loading-dots {
  0% {
    box-shadow:
      0 0 0 0 rgba(255, 255, 255, 0.5),
      18px 0 0 0 rgba(255, 255, 255, 0.5),
      36px 0 0 0 rgba(255, 255, 255, 0.5);
  }
  14% {
    box-shadow:
      0 0 0 0 rgba(255, 255, 255, 1),
      18px 0 0 0 rgba(255, 255, 255, 0.5),
      36px 0 0 0 rgba(255, 255, 255, 0.5);
  }
  28% {
    box-shadow:
      0 0 0 0 rgba(255, 255, 255, 0.5),
      18px 0 0 0 rgba(255, 255, 255, 1),
      36px 0 0 0 rgba(255, 255, 255, 0.5);
  }
  42% {
    box-shadow:
      0 0 0 0 rgba(255, 255, 255, 0.5),
      18px 0 0 0 rgba(255, 255, 255, 0.5),
      36px 0 0 0 rgba(255, 255, 255, 1);
  }
  56%,
  100% {
    box-shadow:
      0 0 0 0 rgba(255, 255, 255, 0.5),
      18px 0 0 0 rgba(255, 255, 255, 0.5),
      36px 0 0 0 rgba(255, 255, 255, 0.5);
  }
}

.ekl-dashboard-btn.loading::before,
.ekl-dashboard-ext-btn--save.loading::before {
  animation: ekl-loading-dots 1.4s infinite ease-in-out;
}

@-webkit-keyframes mmfadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes mmfadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-webkit-keyframes animateTextIndent {
  0% {
    letter-spacing: 15px;
  }

  50% {
    letter-spacing: 0;
  }

  100% {
    letter-spacing: 15px;
  }
}

@keyframes animateTextIndent {
  0% {
    letter-spacing: 15px;
  }

  50% {
    letter-spacing: 0;
  }

  100% {
    letter-spacing: 15px;
  }
}

@-webkit-keyframes mmslideIn {
  from {
    -webkit-transform: translateY(15%);
    transform: translateY(15%);
  }

  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes mmslideIn {
  from {
    -webkit-transform: translateY(15%);
    transform: translateY(15%);
  }

  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

/**
 * Deactivation Feedback Modal Styles
 */
.ek-deactivate-modal {
  @apply fixed top-0 left-0 w-full h-full z-[999999] flex items-center justify-center;
}

.ek-deactivate-modal-overlay {
  @apply absolute top-0 left-0 w-full h-full bg-[rgba(0,0,0,0.5)];
}

.ek-deactivate-modal-content {
  @apply relative bg-white rounded-lg w-full max-w-[500px] shadow-[0_10px_40px_rgba(0,0,0,0.2)];
  animation: ek-modal-appear 0.2s ease-out;
}

@keyframes ek-modal-appear {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.ek-deactivate-modal-header {
  @apply flex items-center justify-between px-6 py-5 border-b border-[#e5e5e5];
}

.ek-deactivate-modal-header-left {
  @apply flex items-center gap-3;
}

.ek-deactivate-logo {
  @apply w-8 h-8;
}

.ek-deactivate-modal-header h2 {
  @apply m-0 text-lg font-semibold text-[#1e1e1e];
}

.ek-deactivate-close {
  @apply bg-transparent border-none text-2xl cursor-pointer text-[#666] p-0 leading-none w-8 h-8 flex items-center justify-center rounded transition-colors duration-200;

  &:hover {
    @apply bg-[#f0f0f0];
  }
}

.ek-deactivate-modal-body {
  @apply p-6;

  h3 {
    @apply m-0 mb-5 text-[15px] font-medium text-[#1e1e1e];
  }
}

.ek-deactivate-options {
  @apply flex flex-col gap-3.5;

  label {
    @apply flex items-center gap-2.5 text-sm text-[#444] cursor-pointer;
  }

  input[type='radio'] {
    @apply w-[18px] h-[18px] m-0 cursor-pointer accent-[#ff6900];
  }
}

.ek-deactivate-other-reason {
  @apply mt-4;

  textarea {
    @apply w-full min-h-[80px] p-3 border border-[#ddd] rounded-md text-sm resize-y box-border;

    &:focus {
      @apply outline-none border-[#ff6900] shadow-[0_0_0_2px_rgba(255,105,0,0.1)];
    }
  }
}

.ek-deactivate-modal-footer {
  @apply flex items-center justify-between px-6 py-4 border-t border-[#e5e5e5] bg-[#fafafa] rounded-b-lg;
}

.ek-skip-deactivate {
  @apply text-[#666] no-underline text-sm px-4 py-2.5 transition-colors duration-200;

  &:hover {
    @apply text-[#333];
  }
}

.ek-submit-deactivate {
  @apply bg-[#ff6900] text-white border-none px-6 py-3 text-sm font-semibold rounded-md cursor-pointer transition-[opacity,background] duration-200;

  &:hover:not(:disabled) {
    @apply bg-[#e55d00];
  }

  &:disabled {
    @apply bg-[#ccc] cursor-not-allowed;
  }
}