/*****************
DASHBOARD HEADER
*/
footer .order-2.grow {
  display: none;
}


/*****************
LEFT NAVIGATION DASHBOARD
*/
.lqd-navbar-expander, .lqd-generator-sidebar-toggle {
  background-color: #bc0404;
}
.lqd-navbar-expander svg, .lqd-generator-sidebar-toggle svg {
  color: white;
}


/*****************
AI EDITOR MENU
user/generator
*/
.lqd-generator-sidebar-inner .lqd-steps button:last-child {
    position: relative;  
}
.lqd-generator-sidebar-inner .lqd-steps button:last-child:after {
    font-size: 8px;
    position: absolute;
    content: 'Menu';
    display: block;
    margin-left: 10px;
    text-align: center;
    bottom: -9px;
    padding: 0;
    margin: 0;
    text-transform: uppercase;
}
.lqd-generator-sidebar-inner {
    scrollbar-color: #e6e6e6 #ffffff;
}


/*****************
AI VIDEO
openai/generator/ai_image_generator
*/
.lqd-card.text-card-foreground .flex .lqd-filepicker-label {
    padding-left: 15px;
    padding-right: 15px;
}


/*****************
AI IMAGE
openai/generator/ai_video
*/
.lqd-image-generator-tabs-content textarea {
    padding-right: 120px;
    padding-bottom: 50px;
    padding-top: 15px;
}


/*****************
AI IMAGE EDITOR (BACK BUTON)
user/advanced-image
*/
a.lqd-btn.group.inline-flex.items-center.justify-center.gap-1\.5.text-xs.font-medium.rounded-button.transition-all.hover\:shadow-xl.hover\:shadow-black\/5.disabled\:bg-foreground\/10.disabled\:text-foreground\/35.disabled\:pointer-events-none.lqd-btn-outline.outline.outline-button-border.-outline-offset-1.focus-visible\:outline-2.focus-visible\:outline-offset-0.lqd-btn-size-none.lqd-btn-hover-primary.hover\:text-primary-foreground.hover\:bg-primary.hover\:border-primary.hover\:outline-primary.focus-visible\:text-primary-foreground.focus-visible\:bg-primary.focus-visible\:border-primary.focus-visible\:outline-primary.size-\[34px\].hover\:translate-y-0 {
    width: 30px;
    height: 30px;
}

/*****************
PRICINGS and SUBSCRIPTION PAGE
dashboard/user/payment
*/

/* center prices */
.page-user-payment-subscription .lqd-price-table .flex.h-full.flex-col.p-7, .lqd-price-table .flex.h-full.flex-col.p-7 .mb-2.flex  {
    align-items: center;
    justify-content: center;
}
.page-user-payment-subscription .lqd-price-table .flex.h-full.flex-col.p-7, .lqd-price-table .flex.h-full.flex-col.p-7 .mb-2.flex div.ms-2 {
  align-items: center;
  justify-content: flex-start;
}

/* currency CHF symbol */
.page-user-payment-subscription .currency-symbol {
  padding-right: 5px;
  top: -0.4em;
  position: relative;
  font-size: .45em;
}

/* negative ooptions */
.negativeoption span svg {
  display: none;
}
.negativeoption span {
  color: rgb(255, 255, 255);
  background: rgb(255, 160, 160);
}
.negativeoption span:before {
  content: '-';
}

/* modal for purchase selection: stripe or bank transfer */
.page-user-payment-subscription .lqd-modal-modal .lqd-modal-content .lqd-modal-body .container.p-0 .flex.flex-col.gap-4 a:nth-child(1):after {
  content: 'Visa, Mastercard, Amex, Amazon Pay, Klarna';
  font-size: 9px;
  display: block;
  width: 25%;
  line-height: 10px;
  max-width: 90px;
}
.page-user-payment-subscription .lqd-modal-modal .lqd-modal-content .lqd-modal-body .container.p-0 .flex.flex-col.gap-4 a {
  border: 2px solid #83d1ff;
  font-size: 19px;
}
.page-user-payment-subscription .lqd-modal-modal .lqd-modal-content .lqd-modal-body .container.p-0 .flex.flex-col.gap-4 a img {
  max-height: 40px !important;
  height: 40px;
}

