/* Fix invisible checkbox in review privacy consent */
.checkbox_and_radiobutton input[type="checkbox"] {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    appearance: checkbox !important;
    -webkit-appearance: checkbox !important;
    -moz-appearance: checkbox !important;
    position: static !important;
    width: 16px !important;
    height: 16px !important;
    margin-right: 8px !important;
}

/* Ensure the list item displays correctly */
.checkbox_and_radiobutton li {
    list-style: none !important;
}

/* Prevent theme from hiding inputs */
.checkbox_and_radiobutton input {
    clip: auto !important;
    clip-path: none !important;
}

.orcid_icon {
    width: 16px !important;
    height: 16px !important;
    min-width: 16px;
    max-width: 16px;
    flex-shrink: 0;
}

a[href*="orcid.org"] + .orcid_icon {
    margin-left: 4px;
}
/* Existing CSS above */

/* ================================
   AILM Article List Rounded Cards
   ================================ */

li.flex.justify-between.gap-x-6.pl-0.py-5 {
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 24px !important;
  padding: 28px 32px !important;
  margin-bottom: 28px !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.06) !important;
  transition: all 0.25s ease !important;
  overflow: hidden !important;
}

li.flex.justify-between.gap-x-6.pl-0.py-5:hover {
  background: #e6fbff !important;
  border-color: #5ddcff !important;
  box-shadow: 0 14px 36px rgba(0, 180, 216, 0.22) !important;
  transform: translateY(-3px) !important;
}

li.flex.justify-between.gap-x-6.pl-0.py-5 h3 a {
  color: #0ea5e9 !important;
  transition: color 0.25s ease !important;
}

li.flex.justify-between.gap-x-6.pl-0.py-5:hover h3 a {
  color: #0077a8 !important;
}

li.flex.justify-between.gap-x-6.pl-0.py-5 img {
  border-radius: 14px !important;
}

li.flex.justify-between.gap-x-6.pl-0.py-5:hover a[href*="/article/download"] {
  background: #7ddfff !important;
  border-color: #38bdf8 !important;
  color: #082f49 !important;
}

/* Justify issue description text */
main article div.prose.prose-slate.max-w-none {
  text-align: justify !important;
  text-align-last: left !important;
  line-height: 1.8 !important;
}

/* Justify all paragraphs inside the issue description */
main article div.prose.prose-slate.max-w-none p {
  text-align: justify !important;
  text-align-last: left !important;
  line-height: 1.8 !important;
}

/* Hide About Journal description only on homepage banner */
div.relative > p.inline.font-extrabold.text-white + div.mt-3.text-2xl.tracking-tight.text-slate-200 {
  display: none !important;
}

/* Optional: make the description visually cleaner */
main article div.prose.prose-slate.max-w-none {
  max-width: 900px !important;
  font-size: 17px !important;
}

/* Light mode issue description */
html:not(.dark) main article div.prose.prose-slate.max-w-none,
html:not(.dark) main article div.prose.prose-slate.max-w-none p {
  color: #1e293b !important;
}

/* Dark mode issue description */
html.dark main article div.prose.prose-slate.max-w-none,
html.dark main article div.prose.prose-slate.max-w-none p,
.dark main article div.prose.prose-slate.max-w-none,
.dark main article div.prose.prose-slate.max-w-none p {
  color: #dbeafe !important;
}

/* =====================================================
   AILM Dark Mode Contrast Fix
   Place this at the VERY BOTTOM of styleSheet.css
   ===================================================== */

/* Main text in dark mode */
html.dark main,
html.dark article,
html.dark section,
html.dark .pkp_structure_main,
.dark main,
.dark article,
.dark section,
.dark .pkp_structure_main {
  color: #e5edf8 !important;
}

/* Headings in dark mode */
html.dark main h1,
html.dark main h2,
html.dark main h3,
html.dark main h4,
html.dark article h1,
html.dark article h2,
html.dark article h3,
html.dark article h4,
.dark main h1,
.dark main h2,
.dark main h3,
.dark main h4,
.dark article h1,
.dark article h2,
.dark article h3,
.dark article h4 {
  color: #ffffff !important;
}

