/* --------------------------------------------------------
   1) AI Tools (Aimogen/Aiomatic) — Forms
--------------------------------------------------------- */
	
/* Left menu dropdown background*/
#menu-2-95119f4{
    background:#dadada;
}
	
	
.e-active{border-radius:15px;}

/* Form lables */
.aiomatic-form-field > label{
	color:#000;
	padding-left:5px !important;
}

.aiomatic-form-input{
    border-radius:10px;
		padding: 10px 5px 10px 5px !important;
	  margin-top: 5px;
		font-size: 16px !important;
}


/* Advanced holder removal for form */
#aiomatic-advanced-holder-10651776{display:none;}
#aiomatic-advanced-holder-10648662{display:none;}
#aiomatic-advanced-holder-10653250{display:none;}

/* Aiomatic buttons */
	
.aiomatic_download_btn {display:none !important;}
/*.aiomatic_pdf_btn_html {display:block !important;}*/
.aiomatic-get-button{display:none;}	
.insert-media{display:none !important;}
.wp-switch-editor{display:none !important;}


.aiomatic-prompt-item{
    background-color: #fff !important;
    color:#333333 !important;
    font-weight: 300 !important;
    border-radius:20px !important;
    padding: 4.5rem !important;
}
	
.aiomatic-prompt-result{
    border-radius: 10px;
	  white-space: pre-wrap !important;
    font-family: monospace !important;
}

/* Tablet (768px and below) */
@media (max-width: 768px) {
    .aiomatic-prompt-item {
        padding: 1rem !important;
        font-size:16px;
        line-height:25px;
    }
}

/* Mobile (480px and below) */
@media (max-width: 480px) {
    .aiomatic-prompt-item {
        padding: 0.5rem !important;
    }
}


.aiomatic-button{
    background-color: #142d4c !important;
    color:#ffffff !important;
    border-radius:15px !important;
    padding: 10px 20px 10px 20px !important;
    margin:15px;
}

.aiomatic-get-button{
    background-color: #142d4c !important;
    color:#ffffff !important;
    padding: 10px 20px 10px 20px !important;
    margin-right:15px !important;
    margin-bottom:15px !important;
    border-radius:15px !important;

}


/** Removing ai advanced settings **/
.aiomatic-prompt-field{display:none !important;}
.aiomatic-prompt-item h4{display:none;}

/* Query limit Notification */
.highlight-text-fail{
  background-color: #FFF4D6; /* matches your “Creativity” palette */
  border-left: 5px solid #E6C16C;
  color: #2C3E50;
  font-size: 15px;
  padding: 12px 16px;
  margin-bottom: 15px;
  border-radius: 6px;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 8px;
}

.highlight-text-fail::before {
  content: "🧠";
  font-size: 18px;
}

/* Limits notification */
	.limit-notification {
  background-color: #FFF4D6; /* matches your “Creativity” palette */
  border-left: 5px solid #E6C16C;
  color: #2C3E50;
  font-size: 15px;
  padding: 12px 16px;
  margin-bottom: 15px;
  border-radius: 10px;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 8px;
}

.limit-notification::before {
  content: "⚠️";
  font-size: 18px;
}



/* --------------------------------------------------------
   2) AI Tools (Aimogen/Aiomatic) — layout + hide advanced
--------------------------------------------------------- */

.planerium-ai-tool [id^="aiomatic-advanced-holder-"]{
  display: none !important;
}

/* white card sizing */
.planerium-ai-tool .aiomatic-prompt-item{
  box-sizing: border-box;
  width: 100%;
  max-width: 1200px;
  margin-inline: auto;
}

/* reduce heavy padding on smaller desktops */
@media (max-width: 1280px){
  .planerium-ai-tool .aiomatic-prompt-item{
    padding: clamp(16px, 3vw, 48px) !important;
  }
}

/* 2-column form/output only when there is space */
@media (min-width: 1200px){

  .planerium-ai-tool form.aiomatic-prompt-form{
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    column-gap: 24px;
    align-items: stretch;
    width: 100%;
  }

  .planerium-ai-tool form.aiomatic-prompt-form > *{
    min-width: 0;
  }

  .planerium-ai-tool form.aiomatic-prompt-form > *{
    grid-column: 1;
  }

  .planerium-ai-tool form.aiomatic-prompt-form > [id^="aiomatic-info-holder-"]{
    grid-column: 1;
    grid-row: 1;
    align-self: start;
  }

  .planerium-ai-tool form.aiomatic-prompt-form > [id^="aiomatic-response-holder-"]{
    grid-column: 2;
    grid-row: 1;
    display: flex;
    flex-direction: column;
    height: 100%;
    min-width: 0;
    align-self: stretch;
  }

  .planerium-ai-tool [id^="aiomatic-response-holder-"] .aiomatic_textarea_wrapper{
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
  }

  .planerium-ai-tool textarea.aiomatic-prompt-result{
    flex: 1;
    height: auto !important;
    width: 100% !important;
    min-width: 0;
    resize: none;
  }
}