:root:has(input.theme-controller[value=matrimonialLight]:checked),
[data-theme="matrimonialLight"] {
  prefersdark: "matrimonialDark";
  color-scheme: "light";
  --color-base-100: oklch(97.788% 0.004 56.375);
  --color-base-200: oklch(93.982% 0.007 61.449);
  --color-base-300: oklch(91.586% 0.006 53.44);
  --color-base-content: oklch(23.574% 0.066 313.189);
  --color-primary: oklch(85% 0.138 181.071);
  --color-primary-content: oklch(43% 0.078 188.216);
  --color-secondary: oklch(89% 0.061 343.231);
  --color-secondary-content: oklch(45% 0.187 3.815);
  --color-accent: oklch(90% 0.076 70.697);
  --color-accent-content: oklch(47% 0.157 37.304);
  --color-neutral: oklch(27% 0.006 286.033);
  --color-neutral-content: oklch(92% 0.004 286.32);
  --color-info: oklch(68% 0.169 237.323);
  --color-info-content: oklch(29% 0.066 243.157);
  --color-success: oklch(69% 0.17 162.48);
  --color-success-content: oklch(26% 0.051 172.552);
  --color-warning: oklch(79% 0.184 86.047);
  --color-warning-content: oklch(28% 0.066 53.813);
  --color-error: oklch(64% 0.246 16.439);
  --color-error-content: oklch(27% 0.105 12.094);

  --radius-selector: 0rem;
  --radius-field: 0rem;
  --radius-box: 0rem;
  --size-selector: 0.25rem;
  --size-field: 0.21875rem;
  --border: 1px;
  --depth: 0;
  --noise: 0;
}

/* Custom Prose Styling for Markdown */
.ks-md-content>.prose {
  @apply max-w-none text-gray-800;
}

/* Responsive Headings */
.ks-md-content>.prose h1 {
  @apply text-xl md:text-2xl font-bold mt-8 mb-4 leading-tight;
}

.ks-md-content>.prose h2 {
  @apply text-lg md:text-xl font-bold mt-6 mb-3 leading-snug;
}

.ks-md-content>.prose h3 {
  @apply text-sm md:text-lg font-semibold mt-4 mb-2 leading-snug;
}

.ks-md-content>.prose p {
  @apply text-gray-800 leading-relaxed mb-4;
}

.ks-md-content>.prose strong {
  @apply font-semibold text-gray-900;
}

.ks-md-content>.prose a {
  @apply text-blue-600 hover:text-blue-800 underline;
}

.ks-md-content>.prose ul,
.ks-md-content>.prose ol {
  @apply list-inside list-disc mb-4;
}

.ks-md-content>.prose li {
  @apply marker:text-gray-600;
}

.ks-md-content>.prose img {
  @apply rounded-xl shadow-md my-4;
}

/* Fixed blockquote border with responsive padding */
.ks-md-content>.prose blockquote {
  @apply border-l-4 border-blue-500 pl-4 sm:pl-5 md:pl-6 text-gray-700 italic my-4;
}

/* Code & Pre blocks */
.ks-md-content>.prose pre {
  @apply bg-gray-900 text-gray-100 p-4 rounded-xl my-6 overflow-x-auto;
}

.ks-md-content>.prose code {
  @apply bg-gray-200 text-gray-800 px-1.5 py-0.5 rounded text-sm;
}

/* Optional spacing after headings */
.ks-md-content>.prose h1+p,
.ks-md-content>.prose h2+p,
.ks-md-content>.prose h3+p {
  @apply mt-2;
}

/* Table styling */
.ks-md-content>.prose table {
  @apply w-full border border-gray-300 my-4;
}

.ks-md-content>.prose th,
.ks-md-content>.prose td {
  @apply border border-gray-300 px-3 py-2 text-left;
}

.ks-md-content>.prose th {
  @apply bg-gray-100 font-semibold;
}

/* Optional: make blockquotes responsive */
@media (max-width: 640px) {
  .ks-md-content>.prose blockquote {
    @apply pl-3;
  }
}

.ks_link-hover-underline {
  @apply after:absolute after:bottom-0 after:left-0 after:w-0 after:h-[2px] after:bg-rose-600 hover:after:w-full after:transition-all;
}

.ticker-wrapper {
  height: 60px;
  display: flex;
  align-items: center;
}

.ticker {
  display: inline-flex;
  animation: tickerMove 25s linear infinite;
}

.ticker::after {
  content: attr(data-dup);
  display: inline-flex;
}

.ticker-item {
  font-size: 24px;
  font-weight: 600;
  white-space: nowrap;
  opacity: 0.9;
}

/* Animation */
@keyframes tickerMove {
  0% {
    transform: translate3d(0, 0, 0);
  }

  100% {
    transform: translate3d(-50%, 0, 0);
  }
}

/* Pause on hover */
.ticker-wrapper:hover .ticker {
  animation-play-state: paused;
}

@layer utilities {
  .animate-fade-in {
    animation: fadeIn 0.5s ease-out forwards;
  }

  .animate-fade-in-up {
    animation: fadeInUp 0.6s ease-out forwards;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}


/* Collapse AdSense blocks when Google refuses to fill them */
ins.adsbygoogle[data-ad-status="unfilled"],
ins.adsbygoogle[data-ad-status="unfill-optimized"] {
  display: none !important;
}

.adsense-div:has(ins.adsbygoogle[data-ad-status="unfilled"]),
.adsense-div:has(ins.adsbygoogle[data-ad-status="unfill-optimized"]) {
  display: none !important;
}