/**
 * SEO blokovi - frontend + TinyMCE editor.
 *
 * ⚠ Ovaj fajl se učitava u SVE TinyMCE editore na sajtu preko add_editor_style().
 *   Zabranjeni su globalni selektori: body, html, p, a, h2, table...
 *   Sve mora biti pod .ak-seo__content ili .ak-* prefiksom.
 *   Kršenje ovog pravila mijenja izgled editora nekretnina.
 */

/* ---------- Wrapper (samo frontend) ---------- */

.ak-seo { margin-block: 1.5rem; }
.ak-seo--bottom { margin-top: 2.5rem; }

.ak-seo__content {
  max-width: 100%;
  line-height: 1.7;
}

/* ---------- Tipografija unutar bloka ---------- */

.ak-seo__content h2 { margin-top: 2rem; }
.ak-seo__content h3,
.ak-seo__content h4 { margin-top: 1.5rem; }
.ak-seo__content h2:first-child,
.ak-seo__content h3:first-child,
.ak-seo__content h4:first-child { margin-top: 0; }
.ak-seo__content > *:last-child { margin-bottom: 0; }

.ak-seo__content ul,
.ak-seo__content ol {
  padding-left: 1.25rem;
  margin-bottom: 1rem;
}
.ak-seo__content li { margin-bottom: .35rem; }

.ak-seo__content a {
  color: #10233f;
  text-decoration: underline;
  text-underline-offset: .15em;
}
.ak-seo__content a:hover { color: #d69a15; }

.ak-seo__content blockquote {
  border-left: 4px solid #f5b731;
  padding-left: 1.25rem;
  margin: 1.5rem 0;
  font-style: italic;
  color: #374151;
}

.ak-seo__content hr {
  border: 0;
  border-top: 1px solid #e5e7eb;
  margin: 2rem 0;
}

.ak-seo__content img {
  max-width: 100%;
  height: auto;
  border-radius: .375rem;
}

.ak-seo__content table {
  width: 100%;
  border-collapse: collapse;
  margin: 1.5rem 0;
}
.ak-seo__content th,
.ak-seo__content td {
  border: 1px solid #e5e7eb;
  padding: .625rem .75rem;
  text-align: left;
}
.ak-seo__content th {
  background: #f9fafb;
  font-weight: 600;
}

/* ---------- Klase iz Formats dropdowna ----------
   Bez .ak-seo__content prefiksa, jer moraju raditi
   i unutar editora gdje wrapper ne postoji. */

.ak-w-400 { font-weight: 400; }
.ak-w-500 { font-weight: 500; }
.ak-w-600 { font-weight: 600; }
.ak-w-800 { font-weight: 800; }

.ak-fs-sm { font-size: .875em; }
.ak-fs-lg { font-size: 1.15em; }

.ak-lead {
  font-size: 1.15em;
  font-weight: 500;
  color: #10233f;
}

.ak-text-gold { color: #d69a15; }
.ak-text-navy { color: #10233f; }

.ak-mark {
  background: rgba(245, 183, 49, .35);
  padding: 0 .15em;
  border-radius: .15em;
}

.ak-callout {
  background: #f9fafb;
  border-left: 4px solid #f5b731;
  padding: 1rem 1.25rem;
  border-radius: .375rem;
  margin: 1.5rem 0;
}
.ak-callout > *:last-child { margin-bottom: 0; }

.ak-note {
  font-size: .875em;
  color: #6b7280;
}

/* ---------- Mobile ---------- */

@media (max-width: 767px) {
  .ak-seo { margin-block: 1.25rem; }
  .ak-seo--bottom { margin-top: 2rem; }
  .ak-seo__content { line-height: 1.65; }
}