/* purchase button */
.page-user-payment-subscription #pre-paid .lqd-price-table div div.mt-7 > div a.lqd-btn.group.inline-flex,
.page-user-payment-subscription #monthly .lqd-price-table div div.mt-7 > div a.lqd-btn.group.inline-flex {
  background-color: #0078d0;
  border: 0;
  border-radius: 56px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: system-ui,-apple-system,system-ui,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",sans-serif;
  font-size: 18px;
  font-weight: 600;
  outline: 0;
  padding: 16px 21px;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition: all .3s;
}
.page-user-payment-subscription #pre-paid .lqd-price-table div div.mt-7 > div a.lqd-btn.group.inline-flex:before,
.page-user-payment-subscription #monthly .lqd-price-table div div.mt-7 > div a.lqd-btn.group.inline-flex:before {
  background-color: initial;
  background-image: linear-gradient(#fff 0, rgba(255, 255, 255, 0) 100%);
  border-radius: 125px;
  content: "";
  height: 50%;
  left: 4%;
  opacity: .5;
  position: absolute;
  top: 0;
  transition: all .3s;
  width: 92%;
}
.page-user-payment-subscription #pre-paid .lqd-price-table div div.mt-7 > div a.lqd-btn.group.inline-flex:hover,
.page-user-payment-subscription #monthly .lqd-price-table div div.mt-7 > div a.lqd-btn.group.inline-flex:hover {
  box-shadow: rgba(255, 255, 255, .2) 0 3px 15px inset, rgba(0, 0, 0, .1) 0 3px 5px, rgba(0, 0, 0, .1) 0 10px 13px;
  transform: scale(1.05);
}
@media (min-width: 768px) {
  .page-user-payment-subscription #pre-paid .lqd-price-table div div.mt-7 > div a.lqd-btn.group.inline-flex,
  .page-user-payment-subscription #monthly .lqd-price-table div div.mt-7 > div a.lqd-btn.group.inline-flex {
    padding: 16px 48px;
  }
}

/* change priceplan button */
.page-user-payment-startPrepaidPaymentProcess .lqd-page-content-container .py-10 .container-xl .col-sm-4.col-lg-4 .w-full.rounded-3xl .flex.h-full .mt-7 a,
.page-user-payment-startSubscriptionProcess .lqd-page-content-container .py-10 .container-xl .col-sm-4.col-lg-4 .w-full.rounded-3xl .flex.h-full .mt-7 a {
  border: 2px solid #320580;
  border-radius: 30px;
  background-color: #320580;
  color: white;
  opacity: 0.3;
}
.page-user-payment-startPrepaidPaymentProcess .lqd-page-content-container .py-10 .container-xl .col-sm-4.col-lg-4 .w-full.rounded-3xl .flex.h-full .mt-7 a:hover,
.page-user-payment-startSubscriptionProcess .lqd-page-content-container .py-10 .container-xl .col-sm-4.col-lg-4 .w-full.rounded-3xl .flex.h-full .mt-7 a:hover {
  opacity: 1;
}

/* First 2 <li> of options with less margin */
.mt-6.w-full.px-1.text-left li:nth-child(-n+2) .inline-grid.align-middle.me-2.shrink-0.place-content-center.rounded-xl.bg-opacity-10 {
  margin-inline-end: .25rem;
}


/* ********** */
/* PROGRESS BAR TOP */
.lqd-progress.relative.w-full {
    height: 7px;
}
div#app-loading-indicator {
    top: 0;
}


/* ********** */
/* MAIN MENU POINT IN DASHBOARD */
.nav-title {
    cursor: pointer;
    font-weight: bold;
    position: relative;
    margin-bottom: 0;
}

/* Pfeil – Standard: geschlossen (nach unten) */
.nav-title .arrow {
    margin-left: 8px;
    font-size: 0.8em;
    position: relative;
    display: inline-block;
    top: -14px;        /* geschlossen */
    opacity: 1;        /* geschlossen */
    transition: transform 0.2s ease, top 0.2s ease, opacity 0.2s ease;
}

/* geöffnet → Pfeil nach oben */
.nav-title.open .arrow {
    transform: rotate(180deg);
    top: -14px;        /* geöffnet */
    opacity: 0.3;      /* geöffnet */
}

/* geschlossen → Titel enger an Unterpunkten */
.nav-title:not(.open) {
    margin-bottom: -7px;
}

/* Unterpunkte ohne Einrückung */
.nav-subitems {
    margin-left: 0;
    padding-left: 0;
}

/* Titel + Pfeil ausblenden, wenn Navbar verkleinert ist */
body.navbar-shrinked .nav-title {
    display: none;
}