/**
 * Content page styles (content.php only).
 * Data source: https://www.aeroplaymedia.com/aeroplay-entertainment/
 * Scoped under .content-page so it does not affect other pages.
 */

.content-page main {
  /* Content page main layout */
}

.content-page #content {
  scroll-margin-top: 5rem;
}

.content-page .content-intro {
  /* Intro block on content page */
}

.content-page .content-card {
  /* Cards in content section */
}

.content-page .content-block {
  /* Each entertainment category block */
}

/* Summary blocks after Entertainment heading (reference layout) */
.content-page .content-summary-item {
  /* Card for each category preview */
}

.content-page .content-summary-img {
  /* Placeholder or image area */
}

.content-page .content-summary-logos {
  /* Logo row for Branded Channels / OTT */
}

/* Stats grid inside content cards */
.content-page .content-stats {
  /* Optional: tighten gap on very small screens */
}

/* ----- Light theme: content page cards and tiles (solution.php-style grid) ----- */
[data-theme="light"] .content-page #content .bg-\[\#101620\] {
  background-color: #f8f9fa;
  border-color: #e5e7eb;
  border-width: 1px;
  border-style: solid;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
}

[data-theme="light"] .content-page #content .bg-\[\#101620\] h2,
[data-theme="light"] .content-page #content .bg-\[\#101620\] h3,
[data-theme="light"] .content-page #content .bg-\[\#101620\] h4 {
  color: #020617;
}

[data-theme="light"] .content-page #content .bg-\[\#101620\] p {
  color: #4b5563;
}

[data-theme="light"] .content-page #content .interactive-card {
  background-color: #ffffff;
  border-color: #e5e7eb;
  border-width: 1px;
  border-style: solid;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
}

[data-theme="light"] .content-page #content .interactive-card h3,
[data-theme="light"] .content-page #content .interactive-card h4 {
  color: #020617;
}

[data-theme="light"] .content-page #content .interactive-card p {
  color: #4b5563;
}

[data-theme="light"] .content-page #content .content-stats > div {
  background-color: #ffffff;
  border-color: #e5e7eb;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

[data-theme="light"] .content-page #content .content-stats .text-primary {
  color: var(--p, #E88A24);
}

[data-theme="light"] .content-page #content .content-stats .text-slate-400 {
  color: #64748b;
}

[data-theme="light"] .content-page #content .content-intro .text-white {
  color: #020617;
}

[data-theme="light"] .content-page #content .content-intro .text-slate-400 {
  color: #4b5563;
}

/* Light theme: summary blocks */
[data-theme="light"] .content-page #content .content-summary-item {
  background-color: #f8f9fa;
  border-color: #e5e7eb;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

[data-theme="light"] .content-page #content .content-summary-item h3 {
  color: #020617;
}

[data-theme="light"] .content-page #content .content-summary-item p {
  color: #4b5563;
}

[data-theme="light"] .content-page #content .content-summary-img > div {
  background: linear-gradient(to bottom right, rgba(232, 138, 36, 0.12), #e2e8f0);
}

[data-theme="light"] .content-page #content .content-summary-logos span {
  background-color: #e2e8f0;
  border-color: #cbd5e1;
  color: #334155;
}

[data-theme="light"] .content-page #content .content-summary-item .text-white {
  color: #020617;
}

[data-theme="light"] .content-page #content h2.text-white {
  color: #020617;
}