/* Paragraphs and prose text */
html.dark main p,
html.dark article p,
html.dark section p,
html.dark .prose,
html.dark .prose p,
html.dark .prose div,
html.dark .prose span,
.dark main p,
.dark article p,
.dark section p,
.dark .prose,
.dark .prose p,
.dark .prose div,
.dark .prose span {
  color: #dbeafe !important;
}

/* Fix Tailwind slate/gray text classes in dark mode */
html.dark main .text-slate-400,
html.dark main .text-slate-500,
html.dark main .text-slate-600,
html.dark main .text-slate-700,
html.dark main .text-slate-800,
html.dark main .text-slate-900,
html.dark main .text-gray-400,
html.dark main .text-gray-500,
html.dark main .text-gray-600,
html.dark main .text-gray-700,
html.dark main .text-gray-800,
html.dark main .text-gray-900,
.dark main .text-slate-400,
.dark main .text-slate-500,
.dark main .text-slate-600,
.dark main .text-slate-700,
.dark main .text-slate-800,
.dark main .text-slate-900,
.dark main .text-gray-400,
.dark main .text-gray-500,
.dark main .text-gray-600,
.dark main .text-gray-700,
.dark main .text-gray-800,
.dark main .text-gray-900 {
  color: #dbeafe !important;
}

/* Links in dark mode */
html.dark main a,
html.dark article a,
html.dark section a,
.dark main a,
.dark article a,
.dark section a {
  color: #7dd3fc !important;
}

html.dark main a:hover,
html.dark article a:hover,
html.dark section a:hover,
.dark main a:hover,
.dark article a:hover,
.dark section a:hover {
  color: #38bdf8 !important;
  text-decoration: underline;
}

/* Article cards in dark mode */
html.dark li.flex.justify-between.gap-x-6.pl-0.py-5,
.dark li.flex.justify-between.gap-x-6.pl-0.py-5 {
  background: #172033 !important;
  border-color: #334155 !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.35) !important;
}

/* Article card hover in dark mode */
html.dark li.flex.justify-between.gap-x-6.pl-0.py-5:hover,
.dark li.flex.justify-between.gap-x-6.pl-0.py-5:hover {
  background: #12384a !important;
  border-color: #38bdf8 !important;
  box-shadow: 0 14px 36px rgba(56, 189, 248, 0.25) !important;
}

/* Article text inside cards */
html.dark li.flex.justify-between.gap-x-6.pl-0.py-5,
html.dark li.flex.justify-between.gap-x-6.pl-0.py-5 p,
html.dark li.flex.justify-between.gap-x-6.pl-0.py-5 div,
html.dark li.flex.justify-between.gap-x-6.pl-0.py-5 span,
.dark li.flex.justify-between.gap-x-6.pl-0.py-5,
.dark li.flex.justify-between.gap-x-6.pl-0.py-5 p,
.dark li.flex.justify-between.gap-x-6.pl-0.py-5 div,
.dark li.flex.justify-between.gap-x-6.pl-0.py-5 span {
  color: #e5edf8 !important;
}

/* Article title in dark mode */
html.dark li.flex.justify-between.gap-x-6.pl-0.py-5 h3 a,
.dark li.flex.justify-between.gap-x-6.pl-0.py-5 h3 a {
  color: #7dd3fc !important;
}

html.dark li.flex.justify-between.gap-x-6.pl-0.py-5:hover h3 a,
.dark li.flex.justify-between.gap-x-6.pl-0.py-5:hover h3 a {
  color: #38bdf8 !important;
}

/* Sidebar text in dark mode */
html.dark aside,
html.dark aside p,
html.dark aside div,
html.dark aside span,
html.dark aside li,
.dark aside,
.dark aside p,
.dark aside div,
.dark aside span,
.dark aside li {
  color: #e5edf8 !important;
}

/* Sidebar headings */
html.dark aside h1,
html.dark aside h2,
html.dark aside h3,
html.dark aside h4,
html.dark aside strong,
.dark aside h1,
.dark aside h2,
.dark aside h3,
.dark aside h4,
.dark aside strong {
  color: #ffffff !important;
}