/* ============================================================
  CONTENT: Article typography & Fluent Forms (content-only scope)
  Extracted from parent style.css for conditional loading
  ============================================================ */

/* Ensure article content root uses theme font when component is loaded */
.nc-article-content,
.nc-article-content * {
  font-family: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* ============================================
   GLOBAL TYPOGRAPHY - UNIFIED
   ============================================ */

/* Glavni content kontejneri - sve stranice */
.entry-content,
.single-content,
.page-content,
.post-content,
.nc-article-text,
article .content,
.site-content .content-wrap {
    font-size: 18px !important;
    line-height: 1.8 !important;
    color: #1a1a1a !important;
    font-family: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

/* Paragrafi - uniform spacing */
.entry-content p,
.single-content p,
.page-content p,
.nc-article-text p,
article p {
    margin-top: 1.5em !important;
    margin-bottom: 1.5em !important;
    line-height: 1.8 !important;
}

/* Naslovi - uniform styling */
.entry-content h2,
.single-content h2,
.page-content h2,
.nc-article-text h2,
article h2 {
    font-size: 1.75em !important;
    line-height: 1.3 !important;
    margin-top: 2em !important;
    margin-bottom: 1em !important;
    padding-bottom: 0.5em !important;
    border-bottom: 3px solid #3498db !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
}

.entry-content h3,
.single-content h3,
.page-content h3,
.nc-article-text h3,
article h3 {
    font-size: 1.4em !important;
    margin-top: 1.8em !important;
    margin-bottom: 0.8em !important;
    font-weight: 600 !important;
    color: #2c3e50 !important;
}

.entry-content h4,
.single-content h4,
.page-content h4,
.nc-article-text h4,
article h4 {
    font-size: 1.2em !important;
    margin-top: 1.5em !important;
    margin-bottom: 0.7em !important;
    font-weight: 600 !important;
    color: #2c3e50 !important;
}

/* Liste - uniform */
.entry-content ul,
.entry-content ol,
.single-content ul,
.single-content ol,
.page-content ul,
.page-content ol,
.nc-article-text ul,
.nc-article-text ol,
article ul,
article ol {
    margin: 1.5em 0 !important;
    padding-left: 2em !important;
}

.entry-content li,
.single-content li,
.page-content li,
.nc-article-text li,
article li {
    margin-bottom: 0.8em !important;
    line-height: 1.8 !important;
}

/* Blog arhiva excerpt */
.archive .entry-summary,
.blog .entry-summary,
.search .entry-summary {
    font-size: 17px !important;
    line-height: 1.7 !important;
    color: #333 !important;
}

/* Tabele - uniform */
.entry-content table,
.single-content table,
.page-content table,
.nc-article-text table,
article table {
    width: 100% !important;
    border-collapse: collapse !important;
    margin: 2em 0 !important;
    font-size: 0.9em !important;
}

.entry-content th,
.entry-content td,
.single-content th,
.single-content td,
.page-content th,
.page-content td,
.nc-article-text th,
.nc-article-text td,
article th,
article td {
    border: 1px solid #ddd !important;
    padding: 12px 15px !important;
    text-align: left !important;
    line-height: 1.6 !important;
}

.entry-content th,
.single-content th,
.page-content th,
.nc-article-text th,
article th {
    background: #f8f9fa !important;
    font-weight: 600 !important;
}


/* ============================================================
   FLUENT FORMS - Footer + Content scope
   Extracted content-only Fluent Forms rules
   ============================================================ */

/* Fluent Forms – match BG Novogradnja theme (content-only scope) */
:root{
  --bgn-ff-font: Manrope, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --bgn-ff-text: #1a1a1a;
  --bgn-ff-muted: #334155;
  --bgn-ff-border: #e2e8f0;
  --bgn-ff-bg: #ffffff;
  --bgn-ff-field-bg: #f8fafc;
  --bgn-ff-accent: #2563eb;
  --bgn-ff-radius: 14px;
}

/* Scope: only forms inside main content containers (avoids footer widget overrides) */
.entry-content .fluentform,
.page-content .fluentform,
.single-content .fluentform,
.post-content .fluentform{
  font-family: var(--bgn-ff-font);
  color: var(--bgn-ff-text);
}

/* Groups / spacing */
.entry-content .fluentform .ff-el-group,
.page-content  .fluentform .ff-el-group,
.single-content .fluentform .ff-el-group,
.post-content .fluentform .ff-el-group{
  margin-bottom: 14px;
}

/* Labels */
.entry-content .fluentform .ff-el-input--label,
.page-content  .fluentform .ff-el-input--label,
.single-content .fluentform .ff-el-input--label,
.post-content .fluentform .ff-el-input--label{
  font-weight: 700;
  margin-bottom: 6px;
  line-height: 1.25;
  color: var(--bgn-ff-text);
}

/* Inputs */
.entry-content .fluentform .ff-el-form-control,
.page-content  .fluentform .ff-el-form-control,
.single-content .fluentform .ff-el-form-control,
.post-content .fluentform .ff-el-form-control{
  width: 100%;
  box-sizing: border-box;
  background: var(--bgn-ff-field-bg);
  border: 1px solid var(--bgn-ff-border);
  border-radius: var(--bgn-ff-radius);
  padding: 12px 14px;
  min-height: 44px;            /* touch-friendly */
  font-size: 16px;             /* prevents iOS zoom */
  line-height: 1.4;
  color: var(--bgn-ff-text);
  transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease;
}

.entry-content .fluentform textarea.ff-el-form-control,
.page-content  .fluentform textarea.ff-el-form-control,
.single-content .fluentform textarea.ff-el-form-control,
.post-content .fluentform textarea.ff-el-form-control{
  min-height: 120px;
  resize: vertical;
}

.entry-content .fluentform .ff-el-form-control:focus,
.page-content  .fluentform .ff-el-form-control:focus,
.single-content .fluentform .ff-el-form-control:focus,
.post-content .fluentform .ff-el-form-control:focus{
  outline: none;
  background: #fff;
  border-color: var(--bgn-ff-accent);
  box-shadow: 0 0 0 4px rgba(37, 99, 235, .16);
}

/* Help text + errors */
.entry-content .fluentform .ff-el-help-text,
.page-content  .fluentform .ff-el-help-text,
.single-content .fluentform .ff-el-help-text,
.post-content .fluentform .ff-el-help-text{
  margin-top: 6px;
  font-size: 13px;
  line-height: 1.35;
  color: #64748b;
}

.entry-content .fluentform .ff-el-is-error .ff-el-form-control,
.page-content  .fluentform .ff-el-is-error .ff-el-form-control,
.single-content .fluentform .ff-el-is-error .ff-el-form-control,
.post-content .fluentform .ff-el-is-error .ff-el-form-control{
  border-color: #dc2626;
  box-shadow: 0 0 0 4px rgba(220, 38, 38, .12);
}

/* Submit button */
.entry-content .fluentform .ff_submit_btn_wrapper .ff-btn,
.page-content  .fluentform .ff_submit_btn_wrapper .ff-btn,
.single-content .fluentform .ff_submit_btn_wrapper .ff-btn,
.post-content .fluentform .ff_submit_btn_wrapper .ff-btn{
  border: 0;
  border-radius: 999px;
  padding: 12px 18px;
  min-height: 44px;
  font-weight: 800;
  letter-spacing: .2px;
  background: var(--bgn-ff-accent);
  color: #fff;
  cursor: pointer;
  box-shadow: 0 10px 26px rgba(37, 99, 235, .18);
  transition: transform .06s ease, filter .15s ease, box-shadow .15s ease;
}

.entry-content .fluentform .ff_submit_btn_wrapper .ff-btn:hover,
.page-content  .fluentform .ff_submit_btn_wrapper .ff-btn:hover,
.single-content .fluentform .ff_submit_btn_wrapper .ff-btn:hover,
.post-content .fluentform .ff_submit_btn_wrapper .ff-btn:hover{
  filter: brightness(.95);
  box-shadow: 0 12px 30px rgba(37, 99, 235, .24);
}

.entry-content .fluentform .ff_submit_btn_wrapper .ff-btn:active,
.page-content  .fluentform .ff_submit_btn_wrapper .ff-btn:active,
.single-content .fluentform .ff_submit_btn_wrapper .ff-btn:active,
.post-content .fluentform .ff_submit_btn_wrapper .ff-btn:active{
  transform: translateY(1px);
}

/* Mobile tighten */
@media (max-width: 640px){
  .entry-content .fluentform .ff-el-form-control,
  .page-content  .fluentform .ff-el-form-control,
  .single-content .fluentform .ff-el-form-control,
  .post-content .fluentform .ff-el-form-control{
    padding: 11px 12px;
  }
}

.entry-content .fluentform.bgn-ff-card,
.page-content  .fluentform.bgn-ff-card,
.single-content .fluentform.bgn-ff-card,
.post-content .fluentform.bgn-ff-card{
  background: var(--bgn-ff-bg);
  border: 1px solid var(--bgn-ff-border);
  border-radius: var(--bgn-ff-radius);
  padding: 22px;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.06);
}

/* Fluent Forms – labels: smaller + less bold */
.entry-content .fluentform .ff-el-input--label,
.page-content  .fluentform .ff-el-input--label,
.single-content .fluentform .ff-el-input--label,
.post-content   .fluentform .ff-el-input--label,

.entry-content .fluentform .ff-el-input--label label,
.page-content  .fluentform .ff-el-input--label label,
.single-content .fluentform .ff-el-input--label label,
.post-content   .fluentform .ff-el-input--label label,

.entry-content .fluentform .ff-el-form-check-label,
.page-content  .fluentform .ff-el-form-check-label,
.single-content .fluentform .ff-el-form-check-label,
.post-content   .fluentform .ff-el-form-check-label{
  font-size: 14px !important;
  line-height: 1.3 !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  color: #1a1a1a !important;
}

/* optional: a bit more spacing under label */
.entry-content .fluentform .ff-el-input--label,
.page-content  .fluentform .ff-el-input--label,
.single-content .fluentform .ff-el-input--label,
.post-content   .fluentform .ff-el-input--label{
  margin-bottom: 7px !important;
}


/* subtle separation between containers */
/* Separation between Fluent Forms containers */
.fluentform .ff-t-container.bgn-ff-section{
  margin: 18px 0 !important;
  padding: 14px 14px 2px !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.06) !important;
}

/* Optional: slightly tighter spacing inside the container */
.fluentform .ff-t-container.bgn-ff-section .ff-el-group{
  margin-bottom: 12px !important;
}