/* HOMEPAGE CSS */


.root_container {
  display: grid;
  grid-template-columns: repeat(12,minmax(0, 1fr));
  grid-template-rows: auto repeat(12,minmax(60px, auto));

  width: 100vw;
  min-height:100vh;
  padding: 5px;
}

/* =========================================================
   HOMEPAGE HEADER
   ========================================================= */

.homepage_header_desktop {
  grid-column: 1 / span 12;
  grid-row: 1;
  border: 1px dashed rgb(218, 95, 95);
}

.homepage_header_desktop {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  grid-template-rows: auto auto;
  
  min-height: 70px;
}

.header_introduction {
  grid-column: 1 / span 6;
  grid-row: 1;
}
.header_introduction p {
  padding:0;
  margin:0;
}
.header_introduction p:first-child {
  font-size: 1.2rem;
  font-weight: 600;
}

.header_logo {
  grid-column: 7 / span 3;
  grid-row: 1;  
}

.header_timing {
  grid-column: 1 /span 8;
  grid-row: 2;    
}

.header_lang {
  grid-column: 11;
  grid-row: 1;    
}


/* =========================================================
   INQUIRY SUBMISSION
   ========================================================= */
.inquiry_submission {
  grid-column: 1/ span 6;
  grid-row: 2 / span 3;

  min-width:0;
  border: 1px dashed burlywood;
}



/* ======================
   INQUIRY NOTIFICATIONS
   ====================== */

.inquiry_messages {
  margin-bottom: 16px;
}

.inquiry_message {
  padding: 12px 16px;
  border: 1px solid transparent;
  border-radius: 6px;
  line-height: 1.5;
}

.inquiry_message_success {
  color: #155724;
  background-color: #d4edda;
  border-color: #b8dfc1;
}

.inquiry_message_error {
  color: #842029;
  background-color: #f8d7da;
  border-color: #f1aeb5;
}



.inquiry_message {
  padding: 12px 16px;
  border: 1px solid transparent;
  border-radius: 6px;
  line-height: 1.5;

  opacity: 1;
  transform: translateY(0);
  transition:
    opacity 500ms ease,
    transform 500ms ease;
}

.inquiry_message.is_hiding {
  opacity: 0;
  transform: translateY(-6px);
}

/* =========================================================
   HOMEPAGE HISTORY LOGS
   ========================================================= */

.homepage_logs {
  grid-column: 7/ span 6;
  grid-row: 2 / span 3;

  min-width:0;
  border: 1px dashed rgb(172, 111, 31);
}