/*
* Main Style Sheet - Imports all component CSS files
* LinguaSkin 2025
*/

/* Base */
@import "components/variables.css";
@import "components/global.css";

/* Layout */
@import "components/navigation.css";
@import "components/footer.css";

/* Components */
@import "components/breadcrumb.css"; 
@import "components/buttons.css"; /* All button styles */
@import "components/cards.css"; /* All card component styles */
@import "components/forms.css";
@import "components/icons.css";
@import "components/filters.css";
@import "components/feature-cards.css"; /* Feature section layouts only */
@import "components/testimonials.css";
@import "components/faqs.css";

/* Specialized Components */
@import "card-styles.css"; /* Specialized edition cards and council layouts */

/* Page Sections */
@import "pages/home-sections.css";
@import "pages/about-sections.css";
@import "pages/how-it-works-sections.css";
@import "pages/case-studies-sections.css";
@import "pages/editions-sections.css";
@import "pages/faq-sections.css";
@import "pages/book-demo-sections.css";
@import "pages/privacy-sections.css";
@import "pages/contact-sections.css";
@import "pages/resources-sections.css";

@import "pages/edition-details.css"; /* Individual edition page styles */

/* Responsive */
@import "components/responsive.css";

/* Scroll to Top Button */
.scroll-to-top {
  position: fixed;
  bottom: 30px;
  right: 30px;
  width: 50px;
  height: 50px;
  background: var(--primary-color);
  color: white;
  border: none;
  border-radius: 50%;
  font-size: 1.2rem;
  cursor: pointer;
  transition: all 0.3s ease;
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  transform: translateY(20px);
  box-shadow: 0 4px 15px rgba(69, 86, 158, 0.3);
}

.scroll-to-top.show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.scroll-to-top:hover {
  background: var(--gradient-end);
  transform: translateY(-3px);
  box-shadow: 0 6px 20px rgba(69, 86, 158, 0.4);
}

.bg-pri{
  background-color: var(--primary-color);
}

.bg-purple {
  background-color: #6f42c1 !important; /* Bootstrap’s purple shade */
}

.border-purple {
  border: 1px solid #6f42c1 !important;
}

/* Responsive Design */
@media (max-width: 768px) {
  .scroll-to-top {
    bottom: 20px;
    right: 20px;
    width: 45px;
    height: 45px;
    font-size: 1rem;
  }
}