/* Semnal Design System - Warm & Professional */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');

/* Use Tailwind v4 @theme for color definitions */
/* Note: These will be processed by Tailwind, not directly by browser */

/* Base styles */
html {
  font-family: 'Inter', -apple-system, system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
  letter-spacing: -0.025em;
}
/* SVG Icon Styling */
/* Handles color inheritance for inline SVG icons */

.bi {
  display: inline-block;
  vertical-align: -0.125em;
  fill: currentColor;
  width: 1em;
  height: 1em;
}

/* Icon sizes */
.bi-sm {
  width: 0.875rem;
  height: 0.875rem;
}

.bi-md {
  width: 1.5rem;
  height: 1.5rem;
}

.bi-lg {
  width: 2rem;
  height: 2rem;
}

.bi-xl {
  width: 3rem;
  height: 3rem;
}
.gdpr__cookie_consent {
    background: #FFFFFF;
    border: 1px solid #EEEEEE;
    bottom: 15px;
    display: none;
    font-size: 14px;
    left: 15px;
    max-width: 500px;
    padding: 15px;
    position: fixed;
    right: 15px;
    z-index: 9999;
}

.gdpr__cookie_consent a {
    text-decoration: underline !important;
}

.gdpr__cookie_consent__text {
    margin-bottom: 15px;
}

.gdpr__cookie_consent__buttons__ko {
    margin-left: 3px;
}
/* Site-specific custom styles */
/* Most styling should be done via Tailwind CSS classes */

/* Readable text style for long-form content */
.readable {
  font-family: Georgia, Times, 'Times New Roman', serif;
}

/* Facebook login button styles */
.btn-social {
  position: relative;
  padding: 0.7rem 0.25rem 0.85rem 3.75rem;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.btn-social > :first-child {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 2.95rem;
  line-height: 3rem;
  font-size: 1.6em;
  text-align: center;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
}

.btn-facebook {
  color: #fff;
  background-color: #3B5998;
  border-color: #fff;
  display: inline-block;
  border-radius: 0.375rem;
}

.btn-facebook:focus,
.btn-facebook:hover {
  color: #fff;
  background-color: #2d4373;
  border-color: #3B5998;
}

/* GDPR Cookie Consent - Fix text color for dark mode */
.gdpr__cookie_consent {
  color: #374151; /* gray-700 - readable on white background */
}

.gdpr__cookie_consent a {
  color: #0284c7; /* sky-600 */
}

.gdpr__cookie_consent__buttons__ok,
.gdpr__cookie_consent__buttons__ko {
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  font-weight: 500;
  cursor: pointer;
}

.gdpr__cookie_consent__buttons__ok {
  background: linear-gradient(to right, #0284c7, #6366f1);
  color: white;
  border: none;
}

.gdpr__cookie_consent__buttons__ko {
  background: transparent;
  color: #6b7280;
  border: 1px solid #d1d5db;
}
/*





 */