/* Custom CSS for Kineto.ai - Force white background */

/* Contact Form Styling */
.contact-form-container {
  box-shadow: 0 2px 10px rgba(0,0,0,0.1) !important;
  transition: box-shadow 0.3s ease !important;
}

.contact-form-container:hover {
  box-shadow: 0 4px 20px rgba(0,0,0,0.15) !important;
}

/* Responsive iframe styling */
.contact-form-container iframe {
  min-height: 800px !important;
  border: none !important;
  border-radius: 4px !important;
}

@media (max-width: 768px) {
  .contact-form-container {
    padding: 20px !important;
    margin: 15px 0 !important;
  }
  
  .contact-form-container iframe {
    min-height: 700px !important;
  }
}

/* Privacy highlights styling */
.privacy-highlights {
  background: #e8f5e8 !important;
  border-left: 4px solid #28a745 !important;
  padding: 15px !important;
  margin: 15px 0 !important;
  border-radius: 4px !important;
}

/* GDPR compliance badges */
.gdpr-badge {
  display: inline-block !important;
  background: #007bff !important;
  color: white !important;
  padding: 4px 8px !important;
  border-radius: 12px !important;
  font-size: 0.8em !important;
  margin-right: 8px !important;
}

/* Contact method styling */
.contact-methods {
  background: #fff3cd !important;
  border: 1px solid #ffeaa7 !important;
  padding: 15px !important;
  border-radius: 8px !important;
  margin: 15px 0 !important;
}

/* Override dark mode preferences to keep white background */
body {
  background: #ffffff !important;
  color: #404040 !important;
}

/* Navbar with light gray background matching footer */
.navbar-default {
  background-color: #f5f5f5 !important;
  border-color: #f5f5f5 !important;
}

/* Make all navbar text dark for light gray background */
.navbar-default .navbar-nav > li > a {
  color: #404040 !important;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #000000 !important;
}

.navbar-default .navbar-brand {
  color: #404040 !important;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #000000 !important;
}

.navbar-default .navbar-text {
  color: #404040 !important;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #404040 !important;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: rgba(255, 255, 255, 0.1) !important;
}

/* Make all text inside .well class black with white background */
.well {
  background-color: #ffffff !important;
  color: #404040 !important;
  border: 1px solid #ddd !important;
}

.well h1, .well h2, .well h3, .well h4, .well h5, .well h6 {
  color: #404040 !important;
}

.well p {
  color: #404040 !important;
}

.well a {
  color: #337ab7 !important;
}

.well a:hover,
.well a:focus {
  color: #23527c !important;
}

.well .text-muted {
  color: #777 !important;
}

.well * {
  color: #404040 !important;
}

/* Ensure dark mode doesn't override our white background */
@media (prefers-color-scheme: dark) {
  body {
    background: #ffffff !important;
    color: #404040 !important;
  }
  
  /* Keep link colors readable on white background */
  p a {
    color: #008AFF !important;
  }
  
  
  /* Ensure footer text is readable */
  .footer {
    background: #f5f5f5 !important;
    color: #404040 !important;
  }
  
  .footer a {
    color: #404040 !important;
  }
  
  /* Ensure all headings are dark */
  h1, h2, h3, h4, h5, h6 {
    color: #404040 !important;
  }
  
  /* Ensure blog post text is dark */
  .post-preview .post-title a {
    color: #404040 !important;
  }
  
  .post-preview .post-subtitle {
    color: #777 !important;
  }
  
  /* Ensure all general text is dark */
  .main-content {
    color: #404040 !important;
  }
}

/* Make the main page title white - override everything */
.intro-header h1,
.intro-header .page-heading h1,
.intro-header .post-heading h1,
.intro-header .home-heading h1,
.header-section h1,
.big-img h1,
h1 {
  color: #ffffff !important;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8) !important;
}

.intro-header h2,
.intro-header .page-heading .page-subheading,
.intro-header .post-heading .post-subheading,
.intro-header .home-heading .home-subheading,
.intro-header .page-subheading,
.intro-header .home-subheading,
.header-section h2 {
  color: #ffffff !important;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8) !important;
}

/* Force all text in header to be white */
.intro-header * {
  color: #ffffff !important;
}

.header-section * {
  color: #ffffff !important;
}

/* Increase line spacing by 10% throughout the site */
body, p, div, li, td, th {
  line-height: 1.65 !important; /* Assuming default was ~1.5, this is 10% increase */
}

.main-content, .post-content, .page-content {
  line-height: 1.65 !important;
}

/* Specific content areas */
.post-preview .post-entry {
  line-height: 1.65 !important;
}

/* Ensure consistent spacing in blog posts and pages */
.blog-post, .content-wrapper {
  line-height: 1.65 !important;
}

/* Justify text alignment in main content areas */
.main-content p, 
.post-content p, 
.page-content p,
.blog-post p,
.content-wrapper p {
  text-align: justify !important;
}

/* Justify text in main content containers */
.main-content, 
.post-content, 
.page-content {
  text-align: justify !important;
}

/* Justify specific content sections */
.post-preview .post-entry {
  text-align: justify !important;
}

/* Keep headings left-aligned for better readability */
h1, h2, h3, h4, h5, h6 {
  text-align: left !important;
}

/* Center titles on carousel images */
.intro-header .page-heading,
.intro-header .post-heading,
.intro-header .home-heading {
  text-align: center !important;
}

.intro-header .page-heading h1,
.intro-header .post-heading h1,
.intro-header .home-heading h1,
.intro-header h1 {
  text-align: center !important;
}

.intro-header .page-heading .page-subheading,
.intro-header .post-heading .post-subheading,
.intro-header .home-heading .home-subheading,
.intro-header .page-subheading,
.intro-header .home-subheading {
  text-align: center !important;
}

/* Remove gray background from homepage content */
.main-content .well,
.post-content .well,
.page-content .well {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* Ensure homepage main content has white background */
.main-content,
.post-content,
.page-content {
  background-color: #ffffff !important;
}

/* Override any container backgrounds on homepage */
.container .well,
.container-fluid .well,
.row .well {
  background-color: transparent !important;
  border: none !important;
}

/* Typeform Widget Styling */
.typeform-widget-container {
  margin: 2rem 0;
  padding: 1rem;
  background-color: #f9f9f9;
  border-radius: 8px;
  border: 1px solid #e1e1e1;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.form-footer {
  margin-top: 2rem;
  padding-top: 1rem;
  border-top: 1px solid #e1e1e1;
  color: #666;
}

.form-footer a {
  color: #007bff !important;
}

.form-footer a:hover {
  color: #0056b3 !important;
  text-decoration: underline;
}

.form-footer em {
  color: #777;
  font-size: 0.9rem;
}

/* Responsive adjustments for Typeform */
@media (max-width: 768px) {
  .typeform-widget-container {
    margin: 1rem 0;
    padding: 0.5rem;
  }
  
  .typeform-widget-container > div {
    height: 400px !important;
  }
}