/*
Theme Name: Aktualno Blank
Theme URI: https://example.com
Author: AktualnoUA
Author URI: https://example.com
Description: Modern Ukrainian News Theme - React Port
Version: 1.2
Text Domain: aktualno-blank
*/

/* 
 * TAILWIND CSS IS LARGELY HANDLING THE STYLING.
 * This file is kept for WordPress compatibility and specific overrides.
 */

/* WordPress aligns */
.alignleft {
  float: left;
  margin-right: 1.5em;
  margin-bottom: 1.5em;
}

.alignright {
  float: right;
  margin-left: 1.5em;
  margin-bottom: 1.5em;
}

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5em;
}

/* Ensure images are responsive by default */
img {
  max-width: 100%;
  height: auto;
}

/* Fix WP Admin Bar overlap if logged in */
.admin-bar .sticky.top-0 {
  top: 32px;
}

@media (max-width: 782px) {
  .admin-bar .sticky.top-0 {
    top: 46px;
  }
}

/* Prose overrides to ensure lists have bullets if Tailwind defaults fail */
.prose ul {
  list-style-type: disc;
  padding-left: 1.5em;
  margin-bottom: 1em;
}

.prose ol {
  list-style-type: decimal;
  padding-left: 1.5em;
  margin-bottom: 1em;
}

.prose p,
.prose li {
  margin-bottom: 1em;
  font-size: 1.125rem;
  /* 18px */
  line-height: 1.8;
  color: #374151;
  /* gray-700 to ensure good contrast */
}

.prose h2 {
  font-size: 1.5em;
  font-weight: bold;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
}

.prose h3 {
  font-size: 1.25em;
  font-weight: bold;
  margin-top: 1.25em;
  margin-bottom: 0.5em;
}

/* ===== SITE LAYOUT ===== */
/* Fallback grid rules in case Tailwind classes are not applied */
@media (min-width: 1024px) {
  .lg\:grid-cols-12 {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .lg\:col-span-9 {
    grid-column: span 9 / span 9;
  }
  .lg\:col-span-3 {
    grid-column: span 3 / span 3;
  }
}

/* Link Styling in Content */
.prose a {
  color: #2563eb;
  /* blue-600 */
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
  font-weight: 500;
  transition: color 0.15s;
}

.prose a:hover {
  color: #1d4ed8;
  /* blue-700 */
  text-decoration-thickness: 2px;
}