/*
 Theme Name:   Mobile UI
 Template:     astra
 Version:      1.0.0
 Author:       Aditya
*/

/* Base styling */
body {
    background-color: #ffffff;
  }
  
  /* Responsive adjustments for mobile */
  @media (max-width: 768px) {
    /* Layout Containers */
    #content.site-content,
    .ast-container,
    .entry-content,
    .entry-content.clear,
    .ast-container .entry-content,
    .ast-blocks-layout {
      max-width: 100% !important;
      width: 100% !important;
      padding: 0 !important;
      margin: 0 auto;
      box-sizing: border-box;
    }
  
    .entry-content p,
    .entry-content li {
      word-break: normal !important;
      white-space: normal !important;
      text-align: left !important;
      font-size: 1rem;
      line-height: 1.6;
      display: block;
    }
  
    .wp-block-group,
    .elementor-section-wrap,
    .elementor-container,
    .elementor-widget-container {
      padding-left: 1rem !important;
      padding-right: 1rem !important;
      box-sizing: border-box;
      width: 100% !important;
    }
  
    .elementor-section.elementor-section-boxed > .elementor-container {
      max-width: 100% !important;
      padding-left: 1rem;
      padding-right: 1rem;
    }
  
    .wp-block-button__link,
    .elementor-button {
      width: 100%;
      text-align: center;
    }
  
    .responsive-title,
    .responsive-subtitle {
      width: 100% !important;
      display: block;
    }
  
    /* Tabs */
    .tab-container {
      padding: 0 !important;
      margin: 0 auto !important;
      max-width: 100% !important;
      width: 100% !important;
      box-sizing: border-box;
    }
  
    .tab-content {
      padding-left: 1rem !important;
      padding-right: 1rem !important;
      box-sizing: border-box;
      width: 100% !important;
    }
  
    /* Chat Interface */
    #chat-container,
    #input-container,
    #chat-output,
    #ai-chatbot {
      width: 100% !important;
      max-width: 100% !important;
      margin: 0 auto !important;
      padding: 0 !important;
      box-sizing: border-box;
      display: block !important;
      flex-wrap: wrap !important;
    }
  
    #chat-input {
      width: 100% !important;
      max-width: 100% !important;
      margin: 0 !important;
      padding: 8px !important;
      font-size: 1rem !important;
      box-sizing: border-box;
      border-radius: 6px;
      resize: vertical;
    }
  
    #send-button {
      width: 100% !important;
      margin-top: 0.5rem;
      padding: 12px;
      font-size: 1rem;
      box-sizing: border-box;
    }
  
    /* Markdown Cleanup */
    #chat-output {
      white-space: pre-wrap;
      font-family: inherit !important;
      unicode-bidi: plaintext;
      font-size: 14px !important;
      line-height: 1.4 !important;
      padding: 0.5rem 0 !important;
    }
  
    #chat-output p,
    #chat-output li,
    #chat-output h1,
    #chat-output h2,
    #chat-output h3,
    #chat-output h4 {
      font-size: 14px !important;
      line-height: 1.4 !important;
      margin-top: 0.4em !important;
      margin-bottom: 0.4em !important;
    }
  
    #chat-output strong,
    #chat-output em,
    #chat-output code,
    #chat-output pre {
      font-weight: normal !important;
      font-style: normal !important;
      font-family: inherit !important;
      background: none !important;
      padding: 0 !important;
      border: none !important;
    }
  
    #chat-output h1,
    #chat-output h2,
    #chat-output h3 {
      font-weight: 600 !important;
    }
  
    .citations {
      font-size: 12px !important;
      padding: 6px !important;
      line-height: 1.3 !important;
    }
  
    .citations ul {
      padding-left: 15px !important;
    }
  
    .citations li {
      margin-bottom: 4px !important;
    }
  }