/* @import url("actiontext.css"); */
/* @import url("/assets/components/variables-93cba5eb.css"); */
/* @import url("/assets/components/buttons-12755f4c.css"); */
/* @import url("/assets/components/forms-f62f878f.css"); */
/* @import url("/assets/components/oldies-8cf4c1eb.css"); */
@import url("/assets/components/landing-a14e9910.css");
@import url("/assets/components/public_nav-9cfdacbb.css");

:root {
  interpolate-size: allow-keywords;
  font-size: 14px;

  --primary-color: #3380CC;
  --primary-color-light: #4c95dd;
  --primary-color-dark: #226db8;
  --secondary-color: #8a9bad;
  --secondary-color-light: #99a9b9;
  --secondary-color-dark: #718294;
  --danger-color: #e74c3c;
  --danger-color-light: #ED7A6E;
  --danger-color-dark: #E3301C;


  --ribbon-info-color: #69bcc4;
  --ribbon-info-color-light: #83e9f2;

  --main-header-background-color: #fcfcfd;
  --main-header-border-color: #dadfe5;

  --border-radius: 12px;
  --border-color: #DADFE5;
  --border-color-light: hsl(210, 10%, 96.5%);

  --padding-standard-button: 10px 22px;

  /* Ghost Buttonlar */
  --ghost-button-bg: rgba(0, 0, 0, 0.08);
  --ghost-button-danger-bg: rgba(231, 77, 60, 0.08);
  --ghost-button-color: rgba(0, 0, 0, 0.5);

  --button-transition:  background-color 0.2s ease-in-out, 
                        color 0.2s ease-in-out;


  .fs-7 {
    font-size: 0.85em !important;
  }

}



/* CUSTOM THEME */
.text-primary {
  color: var(--primary-color) !important;
}

.text-primary-light {
  color: var(--primary-color-light) !important;
}

.bg-organization-default {
  background-color:rgb(251, 123, 128);
}

/* SESSIONS */
/* NEW */
.session-card {
  font-size: 15px;
  border-radius: var(--border-radius);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  background-color: #fff;
  border: none;

  .card-header {
    background-color: var(--main-header-background-color);
    border-radius: var(--border-radius) var(--border-radius) 0 0;
    border-bottom: 1px solid var(--main-header-border-color);
  }

  .card-body {
    padding: 26px 32px;
  }
}

/* BUTTONS */
.info_ribbon_inline_button {
  padding: .1875rem .275rem;
  margin: 0em .375em;
  font-size: .875em;
  color: white;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: .25rem;
  border: 1px solid rgba(255, 255, 255, 0.5);
}

.btn-primary {
  background-color: var(--primary-color);
  border: 1px solid var(--primary-color);
  color: #fff;
  border-radius: var(--border-radius);
  padding: var(--padding-standard-button);
  text-wrap: nowrap;

  &:hover {
    background-color: var(--primary-color-dark);
    border: 1px solid var(--primary-color);
  }
}

.btn-outline-primary {
  border: 1px solid var(--primary-color-light);
  color: var(--primary-color);
  border-radius: var(--border-radius);
  padding: var(--padding-standard-button);
  text-wrap: nowrap;
  &:hover {
    background-color: var(--primary-color-light);
    border: 1px solid var(--primary-color-light);
    color: white;
  }
}

.btn-outline-secondary {
  border: 1px solid var(--secondary-color-light);
  color: var(--secondary-color);
  border-radius: var(--border-radius);
  padding: var(--padding-standard-button);
  text-wrap: nowrap;

  &:hover {
    background-color: var(--secondary-color-light);
    border: 1px solid var(--secondary-color-light);
    color: white;
  }
}

.btn-ghost {
  border-radius: 6px;
  padding: 9px 12px;
  border: none;
  text-decoration: none;
  background-color: transparent;
  color: var(--ghost-button-color);
  transition: var(--button-transition);
  white-space: nowrap;
  vertical-align: middle;
  text-wrap: nowrap;
  
  &.btn-ghost-sm {
    font-size: 0.9em;
    padding: 7px 10px;
  }

  &:hover {
    cursor: pointer;
    color: var(--ghost-button-color);
    background-color: var(--ghost-button-bg);
  }

  &.disabled {
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.25;
  }
}

.btn-ghost-danger {
  color: var(--danger-color);
  
  &:hover {
    cursor: pointer;
    color: var(--danger-color);
    background-color: var(--ghost-button-danger-bg);
  }
}

.btn-danger {
  background-color: var(--danger-color);
  border: 1px solid var(--danger-color);
  color: #fff;
  border-radius: var(--border-radius);
  padding: var(--padding-standard-button);
  text-wrap: nowrap;

  &:hover {
    background-color: var(--danger-color-dark);
    border: 1px solid var(--danger-color);
  }
}


/* WINDOW LAYOUT */
#window-main {
  min-width: 650px;
  max-width: 100%;

  .card-header {
    background-color: var(--main-header-background-color);
    border-bottom: 1px solid var(--main-header-border-color);
    &.info-ribbon {
      background-color: var(--ribbon-info-color);
      .icon {
        color: var(--ribbon-info-color-light);
      }
    }
  }

  .card-body {
    border-top: 1px solid var(--main-header-border-color);
  }
}

/* MODALS */
.modal {
  background-color: rgba(0, 0, 0, 0.50);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  overflow: hidden;

  .modal-header {
    background-color: var(--main-header-background-color);
  }
}

