.elementor-10868 .elementor-element.elementor-element-3474c165{--display:flex;--min-height:383px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:-100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.elementor-10868 .elementor-element.elementor-element-3474c165:not(.elementor-motion-effects-element-type-background), .elementor-10868 .elementor-element.elementor-element-3474c165 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-c3926b4 );background-image:url("https://fish.unj.ac.id/wp-content/uploads/2025/05/Cover-ok.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-10868 .elementor-element.elementor-element-5ba404c8{--display:flex;--margin-top:100px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;}.elementor-10868 .elementor-element.elementor-element-5ba404c8.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-10868 .elementor-element.elementor-element-4051e864{text-align:start;}.elementor-10868 .elementor-element.elementor-element-4051e864 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:65px;font-weight:700;color:#FFFFFF;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-10868 .elementor-element.elementor-element-22c1d807{--divider-border-style:slashes;--divider-color:#FFC527;--divider-border-width:2px;--divider-pattern-height:3.8px;--divider-pattern-size:13.6px;}.elementor-10868 .elementor-element.elementor-element-22c1d807 .elementor-divider-separator{width:52%;}.elementor-10868 .elementor-element.elementor-element-22c1d807 .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.elementor-10868 .elementor-element.elementor-element-8fc8201{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10868 .elementor-element.elementor-element-c14a833{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--border-radius:11px 11px 11px 11px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-10868 .elementor-element.elementor-element-c14a833:not(.elementor-motion-effects-element-type-background), .elementor-10868 .elementor-element.elementor-element-c14a833 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#006569;}.elementor-10868 .elementor-element.elementor-element-a5d6a26{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-10868 .elementor-element.elementor-element-ecbc58e{--display:flex;--justify-content:center;}.elementor-10868 .elementor-element.elementor-element-4801c41{text-align:start;}.elementor-10868 .elementor-element.elementor-element-4801c41 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:35px;font-weight:700;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-10868 .elementor-element.elementor-element-f558100{color:var( --e-global-color-2a3675a );}.elementor-10868 .elementor-element.elementor-element-f7daab7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10868 .elementor-element.elementor-element-31959a1{--display:flex;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-10868 .elementor-element.elementor-element-d455e77{--display:flex;}.elementor-10868 .elementor-element.elementor-element-501eae4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10868 .elementor-element.elementor-element-d7f6261{--display:flex;}.elementor-10868 .elementor-element.elementor-element-846e886{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10868 .elementor-element.elementor-element-b9173a3{--divider-border-style:slashes;--divider-color:#FFC527;--divider-border-width:2px;--divider-pattern-height:3.8px;--divider-pattern-size:13.6px;}.elementor-10868 .elementor-element.elementor-element-b9173a3 .elementor-divider-separator{width:52%;}.elementor-10868 .elementor-element.elementor-element-b9173a3 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-10868 .elementor-element.elementor-element-70426ed{text-align:start;}.elementor-10868 .elementor-element.elementor-element-70426ed .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:35px;font-weight:700;color:var( --e-global-color-c3926b4 );}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-10868 .elementor-element.elementor-element-c8e21c9{--grid-columns:1;--grid-row-gap:0px;--grid-column-gap:0px;}.elementor-10868 .elementor-element.elementor-element-c69eee4{--display:flex;}.elementor-10868 .elementor-element.elementor-element-933485a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10868 .elementor-element.elementor-element-fc8d19f{--display:flex;}.elementor-10868 .elementor-element.elementor-element-35aa50e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10868 .elementor-element.elementor-element-cf8e296 > .elementor-widget-container{padding:5px 0px 1px 15px;border-style:solid;border-width:0px 0px 0px 4px;border-color:var( --e-global-color-c3926b4 );border-radius:0px 0px 0px 0px;}.elementor-10868 .elementor-element.elementor-element-cf8e296{text-align:justify;font-family:"Poppins", Sans-serif;font-size:14px;font-weight:400;color:var( --e-global-color-secondary );}.elementor-10868 .elementor-element.elementor-element-099eed1{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-gap:35px;--n-tabs-title-border-radius:5px 5px 5px 5px;--n-tabs-title-color:var( --e-global-color-e012aad );--n-tabs-icon-gap:12px;}.elementor-10868 .elementor-element.elementor-element-099eed1.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-c3926b4 );}.elementor-10868 .elementor-element.elementor-element-099eed1.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-10868 .elementor-element.elementor-element-099eed1.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-c3926b4 );}.elementor-10868 .elementor-element.elementor-element-099eed1.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Poppins", Sans-serif;font-weight:500;}.elementor-10868 .elementor-element.elementor-element-1f6587fd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10868 .elementor-element.elementor-element-462df816{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-10868 .elementor-element.elementor-element-4595fd9{--spacer-size:30px;}@media(max-width:1366px){.elementor-10868 .elementor-element.elementor-element-3474c165{--margin-top:-90px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}}@media(max-width:1024px){.elementor-10868 .elementor-element.elementor-element-3474c165{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-10868 .elementor-element.elementor-element-c8e21c9{--grid-columns:2;}}@media(max-width:767px){.elementor-10868 .elementor-element.elementor-element-4051e864 .elementor-heading-title{font-size:45px;}.elementor-10868 .elementor-element.elementor-element-8fc8201{--padding-top:15px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-10868 .elementor-element.elementor-element-9bd0a27 img{width:50%;}.elementor-10868 .elementor-element.elementor-element-4801c41 .elementor-heading-title{font-size:33px;}.elementor-10868 .elementor-element.elementor-element-70426ed .elementor-heading-title{font-size:45px;}.elementor-10868 .elementor-element.elementor-element-c8e21c9{--grid-columns:1;}}@media(min-width:768px){.elementor-10868 .elementor-element.elementor-element-5ba404c8{--width:75%;}.elementor-10868 .elementor-element.elementor-element-a5d6a26{--width:15%;}}/* Start custom CSS for shortcode, class: .elementor-element-905d6d9 *//* =========================================================
   Portal Riset FISH UNJ — Styling kartu statistik & grid SDG
   Cocok untuk shortcode [fishunj_stat_cards] & [fishunj_sdg_grid],
   atau dipakai sebagai referensi class untuk Elementor Loop Grid.
   Taruh di: Elementor > Custom CSS (global), atau Appearance > Customize
   > Additional CSS, atau file style.css child theme.
   ========================================================= */

/* ---- Hero section (opsional, kalau mau reuse) ---- */
.fishunj-hero {
	background: linear-gradient(135deg, #0f5e42 0%, #14795a 100%);
	border-radius: 16px;
	padding: 40px;
	color: #fff;
}

/* ---- 4 kartu statistik ---- */
.fishunj-stat-cards {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
	margin: 24px 0;
}
@media (max-width: 900px) {
	.fishunj-stat-cards { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 540px) {
	.fishunj-stat-cards { grid-template-columns: 1fr; }
}

.fishunj-stat-card {
	background: #fff;
	border: 1px solid #e6e8eb;
	border-radius: 14px;
	padding: 20px 22px;
}
.fishunj-stat-card .stat-label {
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .04em;
	color: #8a8f98;
	text-transform: uppercase;
	margin-bottom: 8px;
}
.fishunj-stat-card .stat-value {
	font-size: 34px;
	font-weight: 800;
	color: #14171a;
	line-height: 1;
}
.fishunj-stat-card .stat-value.stat-blue   { color: #2563eb; }
.fishunj-stat-card .stat-value.stat-orange { color: #b45309; }
.fishunj-stat-card .stat-value.stat-pink   { color: #db2777; }
.fishunj-stat-card .stat-sub {
	margin-top: 6px;
	font-size: 13px;
	color: #8a8f98;
}
.fishunj-stat-card .stat-trend { color: #db2777; font-weight: 600; }

/* ---- Badge SDG di kartu Publikasi (shortcode [fishunj_sdg_badge]) ---- */
.fishunj-inline-sdg-badge {
	display: inline-block;
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	padding: 3px 10px;
	border-radius: 999px;
	line-height: 1.6;
}

/* ---- Ranking publikasi per prodi ---- */
.fishunj-prodi-ranking {
	display: flex;
	flex-direction: column;
	gap: 22px;
}
.prodi-row-top {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	margin-bottom: 8px;
}
.prodi-name {
	font-size: 16px;
	font-weight: 700;
	color: #14171a;
}
.prodi-count {
	font-size: 14px;
	font-weight: 700;
	color: #16a34a;
}
.prodi-bar-track {
	background: #eef0f2;
	border-radius: 999px;
	height: 8px;
	overflow: hidden;
}
.prodi-bar-fill {
	background: #16a34a;
	height: 100%;
	border-radius: 999px;
}

/* ---- Grid 17 kartu SDG ---- */
.fishunj-sdg-grid {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 16px;
}
@media (max-width: 1100px) { .fishunj-sdg-grid { grid-template-columns: repeat(4, 1fr); } }
@media (max-width: 780px)  { .fishunj-sdg-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 480px)  { .fishunj-sdg-grid { grid-template-columns: 1fr; } }

.fishunj-sdg-card {
	background: #fff;
	border: 1px solid #e6e8eb;
	border-left: 4px solid #333;
	border-radius: 12px;
	padding: 16px 18px;
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.sdg-card-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.sdg-badge {
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	padding: 3px 9px;
	border-radius: 999px;
}
.sdg-riset-count {
	font-size: 12px;
	font-weight: 700;
	color: #16a34a;
}
.sdg-card-title {
	font-size: 15px;
	font-weight: 700;
	color: #14171a;
	line-height: 1.3;
}
.sdg-card-desc {
	font-size: 12.5px;
	color: #8a8f98;
	line-height: 1.4;
	flex-grow: 1;
}
.sdg-card-link {
	font-size: 12.5px;
	color: #6b7280;
	text-decoration: none;
	margin-top: 4px;
}
.sdg-card-link:hover { text-decoration: underline; }/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-e71b0d5 *//* =========================================================
   Portal Riset FISH UNJ — Styling kartu statistik & grid SDG
   Cocok untuk shortcode [fishunj_stat_cards] & [fishunj_sdg_grid],
   atau dipakai sebagai referensi class untuk Elementor Loop Grid.
   Taruh di: Elementor > Custom CSS (global), atau Appearance > Customize
   > Additional CSS, atau file style.css child theme.
   ========================================================= */

/* ---- Hero section (opsional, kalau mau reuse) ---- */
.fishunj-hero {
	background: linear-gradient(135deg, #0f5e42 0%, #14795a 100%);
	border-radius: 16px;
	padding: 40px;
	color: #fff;
}

/* ---- 4 kartu statistik ---- */
.fishunj-stat-cards {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
	margin: 24px 0;
}
@media (max-width: 900px) {
	.fishunj-stat-cards { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 540px) {
	.fishunj-stat-cards { grid-template-columns: 1fr; }
}

.fishunj-stat-card {
	background: #fff;
	border: 1px solid #e6e8eb;
	border-radius: 14px;
	padding: 20px 22px;
}
.fishunj-stat-card .stat-label {
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .04em;
	color: #8a8f98;
	text-transform: uppercase;
	margin-bottom: 8px;
}
.fishunj-stat-card .stat-value {
	font-size: 34px;
	font-weight: 800;
	color: #14171a;
	line-height: 1;
}
.fishunj-stat-card .stat-value.stat-blue   { color: #2563eb; }
.fishunj-stat-card .stat-value.stat-orange { color: #b45309; }
.fishunj-stat-card .stat-value.stat-pink   { color: #db2777; }
.fishunj-stat-card .stat-sub {
	margin-top: 6px;
	font-size: 13px;
	color: #8a8f98;
}
.fishunj-stat-card .stat-trend { color: #db2777; font-weight: 600; }

/* ---- Badge SDG di kartu Publikasi (shortcode [fishunj_sdg_badge]) ---- */
.fishunj-inline-sdg-badge {
	display: inline-block;
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	padding: 3px 10px;
	border-radius: 999px;
	line-height: 1.6;
}

/* ---- SDG Spotlight Center (shortcode [fishunj_sdg_spotlight]) ---- */
.fishunj-spotlight {
	display: grid;
	grid-template-columns: 340px 1fr;
	gap: 20px;
	align-items: start;
}
@media (max-width: 900px) {
	.fishunj-spotlight { grid-template-columns: 1fr; }
}

.spotlight-left {
	background: #fff;
	border: 1px solid #e6e8eb;
	border-radius: 14px;
	padding: 16px;
	max-height: 640px;
	overflow-y: auto;
}
.spotlight-left-label {
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .06em;
	color: #9aa0a8;
	margin-bottom: 12px;
}
.sdg-list-item {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 10px 12px;
	border-radius: 10px;
	border: 2px solid transparent;
	cursor: pointer;
	margin-bottom: 4px;
}
.sdg-list-item:hover { background: #f6f7f8; }
.sdg-list-item.active {
	border-color: #2563eb;
	background: #f0f5ff;
}
.sdg-list-badge {
	flex: none;
	width: 32px;
	height: 32px;
	border-radius: 8px;
	color: #fff;
	font-weight: 800;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
}
.sdg-list-text { flex-grow: 1; min-width: 0; }
.sdg-list-title {
	font-size: 13.5px;
	font-weight: 700;
	color: #14171a;
	line-height: 1.25;
}
.sdg-list-sub {
	font-size: 11.5px;
	color: #9aa0a8;
}
.sdg-list-count {
	flex: none;
	font-size: 11px;
	font-weight: 700;
	color: #6b7280;
	white-space: nowrap;
}
.sdg-list-item.active .sdg-list-count { color: #16a34a; }

.spotlight-right { display: flex; flex-direction: column; gap: 18px; }

.spotlight-hero {
	border-radius: 14px;
	padding: 24px 28px;
	color: #fff;
}
.spotlight-hero-label {
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .08em;
	opacity: .85;
	margin-bottom: 14px;
}
.spotlight-hero-main {
	display: flex;
	align-items: flex-start;
	gap: 16px;
}
.spotlight-hero-badge {
	flex: none;
	width: 48px;
	height: 48px;
	border-radius: 10px;
	background: rgba(255,255,255,.22);
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 800;
	font-size: 20px;
}
.spotlight-hero-title {
	font-size: 20px;
	font-weight: 800;
	margin-bottom: 6px;
}
.spotlight-hero-desc {
	font-size: 14px;
	opacity: .92;
	line-height: 1.4;
}

.spotlight-naskah-box {
	background: #fff;
	border: 1px solid #e6e8eb;
	border-radius: 14px;
	padding: 20px 22px;
}
.spotlight-naskah-header {
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .04em;
	color: #6b7280;
	text-transform: uppercase;
	padding-bottom: 12px;
	margin-bottom: 8px;
	border-bottom: 1px solid #eef0f2;
}
.spotlight-naskah-item {
	padding: 12px 0;
	border-bottom: 1px solid #f2f3f5;
}
.spotlight-naskah-item:last-child { border-bottom: none; }
.naskah-judul {
	font-size: 14.5px;
	font-weight: 700;
	color: #14171a;
	line-height: 1.4;
	margin-bottom: 4px;
}
.naskah-meta {
	font-size: 12.5px;
	color: #8a8f98;
}
.spotlight-empty {
	font-size: 13.5px;
	color: #9aa0a8;
	padding: 12px 0;
}

/* ---- Ranking publikasi per prodi ---- */
.fishunj-prodi-ranking {
	display: flex;
	flex-direction: column;
	gap: 22px;
}
.prodi-row-top {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	margin-bottom: 8px;
}
.prodi-name {
	font-size: 16px;
	font-weight: 700;
	color: #14171a;
}
.prodi-count {
	font-size: 14px;
	font-weight: 700;
	color: #16a34a;
}
.prodi-bar-track {
	background: #eef0f2;
	border-radius: 999px;
	height: 8px;
	overflow: hidden;
}
.prodi-bar-fill {
	background: #16a34a;
	height: 100%;
	border-radius: 999px;
}

/* ---- Grid 17 kartu SDG ---- */
.fishunj-sdg-grid {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 16px;
}
@media (max-width: 1100px) { .fishunj-sdg-grid { grid-template-columns: repeat(4, 1fr); } }
@media (max-width: 780px)  { .fishunj-sdg-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 480px)  { .fishunj-sdg-grid { grid-template-columns: 1fr; } }

.fishunj-sdg-card {
	background: #fff;
	border: 1px solid #e6e8eb;
	border-left: 4px solid #333;
	border-radius: 12px;
	padding: 16px 18px;
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.sdg-card-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.sdg-badge {
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	padding: 3px 9px;
	border-radius: 999px;
}
.sdg-riset-count {
	font-size: 12px;
	font-weight: 700;
	color: #16a34a;
}
.sdg-card-title {
	font-size: 15px;
	font-weight: 700;
	color: #14171a;
	line-height: 1.3;
}
.sdg-card-desc {
	font-size: 12.5px;
	color: #8a8f98;
	line-height: 1.4;
	flex-grow: 1;
}
.sdg-card-link {
	font-size: 12.5px;
	color: #6b7280;
	text-decoration: none;
	margin-top: 4px;
}
.sdg-card-link:hover { text-decoration: underline; }/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-224c725 *//* =====================================================
   FISHUNJ — Data Publikasi Table Styling
   Tempel CSS ini di:
   Penyesuai (Customizer) > CSS Tambahan  (paling gampang, bawaan WP, gratis)
   ATAU
   Elementor: pilih widget Shortcode "Data Publikasi" > Advanced > Custom CSS
   ===================================================== */

/* ---------- Wrapper & table dasar ---------- */
.fishunj-data-publikasi-wrap {
	--fishunj-teal: #03484A;
	--fishunj-teal-light: #065b5e;
	--fishunj-gold: #FFC527;
	--fishunj-border: #e2e8ec;
	overflow-x: auto;
	border-radius: 12px;
	box-shadow: 0 2px 10px rgba(0,0,0,0.06);
	padding: 4px;
	background: #fff;
}

.fishunj-data-publikasi-wrap table.dataTable {
	border-collapse: separate !important;
	border-spacing: 0;
	width: 100% !important;
	font-family: "Poppins", sans-serif;
	font-size: 13.5px;
}

/* ---------- Header ---------- */
.fishunj-data-publikasi-wrap table.dataTable thead th {
	background: var(--fishunj-teal);
	color: #fff;
	font-weight: 600;
	font-size: 12.5px;
	text-transform: uppercase;
	letter-spacing: 0.4px;
	padding: 14px 12px !important;
	border-bottom: none !important;
	position: sticky;
	top: 0;
	z-index: 2;
}

.fishunj-data-publikasi-wrap table.dataTable thead th:first-child {
	border-top-left-radius: 10px;
}
.fishunj-data-publikasi-wrap table.dataTable thead th:last-child {
	border-top-right-radius: 10px;
}

/* Sort icons default DataTables nyaris tak terlihat di header gelap — timpa manual */
.fishunj-data-publikasi-wrap table.dataTable thead .sorting:after,
.fishunj-data-publikasi-wrap table.dataTable thead .sorting_asc:after,
.fishunj-data-publikasi-wrap table.dataTable thead .sorting_desc:after {
	color: var(--fishunj-gold) !important;
	opacity: 0.9;
	right: 10px;
}

/* ---------- Baris & sel ---------- */
.fishunj-data-publikasi-wrap table.dataTable tbody td {
	padding: 12px !important;
	border-bottom: 1px solid var(--fishunj-border) !important;
	vertical-align: middle;
	color: #2b2b2b;
}

.fishunj-data-publikasi-wrap table.dataTable tbody tr {
	transition: background-color 0.15s ease;
}

.fishunj-data-publikasi-wrap table.dataTable.stripe tbody tr.odd,
.fishunj-data-publikasi-wrap table.dataTable tbody tr:nth-child(odd) {
	background-color: #f7fafa;
}

.fishunj-data-publikasi-wrap table.dataTable tbody tr:hover {
	background-color: #eaf4f4 !important;
	box-shadow: inset 3px 0 0 var(--fishunj-teal);
}

/* Judul jurnal sedikit ditebalkan biar gampang di-scan */
.fishunj-data-publikasi-wrap table.dataTable tbody td:nth-child(2) {
	font-weight: 500;
	color: var(--fishunj-teal);
}

/* ---------- Badge SDG (kontras diperbaiki) ---------- */
.fishunj-sdg-badge {
	display: inline-block;
	min-width: 44px;
	text-align: center;
	padding: 5px 10px;
	border-radius: 20px;
	color: #fff !important;
	font-weight: 700;
	font-size: 12px;
	letter-spacing: 0.3px;
	text-shadow: 0 1px 1px rgba(0,0,0,0.35);
	box-shadow: 0 1px 3px rgba(0,0,0,0.25);
	line-height: 1.4;
}

/* ---------- Kolom DOI ---------- */
.fishunj-data-publikasi-wrap table.dataTable tbody td a {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	color: var(--fishunj-teal);
	font-weight: 600;
	text-decoration: none;
	padding: 4px 10px;
	border: 1px solid var(--fishunj-teal);
	border-radius: 20px;
	font-size: 12px;
	transition: all 0.15s ease;
}
.fishunj-data-publikasi-wrap table.dataTable tbody td a:hover {
	background: var(--fishunj-teal);
	color: #fff;
}

/* ---------- Kolom Sitasi (angka, kasih chip) ---------- */
.fishunj-data-publikasi-wrap table.dataTable tbody td:nth-child(8) {
	text-align: center;
	font-weight: 600;
}

/* ---------- Kontrol atas: search & length (satu baris sejajar) ---------- */
.fishunj-data-publikasi-wrap .dataTables_wrapper::before {
	content: "";
	display: table;
}

.fishunj-data-publikasi-wrap .dataTables_wrapper .dataTables_length,
.fishunj-data-publikasi-wrap .dataTables_wrapper .dataTables_filter {
	display: flex;
	align-items: center;
	float: none !important;
	margin-bottom: 14px;
	font-size: 13.5px;
	color: #444;
}

.fishunj-data-publikasi-wrap .dataTables_wrapper .dataTables_length {
	float: left !important;
}
.fishunj-data-publikasi-wrap .dataTables_wrapper .dataTables_filter {
	float: right !important;
}

/* Label bawaan DataTables membungkus teks + select/input jadi satu —
   paksa flex + nowrap supaya tidak dipecah tema jadi beberapa baris */
.fishunj-data-publikasi-wrap .dataTables_wrapper .dataTables_length label,
.fishunj-data-publikasi-wrap .dataTables_wrapper .dataTables_filter label {
	display: flex !important;
	align-items: center;
	gap: 8px;
	white-space: nowrap;
	margin: 0;
	font-weight: 400;
}

/* Banyak tema WP memaksa select/input jadi display:block; width:100% —
   timpa balik supaya ukurannya pas-pas saja dan sejajar horizontal */
.fishunj-data-publikasi-wrap .dataTables_wrapper .dataTables_length select {
	display: inline-block !important;
	width: auto !important;
	min-width: 64px;
	border: 1px solid var(--fishunj-border);
	border-radius: 8px;
	padding: 6px 10px;
	margin: 0;
	background: #fff;
}

.fishunj-data-publikasi-wrap .dataTables_wrapper .dataTables_filter input {
	display: inline-block !important;
	width: auto !important;
	border: 1px solid var(--fishunj-border);
	border-radius: 20px;
	padding: 8px 16px;
	margin: 0;
	min-width: 220px;
	font-size: 13.5px;
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.fishunj-data-publikasi-wrap .dataTables_wrapper .dataTables_filter input:focus {
	outline: none;
	border-color: var(--fishunj-teal);
	box-shadow: 0 0 0 3px rgba(3,72,74,0.15);
}

/* ---------- Info teks bawah ---------- */
.fishunj-data-publikasi-wrap .dataTables_wrapper .dataTables_info {
	color: #667;
	font-size: 12.5px;
	padding-top: 14px !important;
}

/* ---------- Pagination ---------- */
.fishunj-data-publikasi-wrap .dataTables_wrapper .dataTables_paginate {
	padding-top: 14px !important;
}

.fishunj-data-publikasi-wrap .dataTables_wrapper .dataTables_paginate .paginate_button {
	border-radius: 8px !important;
	padding: 6px 12px !important;
	margin-left: 4px !important;
	border: 1px solid transparent !important;
	color: var(--fishunj-teal) !important;
	background: transparent !important;
	font-weight: 500;
	transition: all 0.15s ease;
}

.fishunj-data-publikasi-wrap .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.disabled) {
	background: #eaf4f4 !important;
	border-color: var(--fishunj-teal) !important;
	color: var(--fishunj-teal) !important;
}

.fishunj-data-publikasi-wrap .dataTables_wrapper .dataTables_paginate .paginate_button.current {
	background: var(--fishunj-teal) !important;
	color: #fff !important;
	border-color: var(--fishunj-teal) !important;
	box-shadow: 0 2px 6px rgba(3,72,74,0.35);
}

.fishunj-data-publikasi-wrap .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
	color: #bbb !important;
	cursor: not-allowed;
}

/* ---------- Responsive: mobile ---------- */
@media (max-width: 767px) {
	.fishunj-data-publikasi-wrap .dataTables_wrapper .dataTables_length,
	.fishunj-data-publikasi-wrap .dataTables_wrapper .dataTables_filter {
		display: block;
		width: 100%;
		text-align: left !important;
	}
	.fishunj-data-publikasi-wrap .dataTables_wrapper .dataTables_filter input {
		width: 100%;
		margin-left: 0;
		margin-top: 6px;
	}
	.fishunj-data-publikasi-wrap table.dataTable thead th,
	.fishunj-data-publikasi-wrap table.dataTable tbody td {
		font-size: 12px;
		padding: 8px !important;
	}
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-905d6d9 *//* =========================================================
   Portal Riset FISH UNJ — Styling kartu statistik & grid SDG
   Cocok untuk shortcode [fishunj_stat_cards] & [fishunj_sdg_grid],
   atau dipakai sebagai referensi class untuk Elementor Loop Grid.
   Taruh di: Elementor > Custom CSS (global), atau Appearance > Customize
   > Additional CSS, atau file style.css child theme.
   ========================================================= */

/* ---- Hero section (opsional, kalau mau reuse) ---- */
.fishunj-hero {
	background: linear-gradient(135deg, #0f5e42 0%, #14795a 100%);
	border-radius: 16px;
	padding: 40px;
	color: #fff;
}

/* ---- 4 kartu statistik ---- */
.fishunj-stat-cards {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
	margin: 24px 0;
}
@media (max-width: 900px) {
	.fishunj-stat-cards { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 540px) {
	.fishunj-stat-cards { grid-template-columns: 1fr; }
}

.fishunj-stat-card {
	background: #fff;
	border: 1px solid #e6e8eb;
	border-radius: 14px;
	padding: 20px 22px;
}
.fishunj-stat-card .stat-label {
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .04em;
	color: #8a8f98;
	text-transform: uppercase;
	margin-bottom: 8px;
}
.fishunj-stat-card .stat-value {
	font-size: 34px;
	font-weight: 800;
	color: #14171a;
	line-height: 1;
}
.fishunj-stat-card .stat-value.stat-blue   { color: #2563eb; }
.fishunj-stat-card .stat-value.stat-orange { color: #b45309; }
.fishunj-stat-card .stat-value.stat-pink   { color: #db2777; }
.fishunj-stat-card .stat-sub {
	margin-top: 6px;
	font-size: 13px;
	color: #8a8f98;
}
.fishunj-stat-card .stat-trend { color: #db2777; font-weight: 600; }

/* ---- Badge SDG di kartu Publikasi (shortcode [fishunj_sdg_badge]) ---- */
.fishunj-inline-sdg-badge {
	display: inline-block;
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	padding: 3px 10px;
	border-radius: 999px;
	line-height: 1.6;
}

/* ---- Ranking publikasi per prodi ---- */
.fishunj-prodi-ranking {
	display: flex;
	flex-direction: column;
	gap: 22px;
}
.prodi-row-top {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	margin-bottom: 8px;
}
.prodi-name {
	font-size: 16px;
	font-weight: 700;
	color: #14171a;
}
.prodi-count {
	font-size: 14px;
	font-weight: 700;
	color: #16a34a;
}
.prodi-bar-track {
	background: #eef0f2;
	border-radius: 999px;
	height: 8px;
	overflow: hidden;
}
.prodi-bar-fill {
	background: #16a34a;
	height: 100%;
	border-radius: 999px;
}

/* ---- Grid 17 kartu SDG ---- */
.fishunj-sdg-grid {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 16px;
}
@media (max-width: 1100px) { .fishunj-sdg-grid { grid-template-columns: repeat(4, 1fr); } }
@media (max-width: 780px)  { .fishunj-sdg-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 480px)  { .fishunj-sdg-grid { grid-template-columns: 1fr; } }

.fishunj-sdg-card {
	background: #fff;
	border: 1px solid #e6e8eb;
	border-left: 4px solid #333;
	border-radius: 12px;
	padding: 16px 18px;
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.sdg-card-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.sdg-badge {
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	padding: 3px 9px;
	border-radius: 999px;
}
.sdg-riset-count {
	font-size: 12px;
	font-weight: 700;
	color: #16a34a;
}
.sdg-card-title {
	font-size: 15px;
	font-weight: 700;
	color: #14171a;
	line-height: 1.3;
}
.sdg-card-desc {
	font-size: 12.5px;
	color: #8a8f98;
	line-height: 1.4;
	flex-grow: 1;
}
.sdg-card-link {
	font-size: 12.5px;
	color: #6b7280;
	text-decoration: none;
	margin-top: 4px;
}
.sdg-card-link:hover { text-decoration: underline; }/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-e71b0d5 *//* =========================================================
   Portal Riset FISH UNJ — Styling kartu statistik & grid SDG
   Cocok untuk shortcode [fishunj_stat_cards] & [fishunj_sdg_grid],
   atau dipakai sebagai referensi class untuk Elementor Loop Grid.
   Taruh di: Elementor > Custom CSS (global), atau Appearance > Customize
   > Additional CSS, atau file style.css child theme.
   ========================================================= */

/* ---- Hero section (opsional, kalau mau reuse) ---- */
.fishunj-hero {
	background: linear-gradient(135deg, #0f5e42 0%, #14795a 100%);
	border-radius: 16px;
	padding: 40px;
	color: #fff;
}

/* ---- 4 kartu statistik ---- */
.fishunj-stat-cards {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
	margin: 24px 0;
}
@media (max-width: 900px) {
	.fishunj-stat-cards { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 540px) {
	.fishunj-stat-cards { grid-template-columns: 1fr; }
}

.fishunj-stat-card {
	background: #fff;
	border: 1px solid #e6e8eb;
	border-radius: 14px;
	padding: 20px 22px;
}
.fishunj-stat-card .stat-label {
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .04em;
	color: #8a8f98;
	text-transform: uppercase;
	margin-bottom: 8px;
}
.fishunj-stat-card .stat-value {
	font-size: 34px;
	font-weight: 800;
	color: #14171a;
	line-height: 1;
}
.fishunj-stat-card .stat-value.stat-blue   { color: #2563eb; }
.fishunj-stat-card .stat-value.stat-orange { color: #b45309; }
.fishunj-stat-card .stat-value.stat-pink   { color: #db2777; }
.fishunj-stat-card .stat-sub {
	margin-top: 6px;
	font-size: 13px;
	color: #8a8f98;
}
.fishunj-stat-card .stat-trend { color: #db2777; font-weight: 600; }

/* ---- Badge SDG di kartu Publikasi (shortcode [fishunj_sdg_badge]) ---- */
.fishunj-inline-sdg-badge {
	display: inline-block;
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	padding: 3px 10px;
	border-radius: 999px;
	line-height: 1.6;
}

/* ---- SDG Spotlight Center (shortcode [fishunj_sdg_spotlight]) ---- */
.fishunj-spotlight {
	display: grid;
	grid-template-columns: 340px 1fr;
	gap: 20px;
	align-items: start;
}
@media (max-width: 900px) {
	.fishunj-spotlight { grid-template-columns: 1fr; }
}

.spotlight-left {
	background: #fff;
	border: 1px solid #e6e8eb;
	border-radius: 14px;
	padding: 16px;
	max-height: 640px;
	overflow-y: auto;
}
.spotlight-left-label {
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .06em;
	color: #9aa0a8;
	margin-bottom: 12px;
}
.sdg-list-item {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 10px 12px;
	border-radius: 10px;
	border: 2px solid transparent;
	cursor: pointer;
	margin-bottom: 4px;
}
.sdg-list-item:hover { background: #f6f7f8; }
.sdg-list-item.active {
	border-color: #2563eb;
	background: #f0f5ff;
}
.sdg-list-badge {
	flex: none;
	width: 32px;
	height: 32px;
	border-radius: 8px;
	color: #fff;
	font-weight: 800;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
}
.sdg-list-text { flex-grow: 1; min-width: 0; }
.sdg-list-title {
	font-size: 13.5px;
	font-weight: 700;
	color: #14171a;
	line-height: 1.25;
}
.sdg-list-sub {
	font-size: 11.5px;
	color: #9aa0a8;
}
.sdg-list-count {
	flex: none;
	font-size: 11px;
	font-weight: 700;
	color: #6b7280;
	white-space: nowrap;
}
.sdg-list-item.active .sdg-list-count { color: #16a34a; }

.spotlight-right { display: flex; flex-direction: column; gap: 18px; }

.spotlight-hero {
	border-radius: 14px;
	padding: 24px 28px;
	color: #fff;
}
.spotlight-hero-label {
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .08em;
	opacity: .85;
	margin-bottom: 14px;
}
.spotlight-hero-main {
	display: flex;
	align-items: flex-start;
	gap: 16px;
}
.spotlight-hero-badge {
	flex: none;
	width: 48px;
	height: 48px;
	border-radius: 10px;
	background: rgba(255,255,255,.22);
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 800;
	font-size: 20px;
}
.spotlight-hero-title {
	font-size: 20px;
	font-weight: 800;
	margin-bottom: 6px;
}
.spotlight-hero-desc {
	font-size: 14px;
	opacity: .92;
	line-height: 1.4;
}

.spotlight-naskah-box {
	background: #fff;
	border: 1px solid #e6e8eb;
	border-radius: 14px;
	padding: 20px 22px;
}
.spotlight-naskah-header {
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .04em;
	color: #6b7280;
	text-transform: uppercase;
	padding-bottom: 12px;
	margin-bottom: 8px;
	border-bottom: 1px solid #eef0f2;
}
.spotlight-naskah-item {
	padding: 12px 0;
	border-bottom: 1px solid #f2f3f5;
}
.spotlight-naskah-item:last-child { border-bottom: none; }
.naskah-judul {
	font-size: 14.5px;
	font-weight: 700;
	color: #14171a;
	line-height: 1.4;
	margin-bottom: 4px;
}
.naskah-meta {
	font-size: 12.5px;
	color: #8a8f98;
}
.spotlight-empty {
	font-size: 13.5px;
	color: #9aa0a8;
	padding: 12px 0;
}

/* ---- Ranking publikasi per prodi ---- */
.fishunj-prodi-ranking {
	display: flex;
	flex-direction: column;
	gap: 22px;
}
.prodi-row-top {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	margin-bottom: 8px;
}
.prodi-name {
	font-size: 16px;
	font-weight: 700;
	color: #14171a;
}
.prodi-count {
	font-size: 14px;
	font-weight: 700;
	color: #16a34a;
}
.prodi-bar-track {
	background: #eef0f2;
	border-radius: 999px;
	height: 8px;
	overflow: hidden;
}
.prodi-bar-fill {
	background: #16a34a;
	height: 100%;
	border-radius: 999px;
}

/* ---- Grid 17 kartu SDG ---- */
.fishunj-sdg-grid {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 16px;
}
@media (max-width: 1100px) { .fishunj-sdg-grid { grid-template-columns: repeat(4, 1fr); } }
@media (max-width: 780px)  { .fishunj-sdg-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 480px)  { .fishunj-sdg-grid { grid-template-columns: 1fr; } }

.fishunj-sdg-card {
	background: #fff;
	border: 1px solid #e6e8eb;
	border-left: 4px solid #333;
	border-radius: 12px;
	padding: 16px 18px;
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.sdg-card-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.sdg-badge {
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	padding: 3px 9px;
	border-radius: 999px;
}
.sdg-riset-count {
	font-size: 12px;
	font-weight: 700;
	color: #16a34a;
}
.sdg-card-title {
	font-size: 15px;
	font-weight: 700;
	color: #14171a;
	line-height: 1.3;
}
.sdg-card-desc {
	font-size: 12.5px;
	color: #8a8f98;
	line-height: 1.4;
	flex-grow: 1;
}
.sdg-card-link {
	font-size: 12.5px;
	color: #6b7280;
	text-decoration: none;
	margin-top: 4px;
}
.sdg-card-link:hover { text-decoration: underline; }/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-224c725 *//* =====================================================
   FISHUNJ — Data Publikasi Table Styling
   Tempel CSS ini di:
   Penyesuai (Customizer) > CSS Tambahan  (paling gampang, bawaan WP, gratis)
   ATAU
   Elementor: pilih widget Shortcode "Data Publikasi" > Advanced > Custom CSS
   ===================================================== */

/* ---------- Wrapper & table dasar ---------- */
.fishunj-data-publikasi-wrap {
	--fishunj-teal: #03484A;
	--fishunj-teal-light: #065b5e;
	--fishunj-gold: #FFC527;
	--fishunj-border: #e2e8ec;
	overflow-x: auto;
	border-radius: 12px;
	box-shadow: 0 2px 10px rgba(0,0,0,0.06);
	padding: 4px;
	background: #fff;
}

.fishunj-data-publikasi-wrap table.dataTable {
	border-collapse: separate !important;
	border-spacing: 0;
	width: 100% !important;
	font-family: "Poppins", sans-serif;
	font-size: 13.5px;
}

/* ---------- Header ---------- */
.fishunj-data-publikasi-wrap table.dataTable thead th {
	background: var(--fishunj-teal);
	color: #fff;
	font-weight: 600;
	font-size: 12.5px;
	text-transform: uppercase;
	letter-spacing: 0.4px;
	padding: 14px 12px !important;
	border-bottom: none !important;
	position: sticky;
	top: 0;
	z-index: 2;
}

.fishunj-data-publikasi-wrap table.dataTable thead th:first-child {
	border-top-left-radius: 10px;
}
.fishunj-data-publikasi-wrap table.dataTable thead th:last-child {
	border-top-right-radius: 10px;
}

/* Sort icons default DataTables nyaris tak terlihat di header gelap — timpa manual */
.fishunj-data-publikasi-wrap table.dataTable thead .sorting:after,
.fishunj-data-publikasi-wrap table.dataTable thead .sorting_asc:after,
.fishunj-data-publikasi-wrap table.dataTable thead .sorting_desc:after {
	color: var(--fishunj-gold) !important;
	opacity: 0.9;
	right: 10px;
}

/* ---------- Baris & sel ---------- */
.fishunj-data-publikasi-wrap table.dataTable tbody td {
	padding: 12px !important;
	border-bottom: 1px solid var(--fishunj-border) !important;
	vertical-align: middle;
	color: #2b2b2b;
}

.fishunj-data-publikasi-wrap table.dataTable tbody tr {
	transition: background-color 0.15s ease;
}

.fishunj-data-publikasi-wrap table.dataTable.stripe tbody tr.odd,
.fishunj-data-publikasi-wrap table.dataTable tbody tr:nth-child(odd) {
	background-color: #f7fafa;
}

.fishunj-data-publikasi-wrap table.dataTable tbody tr:hover {
	background-color: #eaf4f4 !important;
	box-shadow: inset 3px 0 0 var(--fishunj-teal);
}

/* Judul jurnal sedikit ditebalkan biar gampang di-scan */
.fishunj-data-publikasi-wrap table.dataTable tbody td:nth-child(2) {
	font-weight: 500;
	color: var(--fishunj-teal);
}

/* ---------- Badge SDG (kontras diperbaiki) ---------- */
.fishunj-sdg-badge {
	display: inline-block;
	min-width: 44px;
	text-align: center;
	padding: 5px 10px;
	border-radius: 20px;
	color: #fff !important;
	font-weight: 700;
	font-size: 12px;
	letter-spacing: 0.3px;
	text-shadow: 0 1px 1px rgba(0,0,0,0.35);
	box-shadow: 0 1px 3px rgba(0,0,0,0.25);
	line-height: 1.4;
}

/* ---------- Kolom DOI ---------- */
.fishunj-data-publikasi-wrap table.dataTable tbody td a {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	color: var(--fishunj-teal);
	font-weight: 600;
	text-decoration: none;
	padding: 4px 10px;
	border: 1px solid var(--fishunj-teal);
	border-radius: 20px;
	font-size: 12px;
	transition: all 0.15s ease;
}
.fishunj-data-publikasi-wrap table.dataTable tbody td a:hover {
	background: var(--fishunj-teal);
	color: #fff;
}

/* ---------- Kolom Sitasi (angka, kasih chip) ---------- */
.fishunj-data-publikasi-wrap table.dataTable tbody td:nth-child(8) {
	text-align: center;
	font-weight: 600;
}

/* ---------- Kontrol atas: search & length (satu baris sejajar) ---------- */
.fishunj-data-publikasi-wrap .dataTables_wrapper::before {
	content: "";
	display: table;
}

.fishunj-data-publikasi-wrap .dataTables_wrapper .dataTables_length,
.fishunj-data-publikasi-wrap .dataTables_wrapper .dataTables_filter {
	display: flex;
	align-items: center;
	float: none !important;
	margin-bottom: 14px;
	font-size: 13.5px;
	color: #444;
}

.fishunj-data-publikasi-wrap .dataTables_wrapper .dataTables_length {
	float: left !important;
}
.fishunj-data-publikasi-wrap .dataTables_wrapper .dataTables_filter {
	float: right !important;
}

/* Label bawaan DataTables membungkus teks + select/input jadi satu —
   paksa flex + nowrap supaya tidak dipecah tema jadi beberapa baris */
.fishunj-data-publikasi-wrap .dataTables_wrapper .dataTables_length label,
.fishunj-data-publikasi-wrap .dataTables_wrapper .dataTables_filter label {
	display: flex !important;
	align-items: center;
	gap: 8px;
	white-space: nowrap;
	margin: 0;
	font-weight: 400;
}

/* Banyak tema WP memaksa select/input jadi display:block; width:100% —
   timpa balik supaya ukurannya pas-pas saja dan sejajar horizontal */
.fishunj-data-publikasi-wrap .dataTables_wrapper .dataTables_length select {
	display: inline-block !important;
	width: auto !important;
	min-width: 64px;
	border: 1px solid var(--fishunj-border);
	border-radius: 8px;
	padding: 6px 10px;
	margin: 0;
	background: #fff;
}

.fishunj-data-publikasi-wrap .dataTables_wrapper .dataTables_filter input {
	display: inline-block !important;
	width: auto !important;
	border: 1px solid var(--fishunj-border);
	border-radius: 20px;
	padding: 8px 16px;
	margin: 0;
	min-width: 220px;
	font-size: 13.5px;
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.fishunj-data-publikasi-wrap .dataTables_wrapper .dataTables_filter input:focus {
	outline: none;
	border-color: var(--fishunj-teal);
	box-shadow: 0 0 0 3px rgba(3,72,74,0.15);
}

/* ---------- Info teks bawah ---------- */
.fishunj-data-publikasi-wrap .dataTables_wrapper .dataTables_info {
	color: #667;
	font-size: 12.5px;
	padding-top: 14px !important;
}

/* ---------- Pagination ---------- */
.fishunj-data-publikasi-wrap .dataTables_wrapper .dataTables_paginate {
	padding-top: 14px !important;
}

.fishunj-data-publikasi-wrap .dataTables_wrapper .dataTables_paginate .paginate_button {
	border-radius: 8px !important;
	padding: 6px 12px !important;
	margin-left: 4px !important;
	border: 1px solid transparent !important;
	color: var(--fishunj-teal) !important;
	background: transparent !important;
	font-weight: 500;
	transition: all 0.15s ease;
}

.fishunj-data-publikasi-wrap .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.disabled) {
	background: #eaf4f4 !important;
	border-color: var(--fishunj-teal) !important;
	color: var(--fishunj-teal) !important;
}

.fishunj-data-publikasi-wrap .dataTables_wrapper .dataTables_paginate .paginate_button.current {
	background: var(--fishunj-teal) !important;
	color: #fff !important;
	border-color: var(--fishunj-teal) !important;
	box-shadow: 0 2px 6px rgba(3,72,74,0.35);
}

.fishunj-data-publikasi-wrap .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
	color: #bbb !important;
	cursor: not-allowed;
}

/* ---------- Responsive: mobile ---------- */
@media (max-width: 767px) {
	.fishunj-data-publikasi-wrap .dataTables_wrapper .dataTables_length,
	.fishunj-data-publikasi-wrap .dataTables_wrapper .dataTables_filter {
		display: block;
		width: 100%;
		text-align: left !important;
	}
	.fishunj-data-publikasi-wrap .dataTables_wrapper .dataTables_filter input {
		width: 100%;
		margin-left: 0;
		margin-top: 6px;
	}
	.fishunj-data-publikasi-wrap table.dataTable thead th,
	.fishunj-data-publikasi-wrap table.dataTable tbody td {
		font-size: 12px;
		padding: 8px !important;
	}
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-905d6d9 *//* =========================================================
   Portal Riset FISH UNJ — Styling kartu statistik & grid SDG
   Cocok untuk shortcode [fishunj_stat_cards] & [fishunj_sdg_grid],
   atau dipakai sebagai referensi class untuk Elementor Loop Grid.
   Taruh di: Elementor > Custom CSS (global), atau Appearance > Customize
   > Additional CSS, atau file style.css child theme.
   ========================================================= */

/* ---- Hero section (opsional, kalau mau reuse) ---- */
.fishunj-hero {
	background: linear-gradient(135deg, #0f5e42 0%, #14795a 100%);
	border-radius: 16px;
	padding: 40px;
	color: #fff;
}

/* ---- 4 kartu statistik ---- */
.fishunj-stat-cards {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
	margin: 24px 0;
}
@media (max-width: 900px) {
	.fishunj-stat-cards { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 540px) {
	.fishunj-stat-cards { grid-template-columns: 1fr; }
}

.fishunj-stat-card {
	background: #fff;
	border: 1px solid #e6e8eb;
	border-radius: 14px;
	padding: 20px 22px;
}
.fishunj-stat-card .stat-label {
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .04em;
	color: #8a8f98;
	text-transform: uppercase;
	margin-bottom: 8px;
}
.fishunj-stat-card .stat-value {
	font-size: 34px;
	font-weight: 800;
	color: #14171a;
	line-height: 1;
}
.fishunj-stat-card .stat-value.stat-blue   { color: #2563eb; }
.fishunj-stat-card .stat-value.stat-orange { color: #b45309; }
.fishunj-stat-card .stat-value.stat-pink   { color: #db2777; }
.fishunj-stat-card .stat-sub {
	margin-top: 6px;
	font-size: 13px;
	color: #8a8f98;
}
.fishunj-stat-card .stat-trend { color: #db2777; font-weight: 600; }

/* ---- Badge SDG di kartu Publikasi (shortcode [fishunj_sdg_badge]) ---- */
.fishunj-inline-sdg-badge {
	display: inline-block;
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	padding: 3px 10px;
	border-radius: 999px;
	line-height: 1.6;
}

/* ---- Ranking publikasi per prodi ---- */
.fishunj-prodi-ranking {
	display: flex;
	flex-direction: column;
	gap: 22px;
}
.prodi-row-top {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	margin-bottom: 8px;
}
.prodi-name {
	font-size: 16px;
	font-weight: 700;
	color: #14171a;
}
.prodi-count {
	font-size: 14px;
	font-weight: 700;
	color: #16a34a;
}
.prodi-bar-track {
	background: #eef0f2;
	border-radius: 999px;
	height: 8px;
	overflow: hidden;
}
.prodi-bar-fill {
	background: #16a34a;
	height: 100%;
	border-radius: 999px;
}

/* ---- Grid 17 kartu SDG ---- */
.fishunj-sdg-grid {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 16px;
}
@media (max-width: 1100px) { .fishunj-sdg-grid { grid-template-columns: repeat(4, 1fr); } }
@media (max-width: 780px)  { .fishunj-sdg-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 480px)  { .fishunj-sdg-grid { grid-template-columns: 1fr; } }

.fishunj-sdg-card {
	background: #fff;
	border: 1px solid #e6e8eb;
	border-left: 4px solid #333;
	border-radius: 12px;
	padding: 16px 18px;
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.sdg-card-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.sdg-badge {
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	padding: 3px 9px;
	border-radius: 999px;
}
.sdg-riset-count {
	font-size: 12px;
	font-weight: 700;
	color: #16a34a;
}
.sdg-card-title {
	font-size: 15px;
	font-weight: 700;
	color: #14171a;
	line-height: 1.3;
}
.sdg-card-desc {
	font-size: 12.5px;
	color: #8a8f98;
	line-height: 1.4;
	flex-grow: 1;
}
.sdg-card-link {
	font-size: 12.5px;
	color: #6b7280;
	text-decoration: none;
	margin-top: 4px;
}
.sdg-card-link:hover { text-decoration: underline; }/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-e71b0d5 *//* =========================================================
   Portal Riset FISH UNJ — Styling kartu statistik & grid SDG
   Cocok untuk shortcode [fishunj_stat_cards] & [fishunj_sdg_grid],
   atau dipakai sebagai referensi class untuk Elementor Loop Grid.
   Taruh di: Elementor > Custom CSS (global), atau Appearance > Customize
   > Additional CSS, atau file style.css child theme.
   ========================================================= */

/* ---- Hero section (opsional, kalau mau reuse) ---- */
.fishunj-hero {
	background: linear-gradient(135deg, #0f5e42 0%, #14795a 100%);
	border-radius: 16px;
	padding: 40px;
	color: #fff;
}

/* ---- 4 kartu statistik ---- */
.fishunj-stat-cards {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
	margin: 24px 0;
}
@media (max-width: 900px) {
	.fishunj-stat-cards { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 540px) {
	.fishunj-stat-cards { grid-template-columns: 1fr; }
}

.fishunj-stat-card {
	background: #fff;
	border: 1px solid #e6e8eb;
	border-radius: 14px;
	padding: 20px 22px;
}
.fishunj-stat-card .stat-label {
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .04em;
	color: #8a8f98;
	text-transform: uppercase;
	margin-bottom: 8px;
}
.fishunj-stat-card .stat-value {
	font-size: 34px;
	font-weight: 800;
	color: #14171a;
	line-height: 1;
}
.fishunj-stat-card .stat-value.stat-blue   { color: #2563eb; }
.fishunj-stat-card .stat-value.stat-orange { color: #b45309; }
.fishunj-stat-card .stat-value.stat-pink   { color: #db2777; }
.fishunj-stat-card .stat-sub {
	margin-top: 6px;
	font-size: 13px;
	color: #8a8f98;
}
.fishunj-stat-card .stat-trend { color: #db2777; font-weight: 600; }

/* ---- Badge SDG di kartu Publikasi (shortcode [fishunj_sdg_badge]) ---- */
.fishunj-inline-sdg-badge {
	display: inline-block;
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	padding: 3px 10px;
	border-radius: 999px;
	line-height: 1.6;
}

/* ---- SDG Spotlight Center (shortcode [fishunj_sdg_spotlight]) ---- */
.fishunj-spotlight {
	display: grid;
	grid-template-columns: 340px 1fr;
	gap: 20px;
	align-items: start;
}
@media (max-width: 900px) {
	.fishunj-spotlight { grid-template-columns: 1fr; }
}

.spotlight-left {
	background: #fff;
	border: 1px solid #e6e8eb;
	border-radius: 14px;
	padding: 16px;
	max-height: 640px;
	overflow-y: auto;
}
.spotlight-left-label {
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .06em;
	color: #9aa0a8;
	margin-bottom: 12px;
}
.sdg-list-item {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 10px 12px;
	border-radius: 10px;
	border: 2px solid transparent;
	cursor: pointer;
	margin-bottom: 4px;
}
.sdg-list-item:hover { background: #f6f7f8; }
.sdg-list-item.active {
	border-color: #2563eb;
	background: #f0f5ff;
}
.sdg-list-badge {
	flex: none;
	width: 32px;
	height: 32px;
	border-radius: 8px;
	color: #fff;
	font-weight: 800;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
}
.sdg-list-text { flex-grow: 1; min-width: 0; }
.sdg-list-title {
	font-size: 13.5px;
	font-weight: 700;
	color: #14171a;
	line-height: 1.25;
}
.sdg-list-sub {
	font-size: 11.5px;
	color: #9aa0a8;
}
.sdg-list-count {
	flex: none;
	font-size: 11px;
	font-weight: 700;
	color: #6b7280;
	white-space: nowrap;
}
.sdg-list-item.active .sdg-list-count { color: #16a34a; }

.spotlight-right { display: flex; flex-direction: column; gap: 18px; }

.spotlight-hero {
	border-radius: 14px;
	padding: 24px 28px;
	color: #fff;
}
.spotlight-hero-label {
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .08em;
	opacity: .85;
	margin-bottom: 14px;
}
.spotlight-hero-main {
	display: flex;
	align-items: flex-start;
	gap: 16px;
}
.spotlight-hero-badge {
	flex: none;
	width: 48px;
	height: 48px;
	border-radius: 10px;
	background: rgba(255,255,255,.22);
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 800;
	font-size: 20px;
}
.spotlight-hero-title {
	font-size: 20px;
	font-weight: 800;
	margin-bottom: 6px;
}
.spotlight-hero-desc {
	font-size: 14px;
	opacity: .92;
	line-height: 1.4;
}

.spotlight-naskah-box {
	background: #fff;
	border: 1px solid #e6e8eb;
	border-radius: 14px;
	padding: 20px 22px;
}
.spotlight-naskah-header {
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .04em;
	color: #6b7280;
	text-transform: uppercase;
	padding-bottom: 12px;
	margin-bottom: 8px;
	border-bottom: 1px solid #eef0f2;
}
.spotlight-naskah-item {
	padding: 12px 0;
	border-bottom: 1px solid #f2f3f5;
}
.spotlight-naskah-item:last-child { border-bottom: none; }
.naskah-judul {
	font-size: 14.5px;
	font-weight: 700;
	color: #14171a;
	line-height: 1.4;
	margin-bottom: 4px;
}
.naskah-meta {
	font-size: 12.5px;
	color: #8a8f98;
}
.spotlight-empty {
	font-size: 13.5px;
	color: #9aa0a8;
	padding: 12px 0;
}

/* ---- Ranking publikasi per prodi ---- */
.fishunj-prodi-ranking {
	display: flex;
	flex-direction: column;
	gap: 22px;
}
.prodi-row-top {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	margin-bottom: 8px;
}
.prodi-name {
	font-size: 16px;
	font-weight: 700;
	color: #14171a;
}
.prodi-count {
	font-size: 14px;
	font-weight: 700;
	color: #16a34a;
}
.prodi-bar-track {
	background: #eef0f2;
	border-radius: 999px;
	height: 8px;
	overflow: hidden;
}
.prodi-bar-fill {
	background: #16a34a;
	height: 100%;
	border-radius: 999px;
}

/* ---- Grid 17 kartu SDG ---- */
.fishunj-sdg-grid {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 16px;
}
@media (max-width: 1100px) { .fishunj-sdg-grid { grid-template-columns: repeat(4, 1fr); } }
@media (max-width: 780px)  { .fishunj-sdg-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 480px)  { .fishunj-sdg-grid { grid-template-columns: 1fr; } }

.fishunj-sdg-card {
	background: #fff;
	border: 1px solid #e6e8eb;
	border-left: 4px solid #333;
	border-radius: 12px;
	padding: 16px 18px;
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.sdg-card-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.sdg-badge {
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	padding: 3px 9px;
	border-radius: 999px;
}
.sdg-riset-count {
	font-size: 12px;
	font-weight: 700;
	color: #16a34a;
}
.sdg-card-title {
	font-size: 15px;
	font-weight: 700;
	color: #14171a;
	line-height: 1.3;
}
.sdg-card-desc {
	font-size: 12.5px;
	color: #8a8f98;
	line-height: 1.4;
	flex-grow: 1;
}
.sdg-card-link {
	font-size: 12.5px;
	color: #6b7280;
	text-decoration: none;
	margin-top: 4px;
}
.sdg-card-link:hover { text-decoration: underline; }/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-224c725 *//* =====================================================
   FISHUNJ — Data Publikasi Table Styling
   Tempel CSS ini di:
   Penyesuai (Customizer) > CSS Tambahan  (paling gampang, bawaan WP, gratis)
   ATAU
   Elementor: pilih widget Shortcode "Data Publikasi" > Advanced > Custom CSS
   ===================================================== */

/* ---------- Wrapper & table dasar ---------- */
.fishunj-data-publikasi-wrap {
	--fishunj-teal: #03484A;
	--fishunj-teal-light: #065b5e;
	--fishunj-gold: #FFC527;
	--fishunj-border: #e2e8ec;
	overflow-x: auto;
	border-radius: 12px;
	box-shadow: 0 2px 10px rgba(0,0,0,0.06);
	padding: 4px;
	background: #fff;
}

.fishunj-data-publikasi-wrap table.dataTable {
	border-collapse: separate !important;
	border-spacing: 0;
	width: 100% !important;
	font-family: "Poppins", sans-serif;
	font-size: 13.5px;
}

/* ---------- Header ---------- */
.fishunj-data-publikasi-wrap table.dataTable thead th {
	background: var(--fishunj-teal);
	color: #fff;
	font-weight: 600;
	font-size: 12.5px;
	text-transform: uppercase;
	letter-spacing: 0.4px;
	padding: 14px 12px !important;
	border-bottom: none !important;
	position: sticky;
	top: 0;
	z-index: 2;
}

.fishunj-data-publikasi-wrap table.dataTable thead th:first-child {
	border-top-left-radius: 10px;
}
.fishunj-data-publikasi-wrap table.dataTable thead th:last-child {
	border-top-right-radius: 10px;
}

/* Sort icons default DataTables nyaris tak terlihat di header gelap — timpa manual */
.fishunj-data-publikasi-wrap table.dataTable thead .sorting:after,
.fishunj-data-publikasi-wrap table.dataTable thead .sorting_asc:after,
.fishunj-data-publikasi-wrap table.dataTable thead .sorting_desc:after {
	color: var(--fishunj-gold) !important;
	opacity: 0.9;
	right: 10px;
}

/* ---------- Baris & sel ---------- */
.fishunj-data-publikasi-wrap table.dataTable tbody td {
	padding: 12px !important;
	border-bottom: 1px solid var(--fishunj-border) !important;
	vertical-align: middle;
	color: #2b2b2b;
}

.fishunj-data-publikasi-wrap table.dataTable tbody tr {
	transition: background-color 0.15s ease;
}

.fishunj-data-publikasi-wrap table.dataTable.stripe tbody tr.odd,
.fishunj-data-publikasi-wrap table.dataTable tbody tr:nth-child(odd) {
	background-color: #f7fafa;
}

.fishunj-data-publikasi-wrap table.dataTable tbody tr:hover {
	background-color: #eaf4f4 !important;
	box-shadow: inset 3px 0 0 var(--fishunj-teal);
}

/* Judul jurnal sedikit ditebalkan biar gampang di-scan */
.fishunj-data-publikasi-wrap table.dataTable tbody td:nth-child(2) {
	font-weight: 500;
	color: var(--fishunj-teal);
}

/* ---------- Badge SDG (kontras diperbaiki) ---------- */
.fishunj-sdg-badge {
	display: inline-block;
	min-width: 44px;
	text-align: center;
	padding: 5px 10px;
	border-radius: 20px;
	color: #fff !important;
	font-weight: 700;
	font-size: 12px;
	letter-spacing: 0.3px;
	text-shadow: 0 1px 1px rgba(0,0,0,0.35);
	box-shadow: 0 1px 3px rgba(0,0,0,0.25);
	line-height: 1.4;
}

/* ---------- Kolom DOI ---------- */
.fishunj-data-publikasi-wrap table.dataTable tbody td a {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	color: var(--fishunj-teal);
	font-weight: 600;
	text-decoration: none;
	padding: 4px 10px;
	border: 1px solid var(--fishunj-teal);
	border-radius: 20px;
	font-size: 12px;
	transition: all 0.15s ease;
}
.fishunj-data-publikasi-wrap table.dataTable tbody td a:hover {
	background: var(--fishunj-teal);
	color: #fff;
}

/* ---------- Kolom Sitasi (angka, kasih chip) ---------- */
.fishunj-data-publikasi-wrap table.dataTable tbody td:nth-child(8) {
	text-align: center;
	font-weight: 600;
}

/* ---------- Kontrol atas: search & length (satu baris sejajar) ---------- */
.fishunj-data-publikasi-wrap .dataTables_wrapper::before {
	content: "";
	display: table;
}

.fishunj-data-publikasi-wrap .dataTables_wrapper .dataTables_length,
.fishunj-data-publikasi-wrap .dataTables_wrapper .dataTables_filter {
	display: flex;
	align-items: center;
	float: none !important;
	margin-bottom: 14px;
	font-size: 13.5px;
	color: #444;
}

.fishunj-data-publikasi-wrap .dataTables_wrapper .dataTables_length {
	float: left !important;
}
.fishunj-data-publikasi-wrap .dataTables_wrapper .dataTables_filter {
	float: right !important;
}

/* Label bawaan DataTables membungkus teks + select/input jadi satu —
   paksa flex + nowrap supaya tidak dipecah tema jadi beberapa baris */
.fishunj-data-publikasi-wrap .dataTables_wrapper .dataTables_length label,
.fishunj-data-publikasi-wrap .dataTables_wrapper .dataTables_filter label {
	display: flex !important;
	align-items: center;
	gap: 8px;
	white-space: nowrap;
	margin: 0;
	font-weight: 400;
}

/* Banyak tema WP memaksa select/input jadi display:block; width:100% —
   timpa balik supaya ukurannya pas-pas saja dan sejajar horizontal */
.fishunj-data-publikasi-wrap .dataTables_wrapper .dataTables_length select {
	display: inline-block !important;
	width: auto !important;
	min-width: 64px;
	border: 1px solid var(--fishunj-border);
	border-radius: 8px;
	padding: 6px 10px;
	margin: 0;
	background: #fff;
}

.fishunj-data-publikasi-wrap .dataTables_wrapper .dataTables_filter input {
	display: inline-block !important;
	width: auto !important;
	border: 1px solid var(--fishunj-border);
	border-radius: 20px;
	padding: 8px 16px;
	margin: 0;
	min-width: 220px;
	font-size: 13.5px;
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.fishunj-data-publikasi-wrap .dataTables_wrapper .dataTables_filter input:focus {
	outline: none;
	border-color: var(--fishunj-teal);
	box-shadow: 0 0 0 3px rgba(3,72,74,0.15);
}

/* ---------- Info teks bawah ---------- */
.fishunj-data-publikasi-wrap .dataTables_wrapper .dataTables_info {
	color: #667;
	font-size: 12.5px;
	padding-top: 14px !important;
}

/* ---------- Pagination ---------- */
.fishunj-data-publikasi-wrap .dataTables_wrapper .dataTables_paginate {
	padding-top: 14px !important;
}

.fishunj-data-publikasi-wrap .dataTables_wrapper .dataTables_paginate .paginate_button {
	border-radius: 8px !important;
	padding: 6px 12px !important;
	margin-left: 4px !important;
	border: 1px solid transparent !important;
	color: var(--fishunj-teal) !important;
	background: transparent !important;
	font-weight: 500;
	transition: all 0.15s ease;
}

.fishunj-data-publikasi-wrap .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.disabled) {
	background: #eaf4f4 !important;
	border-color: var(--fishunj-teal) !important;
	color: var(--fishunj-teal) !important;
}

.fishunj-data-publikasi-wrap .dataTables_wrapper .dataTables_paginate .paginate_button.current {
	background: var(--fishunj-teal) !important;
	color: #fff !important;
	border-color: var(--fishunj-teal) !important;
	box-shadow: 0 2px 6px rgba(3,72,74,0.35);
}

.fishunj-data-publikasi-wrap .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
	color: #bbb !important;
	cursor: not-allowed;
}

/* ---------- Responsive: mobile ---------- */
@media (max-width: 767px) {
	.fishunj-data-publikasi-wrap .dataTables_wrapper .dataTables_length,
	.fishunj-data-publikasi-wrap .dataTables_wrapper .dataTables_filter {
		display: block;
		width: 100%;
		text-align: left !important;
	}
	.fishunj-data-publikasi-wrap .dataTables_wrapper .dataTables_filter input {
		width: 100%;
		margin-left: 0;
		margin-top: 6px;
	}
	.fishunj-data-publikasi-wrap table.dataTable thead th,
	.fishunj-data-publikasi-wrap table.dataTable tbody td {
		font-size: 12px;
		padding: 8px !important;
	}
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-905d6d9 *//* =========================================================
   Portal Riset FISH UNJ — Styling kartu statistik & grid SDG
   Cocok untuk shortcode [fishunj_stat_cards] & [fishunj_sdg_grid],
   atau dipakai sebagai referensi class untuk Elementor Loop Grid.
   Taruh di: Elementor > Custom CSS (global), atau Appearance > Customize
   > Additional CSS, atau file style.css child theme.
   ========================================================= */

/* ---- Hero section (opsional, kalau mau reuse) ---- */
.fishunj-hero {
	background: linear-gradient(135deg, #0f5e42 0%, #14795a 100%);
	border-radius: 16px;
	padding: 40px;
	color: #fff;
}

/* ---- 4 kartu statistik ---- */
.fishunj-stat-cards {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
	margin: 24px 0;
}
@media (max-width: 900px) {
	.fishunj-stat-cards { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 540px) {
	.fishunj-stat-cards { grid-template-columns: 1fr; }
}

.fishunj-stat-card {
	background: #fff;
	border: 1px solid #e6e8eb;
	border-radius: 14px;
	padding: 20px 22px;
}
.fishunj-stat-card .stat-label {
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .04em;
	color: #8a8f98;
	text-transform: uppercase;
	margin-bottom: 8px;
}
.fishunj-stat-card .stat-value {
	font-size: 34px;
	font-weight: 800;
	color: #14171a;
	line-height: 1;
}
.fishunj-stat-card .stat-value.stat-blue   { color: #2563eb; }
.fishunj-stat-card .stat-value.stat-orange { color: #b45309; }
.fishunj-stat-card .stat-value.stat-pink   { color: #db2777; }
.fishunj-stat-card .stat-sub {
	margin-top: 6px;
	font-size: 13px;
	color: #8a8f98;
}
.fishunj-stat-card .stat-trend { color: #db2777; font-weight: 600; }

/* ---- Badge SDG di kartu Publikasi (shortcode [fishunj_sdg_badge]) ---- */
.fishunj-inline-sdg-badge {
	display: inline-block;
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	padding: 3px 10px;
	border-radius: 999px;
	line-height: 1.6;
}

/* ---- Ranking publikasi per prodi ---- */
.fishunj-prodi-ranking {
	display: flex;
	flex-direction: column;
	gap: 22px;
}
.prodi-row-top {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	margin-bottom: 8px;
}
.prodi-name {
	font-size: 16px;
	font-weight: 700;
	color: #14171a;
}
.prodi-count {
	font-size: 14px;
	font-weight: 700;
	color: #16a34a;
}
.prodi-bar-track {
	background: #eef0f2;
	border-radius: 999px;
	height: 8px;
	overflow: hidden;
}
.prodi-bar-fill {
	background: #16a34a;
	height: 100%;
	border-radius: 999px;
}

/* ---- Grid 17 kartu SDG ---- */
.fishunj-sdg-grid {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 16px;
}
@media (max-width: 1100px) { .fishunj-sdg-grid { grid-template-columns: repeat(4, 1fr); } }
@media (max-width: 780px)  { .fishunj-sdg-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 480px)  { .fishunj-sdg-grid { grid-template-columns: 1fr; } }

.fishunj-sdg-card {
	background: #fff;
	border: 1px solid #e6e8eb;
	border-left: 4px solid #333;
	border-radius: 12px;
	padding: 16px 18px;
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.sdg-card-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.sdg-badge {
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	padding: 3px 9px;
	border-radius: 999px;
}
.sdg-riset-count {
	font-size: 12px;
	font-weight: 700;
	color: #16a34a;
}
.sdg-card-title {
	font-size: 15px;
	font-weight: 700;
	color: #14171a;
	line-height: 1.3;
}
.sdg-card-desc {
	font-size: 12.5px;
	color: #8a8f98;
	line-height: 1.4;
	flex-grow: 1;
}
.sdg-card-link {
	font-size: 12.5px;
	color: #6b7280;
	text-decoration: none;
	margin-top: 4px;
}
.sdg-card-link:hover { text-decoration: underline; }/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-e71b0d5 *//* =========================================================
   Portal Riset FISH UNJ — Styling kartu statistik & grid SDG
   Cocok untuk shortcode [fishunj_stat_cards] & [fishunj_sdg_grid],
   atau dipakai sebagai referensi class untuk Elementor Loop Grid.
   Taruh di: Elementor > Custom CSS (global), atau Appearance > Customize
   > Additional CSS, atau file style.css child theme.
   ========================================================= */

/* ---- Hero section (opsional, kalau mau reuse) ---- */
.fishunj-hero {
	background: linear-gradient(135deg, #0f5e42 0%, #14795a 100%);
	border-radius: 16px;
	padding: 40px;
	color: #fff;
}

/* ---- 4 kartu statistik ---- */
.fishunj-stat-cards {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
	margin: 24px 0;
}
@media (max-width: 900px) {
	.fishunj-stat-cards { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 540px) {
	.fishunj-stat-cards { grid-template-columns: 1fr; }
}

.fishunj-stat-card {
	background: #fff;
	border: 1px solid #e6e8eb;
	border-radius: 14px;
	padding: 20px 22px;
}
.fishunj-stat-card .stat-label {
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .04em;
	color: #8a8f98;
	text-transform: uppercase;
	margin-bottom: 8px;
}
.fishunj-stat-card .stat-value {
	font-size: 34px;
	font-weight: 800;
	color: #14171a;
	line-height: 1;
}
.fishunj-stat-card .stat-value.stat-blue   { color: #2563eb; }
.fishunj-stat-card .stat-value.stat-orange { color: #b45309; }
.fishunj-stat-card .stat-value.stat-pink   { color: #db2777; }
.fishunj-stat-card .stat-sub {
	margin-top: 6px;
	font-size: 13px;
	color: #8a8f98;
}
.fishunj-stat-card .stat-trend { color: #db2777; font-weight: 600; }

/* ---- Badge SDG di kartu Publikasi (shortcode [fishunj_sdg_badge]) ---- */
.fishunj-inline-sdg-badge {
	display: inline-block;
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	padding: 3px 10px;
	border-radius: 999px;
	line-height: 1.6;
}

/* ---- SDG Spotlight Center (shortcode [fishunj_sdg_spotlight]) ---- */
.fishunj-spotlight {
	display: grid;
	grid-template-columns: 340px 1fr;
	gap: 20px;
	align-items: start;
}
@media (max-width: 900px) {
	.fishunj-spotlight { grid-template-columns: 1fr; }
}

.spotlight-left {
	background: #fff;
	border: 1px solid #e6e8eb;
	border-radius: 14px;
	padding: 16px;
	max-height: 640px;
	overflow-y: auto;
}
.spotlight-left-label {
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .06em;
	color: #9aa0a8;
	margin-bottom: 12px;
}
.sdg-list-item {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 10px 12px;
	border-radius: 10px;
	border: 2px solid transparent;
	cursor: pointer;
	margin-bottom: 4px;
}
.sdg-list-item:hover { background: #f6f7f8; }
.sdg-list-item.active {
	border-color: #2563eb;
	background: #f0f5ff;
}
.sdg-list-badge {
	flex: none;
	width: 32px;
	height: 32px;
	border-radius: 8px;
	color: #fff;
	font-weight: 800;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
}
.sdg-list-text { flex-grow: 1; min-width: 0; }
.sdg-list-title {
	font-size: 13.5px;
	font-weight: 700;
	color: #14171a;
	line-height: 1.25;
}
.sdg-list-sub {
	font-size: 11.5px;
	color: #9aa0a8;
}
.sdg-list-count {
	flex: none;
	font-size: 11px;
	font-weight: 700;
	color: #6b7280;
	white-space: nowrap;
}
.sdg-list-item.active .sdg-list-count { color: #16a34a; }

.spotlight-right { display: flex; flex-direction: column; gap: 18px; }

.spotlight-hero {
	border-radius: 14px;
	padding: 24px 28px;
	color: #fff;
}
.spotlight-hero-label {
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .08em;
	opacity: .85;
	margin-bottom: 14px;
}
.spotlight-hero-main {
	display: flex;
	align-items: flex-start;
	gap: 16px;
}
.spotlight-hero-badge {
	flex: none;
	width: 48px;
	height: 48px;
	border-radius: 10px;
	background: rgba(255,255,255,.22);
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 800;
	font-size: 20px;
}
.spotlight-hero-title {
	font-size: 20px;
	font-weight: 800;
	margin-bottom: 6px;
}
.spotlight-hero-desc {
	font-size: 14px;
	opacity: .92;
	line-height: 1.4;
}

.spotlight-naskah-box {
	background: #fff;
	border: 1px solid #e6e8eb;
	border-radius: 14px;
	padding: 20px 22px;
}
.spotlight-naskah-header {
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .04em;
	color: #6b7280;
	text-transform: uppercase;
	padding-bottom: 12px;
	margin-bottom: 8px;
	border-bottom: 1px solid #eef0f2;
}
.spotlight-naskah-item {
	padding: 12px 0;
	border-bottom: 1px solid #f2f3f5;
}
.spotlight-naskah-item:last-child { border-bottom: none; }
.naskah-judul {
	font-size: 14.5px;
	font-weight: 700;
	color: #14171a;
	line-height: 1.4;
	margin-bottom: 4px;
}
.naskah-meta {
	font-size: 12.5px;
	color: #8a8f98;
}
.spotlight-empty {
	font-size: 13.5px;
	color: #9aa0a8;
	padding: 12px 0;
}

/* ---- Ranking publikasi per prodi ---- */
.fishunj-prodi-ranking {
	display: flex;
	flex-direction: column;
	gap: 22px;
}
.prodi-row-top {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	margin-bottom: 8px;
}
.prodi-name {
	font-size: 16px;
	font-weight: 700;
	color: #14171a;
}
.prodi-count {
	font-size: 14px;
	font-weight: 700;
	color: #16a34a;
}
.prodi-bar-track {
	background: #eef0f2;
	border-radius: 999px;
	height: 8px;
	overflow: hidden;
}
.prodi-bar-fill {
	background: #16a34a;
	height: 100%;
	border-radius: 999px;
}

/* ---- Grid 17 kartu SDG ---- */
.fishunj-sdg-grid {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 16px;
}
@media (max-width: 1100px) { .fishunj-sdg-grid { grid-template-columns: repeat(4, 1fr); } }
@media (max-width: 780px)  { .fishunj-sdg-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 480px)  { .fishunj-sdg-grid { grid-template-columns: 1fr; } }

.fishunj-sdg-card {
	background: #fff;
	border: 1px solid #e6e8eb;
	border-left: 4px solid #333;
	border-radius: 12px;
	padding: 16px 18px;
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.sdg-card-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.sdg-badge {
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	padding: 3px 9px;
	border-radius: 999px;
}
.sdg-riset-count {
	font-size: 12px;
	font-weight: 700;
	color: #16a34a;
}
.sdg-card-title {
	font-size: 15px;
	font-weight: 700;
	color: #14171a;
	line-height: 1.3;
}
.sdg-card-desc {
	font-size: 12.5px;
	color: #8a8f98;
	line-height: 1.4;
	flex-grow: 1;
}
.sdg-card-link {
	font-size: 12.5px;
	color: #6b7280;
	text-decoration: none;
	margin-top: 4px;
}
.sdg-card-link:hover { text-decoration: underline; }/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-224c725 *//* =====================================================
   FISHUNJ — Data Publikasi Table Styling
   Tempel CSS ini di:
   Penyesuai (Customizer) > CSS Tambahan  (paling gampang, bawaan WP, gratis)
   ATAU
   Elementor: pilih widget Shortcode "Data Publikasi" > Advanced > Custom CSS
   ===================================================== */

/* ---------- Wrapper & table dasar ---------- */
.fishunj-data-publikasi-wrap {
	--fishunj-teal: #03484A;
	--fishunj-teal-light: #065b5e;
	--fishunj-gold: #FFC527;
	--fishunj-border: #e2e8ec;
	overflow-x: auto;
	border-radius: 12px;
	box-shadow: 0 2px 10px rgba(0,0,0,0.06);
	padding: 4px;
	background: #fff;
}

.fishunj-data-publikasi-wrap table.dataTable {
	border-collapse: separate !important;
	border-spacing: 0;
	width: 100% !important;
	font-family: "Poppins", sans-serif;
	font-size: 13.5px;
}

/* ---------- Header ---------- */
.fishunj-data-publikasi-wrap table.dataTable thead th {
	background: var(--fishunj-teal);
	color: #fff;
	font-weight: 600;
	font-size: 12.5px;
	text-transform: uppercase;
	letter-spacing: 0.4px;
	padding: 14px 12px !important;
	border-bottom: none !important;
	position: sticky;
	top: 0;
	z-index: 2;
}

.fishunj-data-publikasi-wrap table.dataTable thead th:first-child {
	border-top-left-radius: 10px;
}
.fishunj-data-publikasi-wrap table.dataTable thead th:last-child {
	border-top-right-radius: 10px;
}

/* Sort icons default DataTables nyaris tak terlihat di header gelap — timpa manual */
.fishunj-data-publikasi-wrap table.dataTable thead .sorting:after,
.fishunj-data-publikasi-wrap table.dataTable thead .sorting_asc:after,
.fishunj-data-publikasi-wrap table.dataTable thead .sorting_desc:after {
	color: var(--fishunj-gold) !important;
	opacity: 0.9;
	right: 10px;
}

/* ---------- Baris & sel ---------- */
.fishunj-data-publikasi-wrap table.dataTable tbody td {
	padding: 12px !important;
	border-bottom: 1px solid var(--fishunj-border) !important;
	vertical-align: middle;
	color: #2b2b2b;
}

.fishunj-data-publikasi-wrap table.dataTable tbody tr {
	transition: background-color 0.15s ease;
}

.fishunj-data-publikasi-wrap table.dataTable.stripe tbody tr.odd,
.fishunj-data-publikasi-wrap table.dataTable tbody tr:nth-child(odd) {
	background-color: #f7fafa;
}

.fishunj-data-publikasi-wrap table.dataTable tbody tr:hover {
	background-color: #eaf4f4 !important;
	box-shadow: inset 3px 0 0 var(--fishunj-teal);
}

/* Judul jurnal sedikit ditebalkan biar gampang di-scan */
.fishunj-data-publikasi-wrap table.dataTable tbody td:nth-child(2) {
	font-weight: 500;
	color: var(--fishunj-teal);
}

/* ---------- Badge SDG (kontras diperbaiki) ---------- */
.fishunj-sdg-badge {
	display: inline-block;
	min-width: 44px;
	text-align: center;
	padding: 5px 10px;
	border-radius: 20px;
	color: #fff !important;
	font-weight: 700;
	font-size: 12px;
	letter-spacing: 0.3px;
	text-shadow: 0 1px 1px rgba(0,0,0,0.35);
	box-shadow: 0 1px 3px rgba(0,0,0,0.25);
	line-height: 1.4;
}

/* ---------- Kolom DOI ---------- */
.fishunj-data-publikasi-wrap table.dataTable tbody td a {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	color: var(--fishunj-teal);
	font-weight: 600;
	text-decoration: none;
	padding: 4px 10px;
	border: 1px solid var(--fishunj-teal);
	border-radius: 20px;
	font-size: 12px;
	transition: all 0.15s ease;
}
.fishunj-data-publikasi-wrap table.dataTable tbody td a:hover {
	background: var(--fishunj-teal);
	color: #fff;
}

/* ---------- Kolom Sitasi (angka, kasih chip) ---------- */
.fishunj-data-publikasi-wrap table.dataTable tbody td:nth-child(8) {
	text-align: center;
	font-weight: 600;
}

/* ---------- Kontrol atas: search & length (satu baris sejajar) ---------- */
.fishunj-data-publikasi-wrap .dataTables_wrapper::before {
	content: "";
	display: table;
}

.fishunj-data-publikasi-wrap .dataTables_wrapper .dataTables_length,
.fishunj-data-publikasi-wrap .dataTables_wrapper .dataTables_filter {
	display: flex;
	align-items: center;
	float: none !important;
	margin-bottom: 14px;
	font-size: 13.5px;
	color: #444;
}

.fishunj-data-publikasi-wrap .dataTables_wrapper .dataTables_length {
	float: left !important;
}
.fishunj-data-publikasi-wrap .dataTables_wrapper .dataTables_filter {
	float: right !important;
}

/* Label bawaan DataTables membungkus teks + select/input jadi satu —
   paksa flex + nowrap supaya tidak dipecah tema jadi beberapa baris */
.fishunj-data-publikasi-wrap .dataTables_wrapper .dataTables_length label,
.fishunj-data-publikasi-wrap .dataTables_wrapper .dataTables_filter label {
	display: flex !important;
	align-items: center;
	gap: 8px;
	white-space: nowrap;
	margin: 0;
	font-weight: 400;
}

/* Banyak tema WP memaksa select/input jadi display:block; width:100% —
   timpa balik supaya ukurannya pas-pas saja dan sejajar horizontal */
.fishunj-data-publikasi-wrap .dataTables_wrapper .dataTables_length select {
	display: inline-block !important;
	width: auto !important;
	min-width: 64px;
	border: 1px solid var(--fishunj-border);
	border-radius: 8px;
	padding: 6px 10px;
	margin: 0;
	background: #fff;
}

.fishunj-data-publikasi-wrap .dataTables_wrapper .dataTables_filter input {
	display: inline-block !important;
	width: auto !important;
	border: 1px solid var(--fishunj-border);
	border-radius: 20px;
	padding: 8px 16px;
	margin: 0;
	min-width: 220px;
	font-size: 13.5px;
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.fishunj-data-publikasi-wrap .dataTables_wrapper .dataTables_filter input:focus {
	outline: none;
	border-color: var(--fishunj-teal);
	box-shadow: 0 0 0 3px rgba(3,72,74,0.15);
}

/* ---------- Info teks bawah ---------- */
.fishunj-data-publikasi-wrap .dataTables_wrapper .dataTables_info {
	color: #667;
	font-size: 12.5px;
	padding-top: 14px !important;
}

/* ---------- Pagination ---------- */
.fishunj-data-publikasi-wrap .dataTables_wrapper .dataTables_paginate {
	padding-top: 14px !important;
}

.fishunj-data-publikasi-wrap .dataTables_wrapper .dataTables_paginate .paginate_button {
	border-radius: 8px !important;
	padding: 6px 12px !important;
	margin-left: 4px !important;
	border: 1px solid transparent !important;
	color: var(--fishunj-teal) !important;
	background: transparent !important;
	font-weight: 500;
	transition: all 0.15s ease;
}

.fishunj-data-publikasi-wrap .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.disabled) {
	background: #eaf4f4 !important;
	border-color: var(--fishunj-teal) !important;
	color: var(--fishunj-teal) !important;
}

.fishunj-data-publikasi-wrap .dataTables_wrapper .dataTables_paginate .paginate_button.current {
	background: var(--fishunj-teal) !important;
	color: #fff !important;
	border-color: var(--fishunj-teal) !important;
	box-shadow: 0 2px 6px rgba(3,72,74,0.35);
}

.fishunj-data-publikasi-wrap .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
	color: #bbb !important;
	cursor: not-allowed;
}

/* ---------- Responsive: mobile ---------- */
@media (max-width: 767px) {
	.fishunj-data-publikasi-wrap .dataTables_wrapper .dataTables_length,
	.fishunj-data-publikasi-wrap .dataTables_wrapper .dataTables_filter {
		display: block;
		width: 100%;
		text-align: left !important;
	}
	.fishunj-data-publikasi-wrap .dataTables_wrapper .dataTables_filter input {
		width: 100%;
		margin-left: 0;
		margin-top: 6px;
	}
	.fishunj-data-publikasi-wrap table.dataTable thead th,
	.fishunj-data-publikasi-wrap table.dataTable tbody td {
		font-size: 12px;
		padding: 8px !important;
	}
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-905d6d9 *//* =========================================================
   Portal Riset FISH UNJ — Styling kartu statistik & grid SDG
   Cocok untuk shortcode [fishunj_stat_cards] & [fishunj_sdg_grid],
   atau dipakai sebagai referensi class untuk Elementor Loop Grid.
   Taruh di: Elementor > Custom CSS (global), atau Appearance > Customize
   > Additional CSS, atau file style.css child theme.
   ========================================================= */

/* ---- Hero section (opsional, kalau mau reuse) ---- */
.fishunj-hero {
	background: linear-gradient(135deg, #0f5e42 0%, #14795a 100%);
	border-radius: 16px;
	padding: 40px;
	color: #fff;
}

/* ---- 4 kartu statistik ---- */
.fishunj-stat-cards {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
	margin: 24px 0;
}
@media (max-width: 900px) {
	.fishunj-stat-cards { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 540px) {
	.fishunj-stat-cards { grid-template-columns: 1fr; }
}

.fishunj-stat-card {
	background: #fff;
	border: 1px solid #e6e8eb;
	border-radius: 14px;
	padding: 20px 22px;
}
.fishunj-stat-card .stat-label {
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .04em;
	color: #8a8f98;
	text-transform: uppercase;
	margin-bottom: 8px;
}
.fishunj-stat-card .stat-value {
	font-size: 34px;
	font-weight: 800;
	color: #14171a;
	line-height: 1;
}
.fishunj-stat-card .stat-value.stat-blue   { color: #2563eb; }
.fishunj-stat-card .stat-value.stat-orange { color: #b45309; }
.fishunj-stat-card .stat-value.stat-pink   { color: #db2777; }
.fishunj-stat-card .stat-sub {
	margin-top: 6px;
	font-size: 13px;
	color: #8a8f98;
}
.fishunj-stat-card .stat-trend { color: #db2777; font-weight: 600; }

/* ---- Badge SDG di kartu Publikasi (shortcode [fishunj_sdg_badge]) ---- */
.fishunj-inline-sdg-badge {
	display: inline-block;
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	padding: 3px 10px;
	border-radius: 999px;
	line-height: 1.6;
}

/* ---- Ranking publikasi per prodi ---- */
.fishunj-prodi-ranking {
	display: flex;
	flex-direction: column;
	gap: 22px;
}
.prodi-row-top {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	margin-bottom: 8px;
}
.prodi-name {
	font-size: 16px;
	font-weight: 700;
	color: #14171a;
}
.prodi-count {
	font-size: 14px;
	font-weight: 700;
	color: #16a34a;
}
.prodi-bar-track {
	background: #eef0f2;
	border-radius: 999px;
	height: 8px;
	overflow: hidden;
}
.prodi-bar-fill {
	background: #16a34a;
	height: 100%;
	border-radius: 999px;
}

/* ---- Grid 17 kartu SDG ---- */
.fishunj-sdg-grid {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 16px;
}
@media (max-width: 1100px) { .fishunj-sdg-grid { grid-template-columns: repeat(4, 1fr); } }
@media (max-width: 780px)  { .fishunj-sdg-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 480px)  { .fishunj-sdg-grid { grid-template-columns: 1fr; } }

.fishunj-sdg-card {
	background: #fff;
	border: 1px solid #e6e8eb;
	border-left: 4px solid #333;
	border-radius: 12px;
	padding: 16px 18px;
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.sdg-card-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.sdg-badge {
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	padding: 3px 9px;
	border-radius: 999px;
}
.sdg-riset-count {
	font-size: 12px;
	font-weight: 700;
	color: #16a34a;
}
.sdg-card-title {
	font-size: 15px;
	font-weight: 700;
	color: #14171a;
	line-height: 1.3;
}
.sdg-card-desc {
	font-size: 12.5px;
	color: #8a8f98;
	line-height: 1.4;
	flex-grow: 1;
}
.sdg-card-link {
	font-size: 12.5px;
	color: #6b7280;
	text-decoration: none;
	margin-top: 4px;
}
.sdg-card-link:hover { text-decoration: underline; }/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-e71b0d5 *//* =========================================================
   Portal Riset FISH UNJ — Styling kartu statistik & grid SDG
   Cocok untuk shortcode [fishunj_stat_cards] & [fishunj_sdg_grid],
   atau dipakai sebagai referensi class untuk Elementor Loop Grid.
   Taruh di: Elementor > Custom CSS (global), atau Appearance > Customize
   > Additional CSS, atau file style.css child theme.
   ========================================================= */

/* ---- Hero section (opsional, kalau mau reuse) ---- */
.fishunj-hero {
	background: linear-gradient(135deg, #0f5e42 0%, #14795a 100%);
	border-radius: 16px;
	padding: 40px;
	color: #fff;
}

/* ---- 4 kartu statistik ---- */
.fishunj-stat-cards {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
	margin: 24px 0;
}
@media (max-width: 900px) {
	.fishunj-stat-cards { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 540px) {
	.fishunj-stat-cards { grid-template-columns: 1fr; }
}

.fishunj-stat-card {
	background: #fff;
	border: 1px solid #e6e8eb;
	border-radius: 14px;
	padding: 20px 22px;
}
.fishunj-stat-card .stat-label {
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .04em;
	color: #8a8f98;
	text-transform: uppercase;
	margin-bottom: 8px;
}
.fishunj-stat-card .stat-value {
	font-size: 34px;
	font-weight: 800;
	color: #14171a;
	line-height: 1;
}
.fishunj-stat-card .stat-value.stat-blue   { color: #2563eb; }
.fishunj-stat-card .stat-value.stat-orange { color: #b45309; }
.fishunj-stat-card .stat-value.stat-pink   { color: #db2777; }
.fishunj-stat-card .stat-sub {
	margin-top: 6px;
	font-size: 13px;
	color: #8a8f98;
}
.fishunj-stat-card .stat-trend { color: #db2777; font-weight: 600; }

/* ---- Badge SDG di kartu Publikasi (shortcode [fishunj_sdg_badge]) ---- */
.fishunj-inline-sdg-badge {
	display: inline-block;
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	padding: 3px 10px;
	border-radius: 999px;
	line-height: 1.6;
}

/* ---- SDG Spotlight Center (shortcode [fishunj_sdg_spotlight]) ---- */
.fishunj-spotlight {
	display: grid;
	grid-template-columns: 340px 1fr;
	gap: 20px;
	align-items: start;
}
@media (max-width: 900px) {
	.fishunj-spotlight { grid-template-columns: 1fr; }
}

.spotlight-left {
	background: #fff;
	border: 1px solid #e6e8eb;
	border-radius: 14px;
	padding: 16px;
	max-height: 640px;
	overflow-y: auto;
}
.spotlight-left-label {
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .06em;
	color: #9aa0a8;
	margin-bottom: 12px;
}
.sdg-list-item {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 10px 12px;
	border-radius: 10px;
	border: 2px solid transparent;
	cursor: pointer;
	margin-bottom: 4px;
}
.sdg-list-item:hover { background: #f6f7f8; }
.sdg-list-item.active {
	border-color: #2563eb;
	background: #f0f5ff;
}
.sdg-list-badge {
	flex: none;
	width: 32px;
	height: 32px;
	border-radius: 8px;
	color: #fff;
	font-weight: 800;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
}
.sdg-list-text { flex-grow: 1; min-width: 0; }
.sdg-list-title {
	font-size: 13.5px;
	font-weight: 700;
	color: #14171a;
	line-height: 1.25;
}
.sdg-list-sub {
	font-size: 11.5px;
	color: #9aa0a8;
}
.sdg-list-count {
	flex: none;
	font-size: 11px;
	font-weight: 700;
	color: #6b7280;
	white-space: nowrap;
}
.sdg-list-item.active .sdg-list-count { color: #16a34a; }

.spotlight-right { display: flex; flex-direction: column; gap: 18px; }

.spotlight-hero {
	border-radius: 14px;
	padding: 24px 28px;
	color: #fff;
}
.spotlight-hero-label {
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .08em;
	opacity: .85;
	margin-bottom: 14px;
}
.spotlight-hero-main {
	display: flex;
	align-items: flex-start;
	gap: 16px;
}
.spotlight-hero-badge {
	flex: none;
	width: 48px;
	height: 48px;
	border-radius: 10px;
	background: rgba(255,255,255,.22);
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 800;
	font-size: 20px;
}
.spotlight-hero-title {
	font-size: 20px;
	font-weight: 800;
	margin-bottom: 6px;
}
.spotlight-hero-desc {
	font-size: 14px;
	opacity: .92;
	line-height: 1.4;
}

.spotlight-naskah-box {
	background: #fff;
	border: 1px solid #e6e8eb;
	border-radius: 14px;
	padding: 20px 22px;
}
.spotlight-naskah-header {
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .04em;
	color: #6b7280;
	text-transform: uppercase;
	padding-bottom: 12px;
	margin-bottom: 8px;
	border-bottom: 1px solid #eef0f2;
}
.spotlight-naskah-item {
	padding: 12px 0;
	border-bottom: 1px solid #f2f3f5;
}
.spotlight-naskah-item:last-child { border-bottom: none; }
.naskah-judul {
	font-size: 14.5px;
	font-weight: 700;
	color: #14171a;
	line-height: 1.4;
	margin-bottom: 4px;
}
.naskah-meta {
	font-size: 12.5px;
	color: #8a8f98;
}
.spotlight-empty {
	font-size: 13.5px;
	color: #9aa0a8;
	padding: 12px 0;
}

/* ---- Ranking publikasi per prodi ---- */
.fishunj-prodi-ranking {
	display: flex;
	flex-direction: column;
	gap: 22px;
}
.prodi-row-top {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	margin-bottom: 8px;
}
.prodi-name {
	font-size: 16px;
	font-weight: 700;
	color: #14171a;
}
.prodi-count {
	font-size: 14px;
	font-weight: 700;
	color: #16a34a;
}
.prodi-bar-track {
	background: #eef0f2;
	border-radius: 999px;
	height: 8px;
	overflow: hidden;
}
.prodi-bar-fill {
	background: #16a34a;
	height: 100%;
	border-radius: 999px;
}

/* ---- Grid 17 kartu SDG ---- */
.fishunj-sdg-grid {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 16px;
}
@media (max-width: 1100px) { .fishunj-sdg-grid { grid-template-columns: repeat(4, 1fr); } }
@media (max-width: 780px)  { .fishunj-sdg-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 480px)  { .fishunj-sdg-grid { grid-template-columns: 1fr; } }

.fishunj-sdg-card {
	background: #fff;
	border: 1px solid #e6e8eb;
	border-left: 4px solid #333;
	border-radius: 12px;
	padding: 16px 18px;
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.sdg-card-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.sdg-badge {
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	padding: 3px 9px;
	border-radius: 999px;
}
.sdg-riset-count {
	font-size: 12px;
	font-weight: 700;
	color: #16a34a;
}
.sdg-card-title {
	font-size: 15px;
	font-weight: 700;
	color: #14171a;
	line-height: 1.3;
}
.sdg-card-desc {
	font-size: 12.5px;
	color: #8a8f98;
	line-height: 1.4;
	flex-grow: 1;
}
.sdg-card-link {
	font-size: 12.5px;
	color: #6b7280;
	text-decoration: none;
	margin-top: 4px;
}
.sdg-card-link:hover { text-decoration: underline; }/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-224c725 *//* =====================================================
   FISHUNJ — Data Publikasi Table Styling
   Tempel CSS ini di:
   Penyesuai (Customizer) > CSS Tambahan  (paling gampang, bawaan WP, gratis)
   ATAU
   Elementor: pilih widget Shortcode "Data Publikasi" > Advanced > Custom CSS
   ===================================================== */

/* ---------- Wrapper & table dasar ---------- */
.fishunj-data-publikasi-wrap {
	--fishunj-teal: #03484A;
	--fishunj-teal-light: #065b5e;
	--fishunj-gold: #FFC527;
	--fishunj-border: #e2e8ec;
	overflow-x: auto;
	border-radius: 12px;
	box-shadow: 0 2px 10px rgba(0,0,0,0.06);
	padding: 4px;
	background: #fff;
}

.fishunj-data-publikasi-wrap table.dataTable {
	border-collapse: separate !important;
	border-spacing: 0;
	width: 100% !important;
	font-family: "Poppins", sans-serif;
	font-size: 13.5px;
}

/* ---------- Header ---------- */
.fishunj-data-publikasi-wrap table.dataTable thead th {
	background: var(--fishunj-teal);
	color: #fff;
	font-weight: 600;
	font-size: 12.5px;
	text-transform: uppercase;
	letter-spacing: 0.4px;
	padding: 14px 12px !important;
	border-bottom: none !important;
	position: sticky;
	top: 0;
	z-index: 2;
}

.fishunj-data-publikasi-wrap table.dataTable thead th:first-child {
	border-top-left-radius: 10px;
}
.fishunj-data-publikasi-wrap table.dataTable thead th:last-child {
	border-top-right-radius: 10px;
}

/* Sort icons default DataTables nyaris tak terlihat di header gelap — timpa manual */
.fishunj-data-publikasi-wrap table.dataTable thead .sorting:after,
.fishunj-data-publikasi-wrap table.dataTable thead .sorting_asc:after,
.fishunj-data-publikasi-wrap table.dataTable thead .sorting_desc:after {
	color: var(--fishunj-gold) !important;
	opacity: 0.9;
	right: 10px;
}

/* ---------- Baris & sel ---------- */
.fishunj-data-publikasi-wrap table.dataTable tbody td {
	padding: 12px !important;
	border-bottom: 1px solid var(--fishunj-border) !important;
	vertical-align: middle;
	color: #2b2b2b;
}

.fishunj-data-publikasi-wrap table.dataTable tbody tr {
	transition: background-color 0.15s ease;
}

.fishunj-data-publikasi-wrap table.dataTable.stripe tbody tr.odd,
.fishunj-data-publikasi-wrap table.dataTable tbody tr:nth-child(odd) {
	background-color: #f7fafa;
}

.fishunj-data-publikasi-wrap table.dataTable tbody tr:hover {
	background-color: #eaf4f4 !important;
	box-shadow: inset 3px 0 0 var(--fishunj-teal);
}

/* Judul jurnal sedikit ditebalkan biar gampang di-scan */
.fishunj-data-publikasi-wrap table.dataTable tbody td:nth-child(2) {
	font-weight: 500;
	color: var(--fishunj-teal);
}

/* ---------- Badge SDG (kontras diperbaiki) ---------- */
.fishunj-sdg-badge {
	display: inline-block;
	min-width: 44px;
	text-align: center;
	padding: 5px 10px;
	border-radius: 20px;
	color: #fff !important;
	font-weight: 700;
	font-size: 12px;
	letter-spacing: 0.3px;
	text-shadow: 0 1px 1px rgba(0,0,0,0.35);
	box-shadow: 0 1px 3px rgba(0,0,0,0.25);
	line-height: 1.4;
}

/* ---------- Kolom DOI ---------- */
.fishunj-data-publikasi-wrap table.dataTable tbody td a {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	color: var(--fishunj-teal);
	font-weight: 600;
	text-decoration: none;
	padding: 4px 10px;
	border: 1px solid var(--fishunj-teal);
	border-radius: 20px;
	font-size: 12px;
	transition: all 0.15s ease;
}
.fishunj-data-publikasi-wrap table.dataTable tbody td a:hover {
	background: var(--fishunj-teal);
	color: #fff;
}

/* ---------- Kolom Sitasi (angka, kasih chip) ---------- */
.fishunj-data-publikasi-wrap table.dataTable tbody td:nth-child(8) {
	text-align: center;
	font-weight: 600;
}

/* ---------- Kontrol atas: search & length (satu baris sejajar) ---------- */
.fishunj-data-publikasi-wrap .dataTables_wrapper::before {
	content: "";
	display: table;
}

.fishunj-data-publikasi-wrap .dataTables_wrapper .dataTables_length,
.fishunj-data-publikasi-wrap .dataTables_wrapper .dataTables_filter {
	display: flex;
	align-items: center;
	float: none !important;
	margin-bottom: 14px;
	font-size: 13.5px;
	color: #444;
}

.fishunj-data-publikasi-wrap .dataTables_wrapper .dataTables_length {
	float: left !important;
}
.fishunj-data-publikasi-wrap .dataTables_wrapper .dataTables_filter {
	float: right !important;
}

/* Label bawaan DataTables membungkus teks + select/input jadi satu —
   paksa flex + nowrap supaya tidak dipecah tema jadi beberapa baris */
.fishunj-data-publikasi-wrap .dataTables_wrapper .dataTables_length label,
.fishunj-data-publikasi-wrap .dataTables_wrapper .dataTables_filter label {
	display: flex !important;
	align-items: center;
	gap: 8px;
	white-space: nowrap;
	margin: 0;
	font-weight: 400;
}

/* Banyak tema WP memaksa select/input jadi display:block; width:100% —
   timpa balik supaya ukurannya pas-pas saja dan sejajar horizontal */
.fishunj-data-publikasi-wrap .dataTables_wrapper .dataTables_length select {
	display: inline-block !important;
	width: auto !important;
	min-width: 64px;
	border: 1px solid var(--fishunj-border);
	border-radius: 8px;
	padding: 6px 10px;
	margin: 0;
	background: #fff;
}

.fishunj-data-publikasi-wrap .dataTables_wrapper .dataTables_filter input {
	display: inline-block !important;
	width: auto !important;
	border: 1px solid var(--fishunj-border);
	border-radius: 20px;
	padding: 8px 16px;
	margin: 0;
	min-width: 220px;
	font-size: 13.5px;
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.fishunj-data-publikasi-wrap .dataTables_wrapper .dataTables_filter input:focus {
	outline: none;
	border-color: var(--fishunj-teal);
	box-shadow: 0 0 0 3px rgba(3,72,74,0.15);
}

/* ---------- Info teks bawah ---------- */
.fishunj-data-publikasi-wrap .dataTables_wrapper .dataTables_info {
	color: #667;
	font-size: 12.5px;
	padding-top: 14px !important;
}

/* ---------- Pagination ---------- */
.fishunj-data-publikasi-wrap .dataTables_wrapper .dataTables_paginate {
	padding-top: 14px !important;
}

.fishunj-data-publikasi-wrap .dataTables_wrapper .dataTables_paginate .paginate_button {
	border-radius: 8px !important;
	padding: 6px 12px !important;
	margin-left: 4px !important;
	border: 1px solid transparent !important;
	color: var(--fishunj-teal) !important;
	background: transparent !important;
	font-weight: 500;
	transition: all 0.15s ease;
}

.fishunj-data-publikasi-wrap .dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.disabled) {
	background: #eaf4f4 !important;
	border-color: var(--fishunj-teal) !important;
	color: var(--fishunj-teal) !important;
}

.fishunj-data-publikasi-wrap .dataTables_wrapper .dataTables_paginate .paginate_button.current {
	background: var(--fishunj-teal) !important;
	color: #fff !important;
	border-color: var(--fishunj-teal) !important;
	box-shadow: 0 2px 6px rgba(3,72,74,0.35);
}

.fishunj-data-publikasi-wrap .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
	color: #bbb !important;
	cursor: not-allowed;
}

/* ---------- Responsive: mobile ---------- */
@media (max-width: 767px) {
	.fishunj-data-publikasi-wrap .dataTables_wrapper .dataTables_length,
	.fishunj-data-publikasi-wrap .dataTables_wrapper .dataTables_filter {
		display: block;
		width: 100%;
		text-align: left !important;
	}
	.fishunj-data-publikasi-wrap .dataTables_wrapper .dataTables_filter input {
		width: 100%;
		margin-left: 0;
		margin-top: 6px;
	}
	.fishunj-data-publikasi-wrap table.dataTable thead th,
	.fishunj-data-publikasi-wrap table.dataTable tbody td {
		font-size: 12px;
		padding: 8px !important;
	}
}/* End custom CSS */
/* Start custom CSS *//* =========================================================
   Portal Riset FISH UNJ — Styling kartu statistik & grid SDG
   Cocok untuk shortcode [fishunj_stat_cards] & [fishunj_sdg_grid],
   atau dipakai sebagai referensi class untuk Elementor Loop Grid.
   Taruh di: Elementor > Custom CSS (global), atau Appearance > Customize
   > Additional CSS, atau file style.css child theme.
   ========================================================= */

/* ---- Hero section (opsional, kalau mau reuse) ---- */
.fishunj-hero {
	background: linear-gradient(135deg, #0f5e42 0%, #14795a 100%);
	border-radius: 16px;
	padding: 40px;
	color: #fff;
}

/* ---- 4 kartu statistik ---- */
.fishunj-stat-cards {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
	margin: 24px 0;
}
@media (max-width: 900px) {
	.fishunj-stat-cards { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 540px) {
	.fishunj-stat-cards { grid-template-columns: 1fr; }
}

.fishunj-stat-card {
	background: #fff;
	border: 1px solid #e6e8eb;
	border-radius: 14px;
	padding: 20px 22px;
}
.fishunj-stat-card .stat-label {
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .04em;
	color: #8a8f98;
	text-transform: uppercase;
	margin-bottom: 8px;
}
.fishunj-stat-card .stat-value {
	font-size: 34px;
	font-weight: 800;
	color: #14171a;
	line-height: 1;
}
.fishunj-stat-card .stat-value.stat-blue   { color: #2563eb; }
.fishunj-stat-card .stat-value.stat-orange { color: #b45309; }
.fishunj-stat-card .stat-value.stat-pink   { color: #db2777; }
.fishunj-stat-card .stat-sub {
	margin-top: 6px;
	font-size: 13px;
	color: #8a8f98;
}
.fishunj-stat-card .stat-trend { color: #db2777; font-weight: 600; }

/* ---- Grid 17 kartu SDG ---- */
.fishunj-sdg-grid {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 16px;
}
@media (max-width: 1100px) { .fishunj-sdg-grid { grid-template-columns: repeat(4, 1fr); } }
@media (max-width: 780px)  { .fishunj-sdg-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 480px)  { .fishunj-sdg-grid { grid-template-columns: 1fr; } }

.fishunj-sdg-card {
	background: #fff;
	border: 1px solid #e6e8eb;
	border-left: 4px solid #333;
	border-radius: 12px;
	padding: 16px 18px;
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.sdg-card-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.sdg-badge {
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	padding: 3px 9px;
	border-radius: 999px;
}
.sdg-riset-count {
	font-size: 12px;
	font-weight: 700;
	color: #16a34a;
}
.sdg-card-title {
	font-size: 15px;
	font-weight: 700;
	color: #14171a;
	line-height: 1.3;
}
.sdg-card-desc {
	font-size: 12.5px;
	color: #8a8f98;
	line-height: 1.4;
	flex-grow: 1;
}
.sdg-card-link {
	font-size: 12.5px;
	color: #6b7280;
	text-decoration: none;
	margin-top: 4px;
}
.sdg-card-link:hover { text-decoration: underline; }/* End custom CSS */