/* Forced high-specificity rules to avoid theme overrides */
.omdir-front .omdir-card .sg, .omdir-front .omdir-card .nm, .omdir-front .omdir-card .meta,
.omdir-front .omdir-detail-body h2, .omdir-front .omdir-detail-body .omdir-row {
    color: var(--omdir-font-color) !important;
}
.omdir-front .omdir-card .meta, .omdir-front .omdir-card .nm {
    color: var(--omdir-font-color-secondary) !important;
}
.omdir-front .omdir-card img, .omdir-front .omdir-detail-body img {
    max-width:100% !important;
    height:auto !important;
    display:block !important;
}
.omdir-front .omdir-row a {
    color: var(--omdir-link-color) !important;
}

.omdir-front{ --omdir-font-color: #111111; --omdir-font-color-secondary: #4b5563; --omdir-link-color: #1f6feb; --omdir-page-btn-bg: #004f95; --omdir-page-btn-color: #ffffff; --omdir-page-btn-border: #004f95;  --omdir-font-color: #111111; --omdir-font-color-secondary: #4b5563; --omdir-link-color: #1f6feb; }

/* Front styles */
.omdir-front { --gap: 14px; }
.omdir-front-controls { display:flex; gap:var(--gap); flex-wrap:wrap; margin-bottom:var(--gap); }
.omdir-front .omdir-grid { display:grid; grid-template-columns: repeat(auto-fill, minmax(240px,1fr)); gap:var(--gap); }
.omdir-card { background:#fff; border-radius:16px; box-shadow: 0 6px 24px rgba(0,0,0,.08); overflow:hidden; display:flex; flex-direction:column; transition: transform .15s ease; }
.omdir-card:hover { transform: translateY(-2px); }
.omdir-card img { width:100%; aspect-ratio: 16/9; object-fit:contain; background:#f6f7f9; }
.omdir-card .omdir-card-body { padding:12px; }
.omdir-card .sg { font-size:14px; font-weight:700; opacity:.8; }
.omdir-card .nm { font-size:16px; font-weight:600; }
.omdir-card .meta { color:var(--omdir-link-color);  font-size:12px; opacity:.7; }

/* Detail single-column centered */
.omdir-front .omdir-detail-card { background:#fff; border-radius:16px; box-shadow:0 10px 30px rgba(0,0,0,.1); padding:16px; }
.omdir-back { margin-bottom:12px; }
.omdir-detail-body { display:flex; flex-direction:column; gap:10px; align-items:center; text-align:center; }
.omdir-detail-body img { width:140px; height:140px; object-fit:contain; background:#f6f7f9; border-radius:12px; }
.omdir-detail-body h2 { margin:4px 0 8px; }
.omdir-row { width:100%; }
.omdir-r-ramais { text-align:left; align-self:stretch; }
#omdir-detail-ramais { white-space: pre-line; }

/* Pagination */
.omdir-pagination { display:flex; gap:6px; align-items:center; justify-content:center; margin: 14px 0; flex-wrap:wrap; }
.omdir-page-btn { border:1px solid #e5e7eb; padding:6px 10px; border-radius:8px; background:#fff; cursor:pointer; }
.omdir-page-btn.active {
    background: var(--omdir-page-btn-bg) !important;
    color: var(--omdir-page-btn-color) !important;
    border-color: var(--omdir-page-btn-border) !important;
}
.omdir-page-btn[disabled] { opacity:.5; cursor:not-allowed; }