/* FORMS */
label {
  &.required::after {
    content: "*";
    color: red !important;
  }
}

/* TOM SELECT */
.ts-wrapper {
  height: auto !important;

  .ts-control {
    width: 100%;
    border: none;
    padding: 0;

    input::placeholder {
      color: var(--bs-body-color);
    }

    > div {
      background-color: var(--bs-light-bg-subtle) !important;
    }
  }
  .ts-dropdown {
    height: auto;
    padding: 0;
    z-index: 100;
    background: var(--bs-body-bg);
    border: 1px solid var(--bs-border-color-translucent);
    border-radius: 0.375rem;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);

    .ts-dropdown-content {
      padding: 5px 0;
    }
  }
}


/* BOOTSTRAP OVERRIDES */
.list-group-item-action:not(.active):focus, 
.list-group-item-action:not(.active):hover {
  background-color: rgba(210,246, 255, 0.1);
}

/* BOOTSTRAP FLOATING LABEL TRANSFORM OVERRIDE */
.form-floating>.form-control-plaintext~label,.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label,.form-floating>.form-select~label{transform:scale(.85) translateY(-.575rem) translateX(.15rem)}


/* CALENDAR */
.clock-column {
  width: 45px;
}

.clock-cell {
  border-bottom: 1px dashed var(--bs-secondary-border-subtle);
  border-right: 1px solid var(--border-color-light);
}

.hour-cell {
  border-right: 1px dashed var(--bs-light-border-subtle);
  border-bottom: 1px dashed var(--bs-light-border-subtle);

  &:hover {
    background-color: hsla(156, 100%, 50%, 0.030) !important;
  }
}

.hour-hover {
  /* background-color: red !important; */
  background-color: hsla(156, 100%, 50%, 0.045) !important;
}

.time-indicator {
  opacity: 0.75;
  position: absolute;
  width: 100%;
  transition: all 1s ease-in-out;
  z-index: 2;
  pointer-events: none;
  display: flex;
  align-items: center;
  left: 0px;
  /* // border-top: 2px dotted red; */

  .line {
    /* // display: none; */
    position: absolute;
    width: calc(100% - 3px);
    margin-left: 3px;
    height: 2px;
    background-color: rgba(255, 0, 0, 0.75);
  }
  
  .circle {
    left: -5px;
    position: absolute;
    color: rgba(255, 0, 0, 0.75);
    background-color: rgba(255, 0, 0, 0.75);
    height: 8px;
    width: 8px;
    border-radius: 50%;
  }
}

.small-time {
  font-size: 0.8em;
}


/* EVENT */
.event {
  left: 0px;
  width: calc(100% - 4px);
  border: 1px solid hsl(200, 15%, 85%);
  min-width: 120px;
  white-space: normal;
  transition: box-shadow 0.125s ease-in-out, transform 0.08s ease-in-out;
  z-index: 1;
  
  &:hover {
    transform: scale(1.025);
    box-shadow: 0 1px 2px rgba(154,160,185,.05), 0 5px 10px rgba(166,173,201,.2);
    height: auto !important;
    max-height: unset !important;
    z-index: 2;
  }

  .event-header {
    font-size: 0.75rem;
  }

  .event-body {
    font-size: 0.85rem;
  }

  .event-footer {
    font-size: 0.75rem;
  }

}

/* TRIX ADDITIONAL STYLES */

/* Görünmesini istemediğimiz Butonlar */
.trix-button--icon-strike,
.trix-button--icon-code,
.trix-button-group--file-tools {
  display: none !important;
}

trix-toolbar {
  border-right: 1px solid #bbb;
  border-left: 1px solid #bbb;
  border-top: 1px solid #dee2e6;
  padding: 12px 12px 0px;
  border-radius: 8px 8px 0 0;
  /* background-color: hsl(210, 100%, 99.5%); */
}

trix-editor {
  border-radius: 0 0 8px 8px !important;
  background-color: white;
}

.trix-button-group {
  background-color: hsl(25, 50%, 98%) !important;
}


/* PROGRESS NOTES */
  .progress_note-header {
    /* text-decoration-line: underline;
    text-decoration-style: dashed;
    text-decoration-thickness: 1px;
    text-decoration-color: var(--bs-primary-border-subtle);
    text-underline-offset: 4px; */
    display: flex;
    align-items: center;
    cursor: help;
    gap: 0.275rem;
  }

/* PROGRESS NOTES END */

/* HEADER DROPDOWN Z-INDEX FIX */
.header-dropdown {
  z-index: 1021;
}
/* HEADER DROPDOWN Z-INDEX FIX END */


.youtube {
  .hw-combobox {
    width: 100%;
  }

  .hw-combobox__main__wrapper {
    background-color: transparent;
    border: none;
    width: 100%;
    outline: none;

    &:focus-within {
      box-shadow: none !important;
    }
  }

  .hw-combobox__handle {
    display: none;
  }

  .hw-combobox__listbox {
    z-index: 1100;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  }
}

/* PRICING */

.pricing-card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border: none;
  border-radius: 15px;

  .card-body {
    border-top: none !important;
  }
  
  
  .pricing-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
  }

  .gradient-custom {
    background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
  }
  
  .popular-badge {
    position: absolute;
    top: -12px;
    right: 20px;
    border-radius: 20px;
  }

}