/* =========================================================
   ETANA — FEATURED RESEARCH v2.6
   Native Foxiz Flex Grid 1 + full text controls.
   Loaded only when [etana_featured_research] is rendered.
========================================================= */

.etana-featured-research {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Section title */
.etana-featured-research__title {
    display: inline-block;
    width: auto;
    margin: 0 0 16px -10px;
    padding: var(--etana-section-py, 0) var(--etana-section-px, 0);
    color: var(--etana-section-color, #3e5161) !important;
    background: var(--etana-section-bg, transparent) !important;
    font-family: var(--etana-section-family, "Roboto Condensed", Arial, sans-serif) !important;
    font-size: var(--etana-section-size, 24px) !important;
    font-weight: var(--etana-section-weight, 400) !important;
    font-style: var(--etana-section-style, normal) !important;
    text-transform: var(--etana-section-transform, none) !important;
    line-height: var(--etana-section-line-height, 1.1) !important;
    letter-spacing: var(--etana-section-letter-spacing, 0) !important;
}

/* Research title */
.etana-featured-research :is(.p-url, .entry-title a) {
    font-family: var(--etana-title-family, "Roboto Condensed", Arial, sans-serif) !important;
    font-weight: var(--etana-title-weight, 700) !important;
    font-style: var(--etana-title-style, normal) !important;
    text-transform: var(--etana-title-transform, none) !important;
    color: var(--etana-title-color, #31679a) !important;
    background-color: var(--etana-title-bg, #fff) !important;
    background-image: linear-gradient(var(--etana-title-hover-bg, #31679a), var(--etana-title-hover-bg, #31679a)) !important;
    line-height: var(--etana-title-line-height, 1.18) !important;
    letter-spacing: var(--etana-title-letter-spacing, 0) !important;
    padding: var(--etana-title-py, 1px) var(--etana-title-px, 4px) !important;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
}

.etana-featured-research[style*="--etana-title-size"] :is(.p-url, .entry-title a) {
    font-size: var(--etana-title-size) !important;
}

.etana-featured-research .p-wrap:hover :is(.p-url, .entry-title a),
.etana-featured-research :is(.p-url, .entry-title a):hover,
.etana-featured-research :is(.p-url, .entry-title a):focus-visible {
    color: var(--etana-title-hover-color, #fff) !important;
    background-size: 100% 88% !important;
}

/* Category badge */
.etana-featured-research .p-category {
    --cat-highlight: var(--etana-category-bg, #31679a);
    --cat-highlight-90: var(--etana-category-bg, #31679a);
    --cat-fcolor: var(--etana-category-color, #fff);
    font-family: var(--etana-category-family, "Roboto Condensed", Arial, sans-serif) !important;
    font-weight: var(--etana-category-weight, 700) !important;
    font-style: var(--etana-category-style, normal) !important;
    text-transform: var(--etana-category-transform, uppercase) !important;
    color: var(--etana-category-color, #fff) !important;
    background-color: var(--etana-category-bg, #31679a) !important;
    line-height: var(--etana-category-line-height, 1) !important;
    letter-spacing: var(--etana-category-letter-spacing, .35px) !important;
    padding: var(--etana-category-py, 7px) var(--etana-category-px, 10px) !important;
    border-radius: var(--etana-category-radius, 0) !important;
}

.etana-featured-research[style*="--etana-category-size"] .p-category {
    font-size: var(--etana-category-size) !important;
}

.etana-featured-research .p-category:hover,
.etana-featured-research .p-category:focus-visible {
    --cat-highlight: var(--etana-category-hover-bg, #31679a);
    --cat-highlight-90: var(--etana-category-hover-bg, #31679a);
    --cat-fcolor: var(--etana-category-hover-color, #fff);
    color: var(--etana-category-hover-color, #fff) !important;
    background-color: var(--etana-category-hover-bg, #31679a) !important;
}

/* Meta / date / reading time */
.etana-featured-research :is(.p-meta, .entry-meta) {
    background: var(--etana-meta-bg, transparent) !important;
    padding: var(--etana-meta-py, 0) var(--etana-meta-px, 0) !important;
}

.etana-featured-research :is(
    .p-meta,
    .entry-meta,
    .p-meta *,
    .entry-meta *,
    .single-time-read,
    .meta-reading-time,
    .meta-read,
    .meta-elapsed
) {
    font-family: var(--etana-meta-family, "Roboto Condensed", Arial, sans-serif) !important;
    font-weight: var(--etana-meta-weight, 400) !important;
    font-style: var(--etana-meta-style, normal) !important;
    text-transform: var(--etana-meta-transform, none) !important;
    color: var(--etana-meta-color, #667085) !important;
    line-height: var(--etana-meta-line-height, 1.4) !important;
    letter-spacing: var(--etana-meta-letter-spacing, 0) !important;
}

.etana-featured-research[style*="--etana-meta-size"] :is(
    .p-meta,
    .entry-meta,
    .p-meta *,
    .entry-meta *,
    .single-time-read,
    .meta-reading-time,
    .meta-read,
    .meta-elapsed
) {
    font-size: var(--etana-meta-size) !important;
}

.etana-featured-research :is(.meta-date, .meta-date time) {
    color: var(--etana-date-color, #667085) !important;
}

.etana-featured-research[style*="--etana-date-size"] :is(.meta-date, .meta-date time) {
    font-size: var(--etana-date-size) !important;
}

/* Thumbnail fill: removes white side bands introduced by global contain rules. */
.etana-featured-research :is(.s-feat, .p-featured, .feat-holder) {
    background: transparent !important;
}

.etana-featured-research :is(.s-feat, .p-featured) img,
.etana-featured-research img.featured-img,
.etana-featured-research img.wp-post-image {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    background: transparent !important;
}

/* Dark mode color overrides; typography/layout remains shared. */
body[data-theme="dark"] .etana-featured-research__title,
body.dark-mode .etana-featured-research__title,
html[data-theme="dark"] .etana-featured-research__title {
    color: var(--etana-dark-section-color, #edf3f7) !important;
    background: var(--etana-dark-section-bg, transparent) !important;
}

body[data-theme="dark"] .etana-featured-research :is(.p-url, .entry-title a),
body.dark-mode .etana-featured-research :is(.p-url, .entry-title a),
html[data-theme="dark"] .etana-featured-research :is(.p-url, .entry-title a) {
    color: var(--etana-dark-title-color, #f5f8fb) !important;
    background-color: var(--etana-dark-title-bg, #111820) !important;
    background-image: linear-gradient(var(--etana-dark-title-hover-bg, #31679a), var(--etana-dark-title-hover-bg, #31679a)) !important;
}

body[data-theme="dark"] .etana-featured-research .p-wrap:hover :is(.p-url, .entry-title a),
body[data-theme="dark"] .etana-featured-research :is(.p-url, .entry-title a):hover,
body.dark-mode .etana-featured-research .p-wrap:hover :is(.p-url, .entry-title a),
body.dark-mode .etana-featured-research :is(.p-url, .entry-title a):hover,
html[data-theme="dark"] .etana-featured-research .p-wrap:hover :is(.p-url, .entry-title a),
html[data-theme="dark"] .etana-featured-research :is(.p-url, .entry-title a):hover {
    color: var(--etana-dark-title-hover-color, #fff) !important;
}

body[data-theme="dark"] .etana-featured-research .p-category,
body.dark-mode .etana-featured-research .p-category,
html[data-theme="dark"] .etana-featured-research .p-category {
    --cat-highlight: var(--etana-dark-category-bg, #31679a);
    --cat-highlight-90: var(--etana-dark-category-bg, #31679a);
    --cat-fcolor: var(--etana-dark-category-color, #fff);
    color: var(--etana-dark-category-color, #fff) !important;
    background-color: var(--etana-dark-category-bg, #31679a) !important;
}

body[data-theme="dark"] .etana-featured-research :is(.p-meta, .entry-meta),
body.dark-mode .etana-featured-research :is(.p-meta, .entry-meta),
html[data-theme="dark"] .etana-featured-research :is(.p-meta, .entry-meta) {
    background: var(--etana-dark-meta-bg, transparent) !important;
}

body[data-theme="dark"] .etana-featured-research :is(.p-meta, .entry-meta, .p-meta *, .entry-meta *, .single-time-read, .meta-reading-time, .meta-read, .meta-elapsed),
body.dark-mode .etana-featured-research :is(.p-meta, .entry-meta, .p-meta *, .entry-meta *, .single-time-read, .meta-reading-time, .meta-read, .meta-elapsed),
html[data-theme="dark"] .etana-featured-research :is(.p-meta, .entry-meta, .p-meta *, .entry-meta *, .single-time-read, .meta-reading-time, .meta-read, .meta-elapsed) {
    color: var(--etana-dark-meta-color, #d7e0e7) !important;
}

body[data-theme="dark"] .etana-featured-research :is(.meta-date, .meta-date time),
body.dark-mode .etana-featured-research :is(.meta-date, .meta-date time),
html[data-theme="dark"] .etana-featured-research :is(.meta-date, .meta-date time) {
    color: var(--etana-dark-date-color, #d7e0e7) !important;
}

@media (min-width: 768px) and (max-width: 1024px) {
    .etana-featured-research__title { margin-left: -9px; }
}

@media (max-width: 767px) {
    .etana-featured-research__title {
        margin-left: 0;
        margin-bottom: 14px;
    }
}