/**
	Theme Name:   	BLoggingpro Child
	Theme URI:    	https://www.idtheme.com/bLoggingpro/
	Description:  	BLoggingpro Child Theme
	Author: 		kentooz - Gian MR
	Author URI: 	http://gianmr.com
	Version: 		1.1.1
	License: 		GNU General Public License v2 or later
	License URI: 	http://www.gnu.org/licenses/gpl-2.0.html
	Text Domain: 	bloggingpro
	Template:     	bloggingpro
*/

@import url("../bloggingpro/style.css");

/**
 * ==============================================================================
 * STICKY HEADER: MOBILE & DESKTOP (FLUSH TO TOP, ZERO GAP)
 * ==============================================================================
 */

/* Mobile Sticky Header (#masthead with logo, hamburger, search) */
@media (max-width: 991px) {
	#masthead.site-header {
		position: sticky !important;
		top: 0 !important;
		left: 0 !important;
		right: 0 !important;
		width: 100% !important;
		margin: 0 !important;
		z-index: 9999 !important;
		background: #ffffff !important;
		border-bottom: 1px solid #e5e7eb !important;
		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05) !important;
	}

	body.admin-bar #masthead.site-header {
		top: 0 !important;
	}

	.gmr-headwrapper {
		padding-bottom: 0 !important;
	}
}

/* Desktop Sticky Menu (.top-header) */
@media (min-width: 992px) {
	.top-header {
		position: sticky !important;
		top: 0 !important;
		z-index: 9998 !important;
		background: #ffffff !important;
		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
		border-bottom: 1px solid #e2e8f0 !important;
	}

	body.admin-bar .top-header {
		top: 32px !important;
	}
}

/**
 * ==============================================================================
 * DYNAMIC ICON STYLING (FOLLOWS THEME CUSTOMIZER COLORS NATURALLY)
 * ==============================================================================
 */

.ph-icon,
svg[class*="ph-"] {
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
	flex-shrink: 0;
	color: inherit;
}

/* Responsive Menu & Search Icons: Inherit dynamic theme color */
#gmr-responsive-menu {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
	transition: opacity 0.2s ease, transform 0.2s ease;
	text-decoration: none;
}

#gmr-responsive-menu:hover {
	opacity: 0.8;
	transform: scale(1.06);
}

#gmr-responsive-menu svg {
	width: 26px;
	height: 26px;
	display: block;
}

#search-menu-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
	transition: opacity 0.2s ease, transform 0.2s ease;
	text-decoration: none;
}

#search-menu-button:hover {
	opacity: 0.8;
	transform: scale(1.06);
}

#search-menu-button svg {
	width: 23px;
	height: 23px;
	display: block;
}

/* On Desktop (992px+): hide #search-menu-button-top because topsearchform is already visible */
@media (min-width: 992px) {
	#search-menu-button-top,
	.responsive-searchbtn {
		display: none !important;
	}
}

/* On Mobile (max-width: 991px): show #search-menu-button-top */
@media (max-width: 991px) {
	#search-menu-button-top {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		line-height: 1;
		transition: opacity 0.2s ease, transform 0.2s ease;
		text-decoration: none;
	}

	#search-menu-button-top:hover {
		opacity: 0.8;
		transform: scale(1.06);
	}

	#search-menu-button-top svg {
		width: 23px;
		height: 23px;
		display: block;
	}
}

/* Close buttons */
#close-topnavmenu-button,
#sidr-id-close-topnavmenu-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: transform 0.25s ease, opacity 0.2s ease;
}

#close-topnavmenu-button:hover,
#sidr-id-close-topnavmenu-button:hover {
	transform: rotate(90deg) scale(1.08);
}

#close-topnavmenu-button svg,
#sidr-id-close-topnavmenu-button svg {
	width: 24px;
	height: 24px;
}

/**
 * ==============================================================================
 * SINGLE POST: STICKY TOOLBAR (MATCHING .content-area.gmr-single-wrap)
 * ==============================================================================
 */

/* Space at bottom so article footer content isn't obscured */
body.single {
	padding-bottom: 58px;
}

/* Dynamic Article Font Size with high specificity to override customizer inline styles */
:root {
	--gmr-reader-font-size: 16px;
}

body.single .entry-content .entry-main-single,
body.single .entry-content .entry-main-single p,
body.single .entry-content .entry-main-single li,
body.single .entry-content .entry-main-single blockquote,
body.single .entry-content-single .entry-main-single,
body.single .entry-content-single .entry-main-single p,
body.single .entry-content-single .entry-main-single li,
body.single .entry-content-single .entry-main-single blockquote,
body.single .gmr-single .entry-main-single,
body.single .gmr-single .entry-main-single p,
body.single .gmr-single .entry-main-single li,
body.single .gmr-single .entry-main-single blockquote {
	font-size: var(--gmr-reader-font-size, 16px) !important;
	line-height: 1.82 !important;
	transition: font-size 0.2s ease, line-height 0.2s ease;
}

/* Outer sticky layer: covers viewport width but clicks pass through */
.gmr-single-sticky-bar {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 99999;
	pointer-events: none;
	background: transparent;
	border: none;
	padding: 0;
	margin: 0;
	box-shadow: none;
	user-select: none;
	-webkit-user-select: none;
}

.gmr-single-sticky-bar .col-md-main {
	pointer-events: none;
}

/* Inner content wrap: bounded strictly to .col-md-main / .gmr-single-wrap */
.gmr-sticky-content-wrap {
	pointer-events: auto;
	background-color: #ffffff;
	border: 1px solid #e2e8f0;
	border-bottom: none;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	box-shadow: 0 -3px 12px rgba(15, 23, 42, 0.07);
	padding: 8px 16px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	box-sizing: border-box;
	width: 100%;
}

/* Left Section: Label & Sizer Capsule */
.gmr-sticky-left {
	display: flex;
	align-items: center;
	gap: 12px;
}

.gmr-text-sizer-label {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: #555555;
	font-size: 13px;
	font-weight: 500;
}

.gmr-icon-font-t {
	flex-shrink: 0;
	color: #555555;
}

/* Rounded Sizer Capsule */
.gmr-sizer-capsule {
	display: inline-flex;
	align-items: center;
	background-color: #f8f9fa;
	border: 1px solid #e2e8f0;
	border-radius: 9999px;
	height: 32px;
	padding: 0 8px;
	gap: 6px;
	box-sizing: border-box;
}

/* Sizer Buttons */
.gmr-sizer-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: transparent;
	border: none;
	margin: 0;
	padding: 2px 6px;
	color: #334155;
	cursor: pointer;
	outline: none;
	box-shadow: none;
	transition: color 0.15s ease, transform 0.1s ease;
	line-height: 1;
	-webkit-appearance: none;
	appearance: none;
}

.gmr-sizer-btn:hover:not(:disabled) {
	color: #0f172a;
}

.gmr-sizer-btn:active:not(:disabled) {
	transform: scale(0.92);
}

.gmr-sizer-btn:disabled {
	opacity: 0.35;
	cursor: not-allowed;
}

.gmr-letter-small {
	font-size: 13px;
	font-weight: 600;
	font-family: inherit;
}

.gmr-letter-large {
	font-size: 16px;
	font-weight: 700;
	font-family: inherit;
}

/* Font Size Indicator Badge */
.gmr-font-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 46px;
	height: 22px;
	background-color: #ffffff;
	border: 1px solid #cbd5e1;
	border-radius: 9999px;
	padding: 0 8px;
	font-size: 11.5px;
	font-weight: 600;
	color: #1e293b;
	line-height: 1;
	letter-spacing: 0.01em;
}

/* Divider inside capsule */
.gmr-sizer-divider {
	display: inline-block;
	width: 1px;
	height: 16px;
	background-color: #cbd5e1;
	margin: 0 2px;
}

/* Reset Button */
.gmr-btn-reset {
	padding: 2px 4px;
	color: #64748b;
}

.gmr-btn-reset:hover {
	color: #0f172a;
}

.gmr-btn-reset.is-active {
	color: var(--gmr-theme-scheme, #FF5722);
}

.gmr-icon-reset {
	display: block;
}

/* Right Section: Ke Atas Button */
.gmr-sticky-right {
	display: flex;
	align-items: center;
}

.gmr-btn-ke-atas {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background-color: var(--gmr-theme-scheme, #FF5722);
	color: #ffffff;
	border: none;
	border-radius: 9999px;
	padding: 6px 18px;
	font-size: 13px;
	font-weight: 600;
	font-family: inherit;
	cursor: pointer;
	outline: none;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
	transition: opacity 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease;
	line-height: 1.2;
	-webkit-appearance: none;
	appearance: none;
}

.gmr-btn-ke-atas:hover {
	opacity: 0.9;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
	color: #ffffff;
}

.gmr-btn-ke-atas:active {
	transform: scale(0.96);
}

.gmr-icon-arrow-up {
	flex-shrink: 0;
	transition: transform 0.2s ease;
}

.gmr-btn-ke-atas:hover .gmr-icon-arrow-up {
	transform: translateY(-2px);
}

/* Mobile & Tablet Responsiveness */
@media (max-width: 991px) {
	.gmr-sticky-content-wrap {
		border-radius: 0;
		border-left: none;
		border-right: none;
		padding: 7px 12px;
		padding-bottom: calc(7px + env(safe-area-inset-bottom, 0px));
	}

	.gmr-btn-ke-atas {
		padding: 6px 14px;
		font-size: 12.5px;
	}
}

@media (max-width: 480px) {
	.gmr-label-text {
		display: none;
	}

	.gmr-sticky-left {
		gap: 8px;
	}

	.gmr-sizer-capsule {
		padding: 0 6px;
		gap: 4px;
	}

	.gmr-font-badge {
		min-width: 42px;
		padding: 0 6px;
		font-size: 11px;
	}

	.gmr-btn-ke-atas {
		padding: 6px 12px;
		font-size: 12px;
	}
}

/**
 * ==============================================================================
 * MODERN SINGLE POST: BREADCRUMBS, AUTHOR META & SHARE (WHATSAPP & SALIN LINK)
 * ==============================================================================
 */

/* Modern Breadcrumbs with subtle divider */
.gmr-modern-breadcrumbs {
	margin: 0 0 16px 0;
	padding: 0 0 12px 0;
	border-bottom: 1px solid #f1f5f9;
	line-height: 1.4;
}

.gmr-modern-breadcrumbs ol {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px;
}

.gmr-modern-breadcrumbs .breadcrumb-item {
	display: inline-flex;
	align-items: center;
	font-size: 13.5px;
	color: #64748b;
}

.gmr-modern-breadcrumbs .crumb-link {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	color: #64748b;
	text-decoration: none;
	transition: color 0.15s ease;
}

.gmr-modern-breadcrumbs .crumb-link:hover {
	color: var(--gmr-theme-scheme, #FF5722);
}

.gmr-modern-breadcrumbs .crumb-link svg.ph-house {
	width: 15px;
	height: 15px;
	flex-shrink: 0;
	color: #64748b;
}

.gmr-modern-breadcrumbs .crumb-sep {
	display: inline-flex;
	align-items: center;
	color: #94a3b8;
	margin-left: 6px;
}

.gmr-modern-breadcrumbs .crumb-current {
	color: #475569;
	font-weight: 400;
	max-width: 480px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

@media (max-width: 768px) {
	.gmr-modern-breadcrumbs .crumb-current {
		max-width: 200px;
	}
}

/* Visibility Utilities for Responsive Post Meta */
.gmr-mobile-only {
	display: none !important;
}

.gmr-desktop-only {
	display: inline-flex !important;
}

div.gmr-desktop-only {
	display: flex !important;
}

span.gmr-desktop-only {
	display: inline !important;
}

/* Single Post Header Box & Title */
.gmr-box-content.gmr-single {
	border-bottom: 1px solid #f1f5f9;
}

.gmr-box-content.gmr-single .entry-header {
	padding: 0 0 16px 0 !important;
	border-bottom: 1px solid #f1f5f9;
	margin-bottom: 18px;
}

.gmr-box-content.gmr-single .entry-title {
	font-size: 32px;
	font-weight: 750;
	line-height: 1.3;
	color: #1e293b;
	margin: 6px 0 16px 0;
	letter-spacing: -0.015em;
}

/* Post Meta Topline (Date & Reads line on mobile) */
.gmr-post-meta-topline {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 13px;
	color: #64748b;
	margin: 0 0 14px 0;
	line-height: 1.3;
}

.gmr-post-meta-topline .gmr-meta-sep {
	color: #94a3b8;
}

/* Post Meta Row: Author (Left) & Share (Right) */
.gmr-post-meta-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 14px;
	margin-top: 4px;
}

/* Left Column: Avatar & Info */
.gmr-author-col {
	display: flex;
	align-items: center;
	gap: 12px;
}

.gmr-author-avatar {
	flex-shrink: 0;
}

.gmr-author-avatar img {
	width: 44px;
	height: 44px;
	border-radius: 50% !important;
	object-fit: cover;
	display: block;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

.gmr-author-info {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.gmr-author-name {
	font-size: 15px;
	font-weight: 700;
	line-height: 1.25;
}

.gmr-author-name a {
	color: #1e293b;
	text-decoration: none;
	transition: color 0.15s ease;
}

.gmr-author-name a:hover {
	color: var(--gmr-theme-scheme, #FF5722);
}

.gmr-meta-subline {
	font-size: 13px;
	color: #64748b;
	display: flex;
	align-items: center;
	gap: 6px;
	line-height: 1.25;
}

.gmr-meta-sep {
	color: #94a3b8;
}

.gmr-author-role {
	font-size: 12.5px;
	color: #888888;
	font-weight: 400;
	line-height: 1.2;
}

/* Right Column: Share Actions */
.gmr-share-col {
	display: flex;
	align-items: center;
	gap: 10px;
}

.gmr-share-label {
	font-size: 13.5px;
	font-weight: 500;
	color: #64748b;
}

.gmr-share-actions {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

/* WhatsApp Button: Soft Green Pill (Desktop) / Squircle (Mobile) */
.gmr-btn-share-wa {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background-color: #e7f8ef !important;
	color: #16a34a !important;
	border: 1px solid #d1fae5 !important;
	border-radius: 9999px !important;
	padding: 7px 15px !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	text-decoration: none !important;
	line-height: 1 !important;
	transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.gmr-btn-share-wa svg {
	width: 18px;
	height: 18px;
	fill: currentColor;
	flex-shrink: 0;
}

.gmr-btn-share-wa:hover {
	background-color: #22c55e !important;
	border-color: #22c55e !important;
	color: #ffffff !important;
	transform: translateY(-1px);
	box-shadow: 0 4px 10px rgba(34, 197, 94, 0.25) !important;
}

/* Salin Link Button: Soft Squircle */
.gmr-btn-share-copy {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	background-color: #f1f5f9 !important;
	color: #475569 !important;
	border: 1px solid #e2e8f0 !important;
	border-radius: 10px !important;
	padding: 0 !important;
	margin: 0 !important;
	cursor: pointer;
	outline: none;
	transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
	line-height: 1;
	-webkit-appearance: none;
	appearance: none;
}

.gmr-btn-share-copy svg {
	width: 17px;
	height: 17px;
	flex-shrink: 0;
}

.gmr-btn-share-copy:hover {
	background-color: #e2e8f0 !important;
	color: #0f172a !important;
	transform: translateY(-1px);
}

.gmr-btn-share-copy.is-copied {
	background-color: #dcfce7 !important;
	border-color: #86efac !important;
	color: #16a34a !important;
}

/* Tooltip on Copy */
.gmr-copy-tooltip {
	position: absolute;
	bottom: calc(100% + 8px);
	left: 50%;
	transform: translateX(-50%) translateY(4px);
	background-color: #0f172a;
	color: #ffffff;
	padding: 4px 9px;
	border-radius: 6px;
	font-size: 11.5px;
	font-weight: 500;
	white-space: nowrap;
	pointer-events: none;
	opacity: 0;
	visibility: hidden;
	transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
	z-index: 100;
}

.gmr-copy-tooltip::after {
	content: '';
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	border: 4px solid transparent;
	border-top-color: #0f172a;
}

.gmr-btn-share-copy.is-copied .gmr-copy-tooltip {
	opacity: 1;
	visibility: visible;
	transform: translateX(-50%) translateY(0);
}

/* More / Native Share Button (Lavender Squircle) */
.gmr-btn-share-more {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	background-color: #faf5ff !important;
	color: #9333ea !important;
	border: 1px solid #f3e8ff !important;
	border-radius: 10px !important;
	padding: 0 !important;
	margin: 0 !important;
	cursor: pointer;
	outline: none;
	transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
	line-height: 1;
	-webkit-appearance: none;
	appearance: none;
}

.gmr-btn-share-more svg {
	width: 18px;
	height: 18px;
	fill: currentColor;
	flex-shrink: 0;
}

.gmr-btn-share-more:hover {
	background-color: #f3e8ff !important;
	color: #7e22ce !important;
	transform: translateY(-1px);
}

/* Centered Bottom Share Section (Replaces awkward right-floating layout) */
.gmr-single-bottom-share-section {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 14px;
	padding: 18px 0;
	margin: 24px 0 16px 0;
	border-top: 1px solid #f1f5f9;
	border-bottom: 1px solid #f1f5f9;
	width: 100%;
	clear: both;
}

.gmr-single-bottom-share-section .gmr-share-label {
	font-size: 14px;
	font-weight: 600;
	color: #64748b;
}

.gmr-single-bottom-share-section .gmr-share-actions {
	display: inline-flex;
	align-items: center;
	gap: 10px;
}

/* Modern Editorial Meta Credits with accent line, darker text, and bold typography */
.gmr-post-meta-credits {
	margin: 22px 0 20px 0 !important;
	padding: 12px 18px !important;
	background: #f8fafc !important;
	border: 1px solid #e2e8f0 !important;
	border-left: 4px solid var(--gmr-theme-scheme) !important;
	border-radius: 0 8px 8px 0 !important;
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	gap: 8px 22px !important;
	font-size: 13.5px !important;
	line-height: 1.6 !important;
	color: #0f172a !important;
	font-weight: 700 !important;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03) !important;
}

.gmr-post-meta-credits > div {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	color: #0f172a !important;
	font-weight: 700 !important;
}

.gmr-post-meta-credits > div:not(:last-child)::after {
	content: "•";
	margin-left: 18px;
	color: #94a3b8;
	font-weight: 400;
}

.gmr-post-meta-credits .gmr-credit-label {
	color: #0f172a !important;
	font-weight: 800 !important;
}

.gmr-post-meta-credits .gmr-credit-value {
	color: #0f172a !important;
	font-weight: 700 !important;
}

.gmr-post-meta-credits a {
	color: var(--gmr-single-linkcolor, var(--gmr-theme-scheme)) !important;
	font-weight: 700 !important;
	text-decoration: underline !important;
	transition: color 0.15s ease, opacity 0.15s ease !important;
}

.gmr-post-meta-credits a:hover {
	opacity: 0.8 !important;
	color: var(--gmr-theme-scheme) !important;
}

@media (max-width: 640px) {
	.gmr-post-meta-credits {
		flex-direction: column !important;
		align-items: flex-start !important;
		gap: 6px !important;
		padding: 10px 14px !important;
	}
	.gmr-post-meta-credits > div:not(:last-child)::after {
		display: none !important;
	}
}

/* Mobile Layout Overrides (max-width: 768px) strictly matching user reference */
@media (max-width: 768px) {
	.gmr-desktop-only,
	div.gmr-desktop-only,
	span.gmr-desktop-only,
	.gmr-meta-subline,
	.gmr-share-col .gmr-share-label,
	.gmr-btn-share-wa .gmr-btn-text {
		display: none !important;
	}

	.gmr-mobile-only {
		display: inline-flex !important;
	}

	div.gmr-mobile-only {
		display: flex !important;
	}

	span.gmr-mobile-only {
		display: inline !important;
	}

	.gmr-modern-breadcrumbs {
		margin-bottom: 14px;
		padding-bottom: 10px;
	}

	.gmr-box-content.gmr-single .entry-header {
		padding: 0 0 14px 0 !important;
		margin-bottom: 16px;
	}

	.gmr-box-content.gmr-single .entry-title {
		font-size: 22px;
		line-height: 1.34;
		margin: 4px 0 12px 0;
	}

	.gmr-post-meta-topline {
		display: flex !important;
		align-items: center !important;
		gap: 6px !important;
		margin-bottom: 14px !important;
		font-size: 13px !important;
		color: #64748b !important;
	}

	.gmr-post-meta-row {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		align-items: center !important;
		justify-content: space-between !important;
		gap: 10px !important;
		margin-top: 0 !important;
	}

	.gmr-author-col {
		display: flex !important;
		align-items: center !important;
		gap: 10px !important;
		flex: 1 1 auto !important;
		min-width: 0 !important;
	}

	.gmr-author-avatar img {
		width: 42px !important;
		height: 42px !important;
	}

	.gmr-author-info {
		min-width: 0 !important;
	}

	.gmr-author-name {
		font-size: 14.5px !important;
		white-space: nowrap !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
	}

	.gmr-author-role {
		display: block !important;
		font-size: 12.5px !important;
		color: #888888 !important;
		margin-top: 2px !important;
	}

	.gmr-share-col {
		flex-shrink: 0 !important;
		margin-left: auto !important;
	}

	.gmr-share-actions {
		display: flex !important;
		align-items: center !important;
		gap: 6px !important;
	}

	/* Soft Squircle buttons on Mobile matching Image 2 */
	.gmr-btn-share-wa {
		display: inline-flex !important;
		width: 40px !important;
		height: 40px !important;
		min-width: 40px !important;
		max-width: 40px !important;
		border-radius: 12px !important;
		padding: 0 !important;
		justify-content: center !important;
		align-items: center !important;
		background-color: #e8f8ef !important;
		border: 1px solid #d1fae5 !important;
		color: #16a34a !important;
		box-shadow: none !important;
		overflow: hidden !important;
	}

	.gmr-btn-share-wa svg {
		width: 20px !important;
		height: 20px !important;
		margin: 0 !important;
	}

	.gmr-btn-share-copy {
		display: inline-flex !important;
		width: 40px !important;
		height: 40px !important;
		min-width: 40px !important;
		max-width: 40px !important;
		border-radius: 12px !important;
		padding: 0 !important;
		justify-content: center !important;
		align-items: center !important;
		background-color: #f1f5f9 !important;
		border: 1px solid #e2e8f0 !important;
		color: #334155 !important;
		box-shadow: none !important;
	}

	.gmr-btn-share-copy svg {
		width: 18px !important;
		height: 18px !important;
	}

	.gmr-btn-share-more {
		display: inline-flex !important;
		width: 40px !important;
		height: 40px !important;
		min-width: 40px !important;
		max-width: 40px !important;
		border-radius: 12px !important;
		padding: 0 !important;
		justify-content: center !important;
		align-items: center !important;
		background-color: #faf5ff !important;
		border: 1px solid #f3e8ff !important;
		color: #9333ea !important;
		box-shadow: none !important;
	}

	.gmr-btn-share-more svg {
		width: 18px !important;
		height: 18px !important;
	}

	.gmr-single-bottom-share-section {
		padding: 14px 0 !important;
		margin: 20px 0 14px 0 !important;
	}
}

/**
 * ==============================================================================
 * FOOTER TOP LINE (MATCHING BASE COLOR SCHEME)
 * ==============================================================================
 */
.footer-container {
	border-top: 3px solid var(--gmr-theme-scheme, #FF5722) !important;
}

/**
 * ==============================================================================
 * SLIDER / CAROUSEL: DOTS NAVIGATION & EQUAL-HEIGHT GRID CARD ALIGNMENT
 * ==============================================================================
 */

/* Hide slider arrow controls completely */
.tns-controls,
.tns-controls button {
	display: none !important;
}

/* Zero out legacy parent margin-bottom on slider containers */
.gmr-owl-carousel,
.gmr-owl-carousel-bigheadline {
	margin-bottom: 0 !important;
}

.tns-ovh,
.tns-inner {
	margin-bottom: 0 !important;
}

.gmr-slider-content {
	margin-bottom: 0 !important;
}

/* Dots Navigation container - tight, clean spacing right under cards */
.tns-nav {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 6px !important;
	margin: 10px 0 20px 0 !important;
	padding: 0 !important;
	text-align: center !important;
	width: 100% !important;
}

/* Base dot style */
.tns-nav > button {
	width: 8px !important;
	height: 8px !important;
	min-width: 8px !important;
	padding: 0 !important;
	margin: 0 !important;
	border-radius: 9999px !important;
	background-color: #cbd5e1 !important;
	border: none !important;
	outline: none !important;
	cursor: pointer !important;
	transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
	-webkit-appearance: none !important;
	appearance: none !important;
}

.tns-nav > button:hover {
	background-color: #94a3b8 !important;
	transform: scale(1.15);
}

/* Active dot morphs into smooth pill in theme scheme color */
.tns-nav > button.tns-nav-active {
	width: 22px !important;
	height: 8px !important;
	border-radius: 9999px !important;
	background-color: var(--gmr-theme-scheme, #FF5722) !important;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15) !important;
}

/* Card & Grid Alignment for Sliders */
.tns-item .gmr-slider-content {
	display: flex !important;
	flex-direction: column !important;
	height: 100% !important;
	box-sizing: border-box !important;
}

/* Synchronize all slider thumbnail aspect ratios (16:10 ratio) */
.gmr-slider-content .other-content-thumbnail {
	position: relative !important;
	width: 100% !important;
	aspect-ratio: 16 / 10 !important;
	overflow: hidden !important;
	border-radius: 6px !important;
	background-color: #f1f5f9 !important;
	margin-bottom: 0 !important;
}

.gmr-slider-content .other-content-thumbnail a {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
}

.gmr-slider-content .other-content-thumbnail img {
	width: 100% !important;
	height: 100% !important;
	max-width: 100% !important;
	object-fit: cover !important;
	display: block !important;
	transition: transform 0.3s ease !important;
}

.gmr-slider-content:hover .other-content-thumbnail img {
	transform: scale(1.04);
}

/* Align slider description/meta and title text */
.gmr-slider-content .gmr-rp-link {
	display: flex !important;
	flex-direction: column !important;
	flex: 1 1 auto !important;
	margin-top: 10px !important;
	margin-bottom: 0 !important;
}

.gmr-slider-content .gmr-metacontent {
	font-size: 12px !important;
	color: #94a3b8 !important;
	margin-bottom: 4px !important;
	line-height: 1.3 !important;
}

.gmr-slider-content .gmr-metacontent .posted-on,
.gmr-slider-content .gmr-metacontent time {
	color: #94a3b8 !important;
	font-size: 12px !important;
}

/* Precision clamped 2-line title height for equal grid rows */
.gmr-slider-content .gmr-slide-titlelink {
	font-size: 14px !important;
	font-weight: 700 !important;
	line-height: 1.38 !important;
	color: #1e293b !important;
	text-decoration: none !important;
	display: -webkit-box !important;
	-webkit-line-clamp: 2 !important;
	-webkit-box-orient: vertical !important;
	overflow: hidden !important;
	margin-bottom: 0 !important;
	text-overflow: ellipsis !important;
	height: 38.6px !important;
	max-height: 38.6px !important;
	transition: color 0.15s ease !important;
}

.gmr-slider-content .gmr-slide-titlelink:hover {
	color: var(--gmr-theme-scheme, #FF5722) !important;
}

/* Also harmonize static related posts (.gmr-gallery-related) */
.gmr-gallery-related ul li {
	vertical-align: top !important;
}

.gmr-gallery-related .other-content-thumbnail {
	aspect-ratio: 16 / 10 !important;
	overflow: hidden !important;
	border-radius: 6px !important;
	background-color: #f1f5f9 !important;
	margin-bottom: 8px !important;
}

.gmr-gallery-related .other-content-thumbnail img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	display: block !important;
}

.gmr-gallery-related ul li p a {
	display: -webkit-box !important;
	-webkit-line-clamp: 2 !important;
	-webkit-box-orient: vertical !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	height: 38.6px !important;
	max-height: 38.6px !important;
	line-height: 1.38 !important;
}

/**
 * ==============================================================================
 * GLOBAL THEME COLOR SCHEME ENFORCEMENT (ELIMINATES ROGUE BLUE #3498db)
 * ==============================================================================
 */

/* 1. Global Link Hover, Focus, and Active States */
a:hover,
a:focus,
a:active {
	color: var(--gmr-theme-scheme) !important;
	text-decoration: none;
}

/* Visited links inherit natural text color, never turning browser blue or purple */
a:visited {
	color: inherit;
}

/* 2. All Headings, Post Titles, and Headline Links across Home, Category, Archives, and Widgets */
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
.entry-title a,
.gmr-slide-titlelink,
.gmr-rp-biglink a,
.gmr-rp-link a,
.gmr-gallery-related ul li p a,
.widget a,
.gmr-box-content h2 a {
	color: inherit;
	transition: color 0.15s ease;
}

h1 a:visited,
h2 a:visited,
h3 a:visited,
h4 a:visited,
h5 a:visited,
h6 a:visited,
.entry-title a:visited,
.gmr-slide-titlelink:visited,
.gmr-rp-biglink a:visited,
.gmr-rp-link a:visited,
.gmr-gallery-related ul li p a:visited,
.widget a:visited,
.gmr-box-content h2 a:visited {
	color: inherit;
}

h1 a:hover,
h1 a:focus,
h1 a:active,
h2 a:hover,
h2 a:focus,
h2 a:active,
h3 a:hover,
h3 a:focus,
h3 a:active,
h4 a:hover,
h4 a:focus,
h4 a:active,
h5 a:hover,
h5 a:focus,
h5 a:active,
h6 a:hover,
h6 a:focus,
h6 a:active,
.entry-title a:hover,
.entry-title a:focus,
.entry-title a:active,
.gmr-slide-titlelink:hover,
.gmr-slide-titlelink:focus,
.gmr-slide-titlelink:active,
.gmr-rp-biglink a:hover,
.gmr-rp-biglink a:focus,
.gmr-rp-biglink a:active,
.gmr-rp-link a:hover,
.gmr-rp-link a:focus,
.gmr-rp-link a:active,
.gmr-gallery-related ul li p a:hover,
.gmr-gallery-related ul li p a:focus,
.gmr-gallery-related ul li p a:active,
.widget a:hover,
.widget a:focus,
.widget a:active,
.gmr-box-content h2 a:hover,
.gmr-box-content h2 a:focus,
.gmr-box-content h2 a:active {
	color: var(--gmr-theme-scheme) !important;
}

/* 3. In-Article Content Links (Follows Customizer Single Link Color dynamically) */
.entry-content p a,
.entry-content-single p a,
.entry-main-single p a {
	color: var(--gmr-single-linkcolor, var(--gmr-theme-scheme)) !important;
}

.entry-content p a:hover,
.entry-content p a:focus,
.entry-content p a:active,
.entry-content-single p a:hover,
.entry-content-single p a:focus,
.entry-content-single p a:active,
.entry-main-single p a:hover,
.entry-main-single p a:focus,
.entry-main-single p a:active {
	color: var(--gmr-theme-scheme) !important;
	text-decoration: underline !important;
}

/* 4. Back to Top Button Hover State */
.gmr-ontop:hover path {
	fill: var(--gmr-theme-scheme) !important;
}

/* 5. Accessible Screen Reader Focus */
.screen-reader-text:focus {
	color: var(--gmr-theme-scheme) !important;
}

/* 6. Form Inputs & Outline Highlights */
:focus-visible {
	outline-color: var(--gmr-theme-scheme) !important;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
textarea:focus,
select:focus {
	border-color: var(--gmr-theme-scheme) !important;
	outline: none !important;
}

/* 7. Selection Color */
::selection {
	background-color: var(--gmr-theme-scheme) !important;
	color: #ffffff !important;
}

::-moz-selection {
	background-color: var(--gmr-theme-scheme) !important;
	color: #ffffff !important;
}

/* ==========================================================================
   Modern Stacked Centered Footer Layout (Dynamic Customizer Colors)
   ========================================================================== */
.content-footer.gmr-footer-stacked-center {
	text-align: center;
	padding: 30px 15px 22px 15px;
	width: 100%;
}

.content-footer.gmr-footer-stacked-center .container {
	max-width: 1040px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
}

/* 1. Footer Logo */
.content-footer.gmr-footer-stacked-center .gmr-footer-logo {
	display: block;
	text-align: center;
	margin: 0 auto 12px auto;
}

.content-footer.gmr-footer-stacked-center .gmr-footer-logo img {
	display: inline-block;
	margin: 0 auto;
	height: 36px;
	width: auto;
	max-width: 100%;
	object-fit: contain;
}

/* 2. Footer Description / Office Address / Contact (Dynamic Color) */
.content-footer.gmr-footer-stacked-center .gmr-footer-description {
	text-align: center;
	margin: 0 auto 16px auto;
	max-width: 640px;
	font-size: 13.5px;
	line-height: 1.7;
	color: inherit;
}

.content-footer.gmr-footer-stacked-center .gmr-footer-description p {
	margin: 0 0 5px 0;
}

.content-footer.gmr-footer-stacked-center .gmr-footer-description p:last-child {
	margin-bottom: 0;
}

/* 3. Circular Social Media Icons - Compact & Dynamic Colors */
.content-footer.gmr-footer-stacked-center ul.footer-social-circles {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 10px;
	list-style: none;
	padding: 0;
	margin: 4px auto 18px auto;
}

.content-footer.gmr-footer-stacked-center ul.footer-social-circles li {
	display: inline-flex;
	width: auto;
	padding: 0;
	margin: 0;
}

.content-footer.gmr-footer-stacked-center ul.footer-social-circles li a {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 0; /* Sembunyikan teks label, tampilkan icon */
	text-decoration: none;
	border: 1px solid currentColor;
	opacity: 0.85;
	transition: opacity 0.2s ease, transform 0.2s ease, border-color 0.2s ease;
}

.content-footer.gmr-footer-stacked-center ul.footer-social-circles li a:hover {
	opacity: 1;
	transform: translateY(-2px);
}

.content-footer.gmr-footer-stacked-center ul.footer-social-circles li a svg {
	width: 15px;
	height: 15px;
	fill: currentColor;
	color: currentColor;
	margin: 0;
	vertical-align: middle;
	flex-shrink: 0;
}

/* 4. Horizontal Dividers (Dynamic Color) */
.content-footer.gmr-footer-stacked-center .gmr-footer-divider {
	height: 1px;
	background-color: currentColor;
	opacity: 0.15;
	margin: 16px auto;
	width: 100%;
}

/* 5. Media Network Menu (Dynamic WP Menu Location: medianetworknav) */
.content-footer.gmr-footer-stacked-center .gmr-footer-media-network {
	text-align: center;
	margin: 4px auto;
	width: 100%;
}

.content-footer.gmr-footer-stacked-center .gmr-footer-media-network h4.media-network-title {
	font-size: 15px !important;
	font-weight: 800 !important;
	letter-spacing: 1.5px !important;
	text-transform: uppercase !important;
	margin: 2px auto 12px auto !important;
	color: var(--gmr-footer-fontcolor, inherit) !important;
	opacity: 1 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 10px !important;
	line-height: 1.3 !important;
}

.content-footer.gmr-footer-stacked-center .gmr-footer-media-network h4.media-network-title::before,
.content-footer.gmr-footer-stacked-center .gmr-footer-media-network h4.media-network-title::after {
	content: "" !important;
	display: inline-block !important;
	width: 24px !important;
	height: 2px !important;
	background-color: var(--gmr-theme-scheme, currentColor) !important;
	border-radius: 2px !important;
	opacity: 0.9 !important;
}

.content-footer.gmr-footer-stacked-center .media-network-nav-wrap {
	width: 100%;
}

.content-footer.gmr-footer-stacked-center ul#media-network-menu {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 6px 18px;
	list-style: none;
	padding: 0;
	margin: 0 auto;
}

.content-footer.gmr-footer-stacked-center ul#media-network-menu li {
	display: inline-flex;
	width: auto;
	padding: 0;
	margin: 0;
	font-size: 13.5px;
}

.content-footer.gmr-footer-stacked-center ul#media-network-menu li a {
	text-decoration: none;
	font-weight: 500;
	color: var(--gmr-footer-linkcolor, inherit) !important;
	opacity: 0.85;
	transition: color 0.2s ease, opacity 0.2s ease;
}

.content-footer.gmr-footer-stacked-center ul#media-network-menu li a:hover {
	color: var(--gmr-footer-hoverlinkcolor, var(--gmr-theme-scheme)) !important;
	opacity: 1 !important;
	text-decoration: underline;
}

/* 6. Footer Navigation Menu (Copyright Menu) with Slashes (Dynamic Colors) */
.content-footer.gmr-footer-stacked-center .gmr-footer-nav-wrap {
	width: 100%;
}

.content-footer.gmr-footer-stacked-center ul#copyright-menu {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 4px 0;
	list-style: none;
	padding: 0;
	margin: 14px auto 4px auto;
	width: 100%;
}

.content-footer.gmr-footer-stacked-center ul#copyright-menu li {
	display: inline-flex;
	align-items: center;
	width: auto;
	padding: 2px 0;
	margin: 0;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 13px;
	letter-spacing: 0.6px;
}

.content-footer.gmr-footer-stacked-center ul#copyright-menu li:not(:last-child)::after {
	content: "/";
	margin: 0 14px;
	opacity: 0.45;
	font-weight: 400;
	display: inline-block;
}

.content-footer.gmr-footer-stacked-center ul#copyright-menu li a {
	text-decoration: none;
	transition: opacity 0.2s;
	display: inline-block;
}

.content-footer.gmr-footer-stacked-center ul#copyright-menu li a:hover {
	text-decoration: none;
}

/* 7. Bottom Copyright Bar (Dynamic Color) */
.site-footer {
	text-align: center;
	padding: 16px 14px;
	font-size: 11.5px;
	text-transform: uppercase;
	letter-spacing: 0.8px;
	border-top: none;
}

.site-footer .site-info,
.site-footer .site-info a {
	font-size: 11.5px;
	letter-spacing: 0.6px;
}

/* 8. Mobile Responsiveness */
@media (max-width: 768px) {
	.content-footer.gmr-footer-stacked-center {
		padding: 22px 12px 16px 12px;
	}

	.content-footer.gmr-footer-stacked-center .gmr-footer-logo img {
		height: 30px;
	}

	.content-footer.gmr-footer-stacked-center ul.footer-social-circles {
		gap: 8px;
	}

	.content-footer.gmr-footer-stacked-center ul.footer-social-circles li a {
		width: 30px;
		height: 30px;
	}

	.content-footer.gmr-footer-stacked-center ul.footer-social-circles li a svg {
		width: 14px;
		height: 14px;
	}

	.content-footer.gmr-footer-stacked-center ul#copyright-menu li:not(:last-child)::after {
		margin: 0 8px;
	}

	.content-footer.gmr-footer-stacked-center ul#media-network-menu {
		gap: 6px 12px;
		font-size: 12px;
	}
}

@media (max-width: 480px) {
	.content-footer.gmr-footer-stacked-center ul#copyright-menu li {
		font-size: 11.5px;
	}

	.content-footer.gmr-footer-stacked-center ul#copyright-menu li:not(:last-child)::after {
		margin: 0 6px;
	}

	.content-footer.gmr-footer-stacked-center .gmr-footer-description {
		font-size: 12.5px;
	}
}

/* ==========================================================================
   Scroll Mobile Menu Modernization
   - Hide browser default thick scrollbar
   - Add primary color accent bottom line (matching footer style)
   - Add subtle modern elevation shadow
   ========================================================================== */
.gmr-mobilemenu {
	overflow-x: auto !important;
	overflow-y: hidden !important;
	white-space: nowrap !important;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none !important; /* Firefox & Chrome 121+ */
	-ms-overflow-style: none !important; /* IE / Edge */
	border-bottom: 1px solid var(--gmr-theme-scheme) !important;
	box-shadow: 0 2px 6px -1px rgba(0, 0, 0, 0.05) !important;
	position: relative;
	z-index: 5;
	padding: 2px 0 6px 0;
	margin-top: 4px;
	margin-bottom: 4px;
}

.gmr-mobilemenu::-webkit-scrollbar,
.gmr-mobilemenu::-webkit-scrollbar-thumb,
.gmr-mobilemenu::-webkit-scrollbar-track {
	display: none !important;
	width: 0 !important;
	height: 0 !important;
	background: transparent !important;
}

.gmr-mobilemenu ul {
	display: flex;
	align-items: center;
	list-style: none;
	margin: 0;
	padding: 0 4px;
}

.gmr-mobilemenu ul li {
	display: inline-block;
	margin-right: 6px;
	flex-shrink: 0;
}

.gmr-mobilemenu ul li a {
	font-weight: 700;
	font-size: 13.5px;
	padding: 6px 12px 6px 0;
	display: block;
	color: inherit;
	transition: color 0.2s ease;
}

.gmr-mobilemenu ul li a:hover,
.gmr-mobilemenu ul li.current-menu-item a {
	color: var(--gmr-theme-scheme) !important;
}

/* Hide legacy parent theme ontop button (replaced by custom child back-to-top) */
.gmr-ontop,
div.gmr-ontop {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
	pointer-events: none !important;
}

/* ==========================================================================
   News Index (Halaman Indeks) Date & Range Filter Box
   ========================================================================== */
.page-index-header {
	margin-bottom: 20px;
}

.gmr-indeks-filter-box {
	background: #ffffff;
	border: 1px solid #e5e7eb;
	border-radius: 8px;
	padding: 20px;
	margin-bottom: 24px;
	box-shadow: 0 4px 12px -2px rgba(0, 0, 0, 0.05);
}

.gmr-filter-fields-row {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	align-items: flex-end;
}

.gmr-filter-field {
	flex: 1 1 180px;
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.gmr-filter-field label {
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	color: #64748b;
	margin: 0;
}

.gmr-input-date,
.gmr-input-select {
	width: 100%;
	padding: 8px 12px;
	border: 1px solid #cbd5e1;
	border-radius: 6px;
	font-size: 14px;
	color: #1e293b;
	background-color: #ffffff;
	outline: none;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
	min-height: 40px;
}

.gmr-input-date:focus,
.gmr-input-select:focus {
	border-color: var(--gmr-theme-scheme);
	box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.06);
}

.gmr-filter-actions {
	display: flex;
	gap: 8px;
	align-items: center;
	padding-top: 4px;
}

.gmr-btn-submit-filter {
	background: var(--gmr-theme-scheme);
	color: #ffffff;
	border: none;
	border-radius: 6px;
	padding: 10px 18px;
	font-size: 13.5px;
	font-weight: 700;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	min-height: 40px;
	transition: opacity 0.2s ease, transform 0.1s ease;
}

.gmr-btn-submit-filter:hover {
	opacity: 0.9;
	color: #ffffff;
}

.gmr-btn-reset-filter {
	background: #f1f5f9;
	color: #475569;
	border: 1px solid #cbd5e1;
	border-radius: 6px;
	padding: 10px 14px;
	font-size: 13.5px;
	font-weight: 600;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	gap: 5px;
	min-height: 40px;
	transition: all 0.2s ease;
}

.gmr-btn-reset-filter:hover {
	background: #e2e8f0;
	color: #0f172a;
}

.gmr-indeks-status-bar {
	margin-bottom: 20px;
	padding: 10px 14px;
	background: #f8fafc;
	border-left: 4px solid var(--gmr-theme-scheme);
	border-radius: 4px;
	font-size: 13.5px;
	color: #475569;
}

.gmr-status-badge {
	display: inline-block;
	background: #e2e8f0;
	color: #1e293b;
	padding: 2px 8px;
	border-radius: 12px;
	font-size: 12px;
	font-weight: 600;
	margin-left: 8px;
}

@media (max-width: 767px) {
	.gmr-indeks-filter-box {
		padding: 14px;
	}

	.gmr-filter-fields-row {
		flex-direction: column;
		gap: 12px;
	}

	.gmr-filter-field {
		width: 100%;
		flex: none;
	}

	.gmr-filter-actions {
		width: 100%;
		display: flex;
	}

	.gmr-btn-submit-filter {
		flex: 1;
		justify-content: center;
	}

	.gmr-btn-reset-filter {
		justify-content: center;
	}
}

/* ==========================================================================
   Full Landscape Hero Slider (Module Home)
   - 100% full-width cinematic hero card
   - Rich dark gradient overlay for crystal clear contrast
   - Rounded corners & subtle hover zoom
   - Modern pill navigation dots centered at bottom
   ========================================================================== */
.gmr-hero-landscape-section {
	width: 100%;
	margin-bottom: 24px;
}

.gmr-hero-slider-wrap {
	position: relative;
	border-radius: 16px;
	overflow: hidden;
	background: #000000;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

.gmr-hero-card {
	position: relative;
	width: 100%;
	height: 440px;
	overflow: hidden;
	display: block;
}

@media (max-width: 991px) {
	.gmr-hero-card {
		height: 380px;
	}
}

@media (max-width: 576px) {
	.gmr-hero-card {
		height: 320px;
	}
}

.gmr-hero-card-link {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	text-decoration: none;
	color: inherit;
}

.gmr-hero-media {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.gmr-hero-bg-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
	display: block;
}

.gmr-hero-card-link:hover .gmr-hero-bg-img {
	transform: scale(1.035);
}

.gmr-hero-no-thumb {
	width: 100%;
	height: 100%;
	background: linear-gradient(135deg, #1e293b, #0f172a);
}

.gmr-hero-gradient-overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(
		180deg,
		rgba(0, 0, 0, 0.02) 0%,
		rgba(0, 0, 0, 0.22) 32%,
		rgba(0, 0, 0, 0.78) 68%,
		rgba(0, 0, 0, 0.96) 100%
	);
	transition: background 0.3s ease;
}

.gmr-hero-info {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 24px 28px 40px 28px;
	z-index: 3;
	color: #ffffff;
	display: flex;
	flex-direction: column;
}

@media (max-width: 576px) {
	.gmr-hero-info {
		padding: 16px 18px 36px 18px;
	}
}

.gmr-hero-title {
	font-size: 24px;
	font-weight: 700;
	line-height: 1.32;
	color: #ffffff !important;
	margin: 0 0 10px 0;
	text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	transition: color 0.2s ease;
}

.gmr-hero-card-link:hover .gmr-hero-title {
	color: #f1f5f9 !important;
}

@media (max-width: 768px) {
	.gmr-hero-title {
		font-size: 18px;
		line-height: 1.35;
		margin-bottom: 8px;
	}
}

.gmr-hero-excerpt {
	font-size: 14.5px;
	line-height: 1.55;
	color: rgba(255, 255, 255, 0.88);
	margin: 0 0 12px 0;
	text-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.gmr-hero-excerpt p {
	margin: 0;
}

@media (max-width: 768px) {
	.gmr-hero-excerpt {
		font-size: 13px;
		line-height: 1.48;
		margin-bottom: 8px;
	}
}

.gmr-hero-meta {
	font-size: 13px;
	color: rgba(255, 255, 255, 0.75);
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
}

.gmr-hero-author strong {
	color: #ffffff;
	font-weight: 600;
}

.gmr-hero-sep {
	opacity: 0.55;
	font-size: 11px;
}

.gmr-hero-date {
	color: rgba(255, 255, 255, 0.75);
}

/* Dots Navigation: Pill active state at bottom center */
.gmr-hero-slider-wrap .tns-nav {
	position: absolute !important;
	bottom: 12px !important;
	left: 0 !important;
	right: 0 !important;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	gap: 6px !important;
	z-index: 10 !important;
	margin: 0 !important;
	padding: 0 !important;
	text-align: center !important;
	width: 100% !important;
	border: none !important;
	background: transparent !important;
}

.gmr-hero-slider-wrap .tns-nav > button {
	width: 8px !important;
	height: 8px !important;
	border-radius: 50% !important;
	background: rgba(255, 255, 255, 0.4) !important;
	border: none !important;
	padding: 0 !important;
	margin: 0 !important;
	cursor: pointer !important;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
	outline: none !important;
	display: inline-block !important;
	vertical-align: middle !important;
}

.gmr-hero-slider-wrap .tns-nav > button.tns-nav-active {
	width: 24px !important;
	height: 7px !important;
	border-radius: 4px !important;
	background: #ffffff !important;
	opacity: 1 !important;
}

/* ==========================================================================
   Widget Style 4: Grid List (Hero Left/Right + 2-Column Grid)
   ========================================================================== */
.gmr-widget-gridlist-wrap {
	margin-bottom: 24px;
}

.gmr-gl-hero {
	display: flex;
	gap: 24px;
	align-items: center;
	margin-bottom: 22px;
}

@media (max-width: 768px) {
	.gmr-gl-hero {
		flex-direction: column;
		align-items: stretch;
		gap: 14px;
		margin-bottom: 18px;
	}
}

.gmr-gl-hero-thumb {
	flex: 0 0 50%;
	max-width: 50%;
	border-radius: 12px;
	overflow: hidden;
}

@media (max-width: 768px) {
	.gmr-gl-hero-thumb {
		flex: 1 1 auto;
		max-width: 100%;
	}
}

.gmr-gl-hero-thumb img {
	width: 100%;
	height: 230px;
	object-fit: cover;
	display: block;
	border-radius: 12px;
	transition: transform 0.4s ease;
}

.gmr-gl-hero-thumb a:hover img {
	transform: scale(1.03);
}

.gmr-gl-hero-content {
	flex: 1;
	min-width: 0;
}

.gmr-gl-hero-title {
	font-size: 22px;
	font-weight: 700;
	line-height: 1.35;
	margin: 0 0 10px 0;
}

.gmr-gl-hero-title a {
	color: inherit;
	text-decoration: none;
	transition: color 0.2s ease;
}

.gmr-gl-hero-title a:hover {
	color: var(--gmr-theme-scheme);
}

@media (max-width: 768px) {
	.gmr-gl-hero-title {
		font-size: 18px;
	}
}

.gmr-gl-meta {
	font-size: 13px;
	color: #788292;
}

.gmr-gl-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 18px 24px;
}

@media (max-width: 768px) {
	.gmr-gl-grid {
		grid-template-columns: 1fr;
		gap: 14px;
	}
}

.gmr-gl-item {
	display: flex;
	gap: 14px;
	align-items: flex-start;
}

.gmr-gl-item-thumb {
	flex: 0 0 135px;
	width: 135px;
	height: 88px;
	border-radius: 8px;
	overflow: hidden;
	flex-shrink: 0;
}

@media (max-width: 576px) {
	.gmr-gl-item-thumb {
		flex: 0 0 110px;
		width: 110px;
		height: 75px;
	}
}

.gmr-gl-item-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	border-radius: 8px;
	transition: transform 0.3s ease;
}

.gmr-gl-item-thumb a:hover img {
	transform: scale(1.04);
}

.gmr-gl-item-content {
	flex: 1;
	min-width: 0;
}

.gmr-gl-item-title {
	font-size: 14.5px;
	font-weight: 600;
	line-height: 1.38;
	margin: 0 0 6px 0;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.gmr-gl-item-title a {
	color: inherit;
	text-decoration: none;
	transition: color 0.2s ease;
}

.gmr-gl-item-title a:hover {
	color: var(--gmr-theme-scheme);
}

/* ==========================================================================
   Widget Style 5: Inline Grid (Dark Box + 3-Column Image Cards)
   ========================================================================== */
.gmr-box-content.home-module {
	border-bottom: none !important;
	padding-bottom: 0 !important;
	margin-top: 30px !important;
	margin-bottom: 30px !important;
	clear: both !important;
}

.home-module + .home-module,
.home-module-trailing {
	margin-top: 38px !important;
}

.home-module .widget + .widget {
	margin-top: 32px !important;
}

.widget.bloggingpro-child-moduleposts {
	margin-bottom: 0 !important;
}

.gmr-widget-inlinegrid-wrap {
	position: relative;
	border-radius: 16px;
	padding: 22px 24px 26px 24px;
	margin-bottom: 24px;
	box-shadow: 0 6px 24px rgba(0, 0, 0, 0.12);
	overflow: hidden;
	box-sizing: border-box;
}

@media (max-width: 576px) {
	.gmr-widget-inlinegrid-wrap {
		padding: 16px 14px 20px 14px;
		border-radius: 14px;
	}
}

.gmr-ig-header {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 18px;
}

.gmr-ig-bar {
	display: inline-block;
	width: 5px;
	height: 18px;
	border-radius: 3px;
	transform: skewX(-14deg);
	flex-shrink: 0;
}

.gmr-ig-title {
	font-size: 18px;
	font-weight: 800;
	font-style: italic;
	text-transform: uppercase;
	margin: 0;
	line-height: 1.2;
	letter-spacing: 0.5px;
}

.gmr-ig-title a {
	color: inherit;
	text-decoration: none;
}

.gmr-ig-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
	width: 100%;
	box-sizing: border-box;
}

@media (max-width: 991px) {
	.gmr-ig-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 14px;
	}
}

@media (max-width: 576px) {
	.gmr-ig-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 10px;
	}
}

@media (max-width: 420px) {
	.gmr-ig-grid {
		grid-template-columns: 1fr;
	}
}

.gmr-ig-card {
	position: relative;
	border-radius: 12px;
	overflow: hidden;
	height: 175px;
	background: #181b1f;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
	transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.3s ease;
}

@media (max-width: 991px) {
	.gmr-ig-card {
		height: 160px;
	}
}

@media (max-width: 576px) {
	.gmr-ig-card {
		height: 145px;
		border-radius: 10px;
	}
}

.gmr-ig-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.35);
}

.gmr-ig-card-link {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	color: #ffffff !important;
	position: relative;
}

.gmr-ig-thumb-wrap {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.gmr-ig-img {
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	object-fit: cover !important;
	object-position: center !important;
	display: block !important;
	transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

.gmr-ig-card:hover .gmr-ig-img {
	transform: scale(1.07) !important;
}

.gmr-ig-no-thumb {
	width: 100%;
	height: 100%;
	background: linear-gradient(135deg, #2b3038, #181b1f);
}

.gmr-ig-overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(
		180deg,
		rgba(0, 0, 0, 0) 0%,
		rgba(0, 0, 0, 0.15) 25%,
		rgba(0, 0, 0, 0.72) 65%,
		rgba(0, 0, 0, 0.94) 100%
	);
	transition: background 0.3s ease;
	pointer-events: none;
}

.gmr-ig-card:hover .gmr-ig-overlay {
	background: linear-gradient(
		180deg,
		rgba(0, 0, 0, 0) 0%,
		rgba(0, 0, 0, 0.22) 25%,
		rgba(0, 0, 0, 0.8) 65%,
		rgba(0, 0, 0, 0.98) 100%
	);
}

.gmr-ig-content {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 14px 14px 12px 14px;
	z-index: 2;
	pointer-events: none;
}

@media (max-width: 576px) {
	.gmr-ig-content {
		padding: 10px 10px 8px 10px;
	}
}

.gmr-ig-card-title {
	color: #ffffff !important;
	font-size: 13.5px;
	font-weight: 700;
	line-height: 1.36;
	margin: 0;
	text-shadow: 0 2px 4px rgba(0, 0, 0, 0.7);
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

@media (max-width: 576px) {
	.gmr-ig-card-title {
		font-size: 12px;
		line-height: 1.3;
		-webkit-line-clamp: 3;
	}
}

/* ==========================================================================
   Widget Style 6: Widget Slider (Cards with White Background + Dots Navigation)
   ========================================================================== */
.gmr-widget-slider-wrap {
	position: relative;
	border-radius: 16px;
	padding: 22px 24px 26px 24px;
	margin-bottom: 24px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
	transition: all 0.3s ease;
}

@media (max-width: 576px) {
	.gmr-widget-slider-wrap {
		padding: 16px 14px 20px 14px;
		border-radius: 14px;
	}
}

.gmr-ws-header {
	display: flex;
	align-items: center;
	gap: 16px;
	margin-bottom: 20px;
}

.gmr-ws-title {
	font-size: 18px;
	font-weight: 800;
	text-transform: uppercase;
	margin: 0;
	line-height: 1.2;
	letter-spacing: 0.5px;
	white-space: nowrap;
}

.gmr-ws-title a {
	color: inherit;
	text-decoration: none;
}

.gmr-ws-line {
	display: inline-block;
	height: 3px;
	width: 140px;
	border-radius: 2px;
	flex-shrink: 0;
}

.gmr-widget-slider-track {
	width: 100%;
}

.gmr-widget-slider-track .tns-item {
	box-sizing: border-box !important;
	vertical-align: top;
}

.gmr-ws-card {
	background: #ffffff;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	display: flex;
	flex-direction: column;
	height: 250px;
	box-sizing: border-box;
}

@media (max-width: 576px) {
	.gmr-ws-card {
		height: 240px;
	}
}

.gmr-ws-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 8px 22px rgba(0, 0, 0, 0.18);
}

.gmr-ws-card-link {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	text-decoration: none;
	color: inherit;
}

.gmr-ws-thumb {
	height: 135px;
	flex: 0 0 135px;
	overflow: hidden;
	position: relative;
	background: #e2e8f0;
}

.gmr-ws-img {
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	object-fit: cover !important;
	object-position: center !important;
	display: block !important;
	transition: transform 0.4s ease !important;
}

.gmr-ws-card:hover .gmr-ws-img {
	transform: scale(1.06) !important;
}

.gmr-ws-no-thumb {
	width: 100%;
	height: 100%;
	background: #cbd5e1;
}

.gmr-ws-info {
	padding: 12px 14px 14px 14px;
	background: #ffffff;
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	box-sizing: border-box;
}

.gmr-ws-post-title {
	color: #1e293b;
	font-size: 13.5px;
	font-weight: 700;
	line-height: 1.38;
	margin: 0 0 8px 0;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	transition: color 0.2s ease;
}

.gmr-ws-card:hover .gmr-ws-post-title {
	color: var(--gmr-theme-scheme, #ff5722);
}

.gmr-ws-meta {
	font-size: 12px;
	color: #8892a0;
	margin-top: auto;
}

/* Dots Navigation: Centered at bottom (No arrows) */
.gmr-widget-slider-wrap .tns-nav {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	gap: 6px !important;
	margin-top: 18px !important;
	margin-bottom: 0 !important;
	padding: 0 !important;
	border: none !important;
	background: transparent !important;
	width: 100% !important;
}

.gmr-widget-slider-wrap .tns-nav > button {
	width: 8px !important;
	height: 8px !important;
	border-radius: 50% !important;
	background: rgba(255, 255, 255, 0.35) !important;
	border: none !important;
	padding: 0 !important;
	margin: 0 !important;
	cursor: pointer !important;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
	outline: none !important;
	display: inline-block !important;
	vertical-align: middle !important;
}

.gmr-widget-slider-wrap .tns-nav > button.tns-nav-active {
	width: 24px !important;
	height: 7px !important;
	border-radius: 4px !important;
	background: #ffffff !important;
	opacity: 1 !important;
}

/* ==========================================================================
   Inline "Baca Juga" (Distributed Every 4 Paragraphs)
   ========================================================================== */
.gmr-inline-baca-juga {
	margin: 16px 0 18px !important;
	padding: 9px 14px !important;
	background: #f8fafc !important;
	border: 1px solid #e2e8f0 !important;
	border-left: 4px solid var(--gmr-theme-scheme, #ff5722) !important;
	border-radius: 0 8px 8px 0 !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	gap: 2px !important;
	line-height: 1.4 !important;
	clear: both !important;
	box-sizing: border-box !important;
	transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease !important;
}

.gmr-inline-baca-juga:hover {
	background: #f1f5f9 !important;
	border-color: #cbd5e1 !important;
	border-left-color: var(--gmr-theme-scheme, #ff5722) !important;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05) !important;
}

/* Label on its own line */
.gmr-inline-baca-juga .gmr-ibj-label {
	display: block !important;
	font-size: 11px !important;
	font-weight: 800 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.5px !important;
	color: var(--gmr-theme-scheme, #ff5722) !important;
	white-space: nowrap !important;
}

/* Content below the label */
.gmr-inline-baca-juga .gmr-ibj-link {
	display: block !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	color: #1e293b !important;
	text-decoration: none !important;
	line-height: 1.45 !important;
	transition: color 0.15s ease !important;
}

.gmr-inline-baca-juga .gmr-ibj-link:hover {
	color: var(--gmr-theme-scheme, #ff5722) !important;
	text-decoration: underline !important;
}

@media (max-width: 640px) {
	.gmr-inline-baca-juga {
		padding: 8px 12px !important;
		margin: 14px 0 !important;
	}
	.gmr-inline-baca-juga .gmr-ibj-link {
		font-size: 13.5px !important;
	}
}

/* ==========================================================================
   Content Paragraph Justification (Single Post & Pages)
   Excluding: Headings (h1-h6), Table of Contents (TOC), and Inline Callouts
   ========================================================================== */

/* 1. Justify all standard paragraphs in single post & pages */
body.single .entry-content p,
body.single .entry-content-single p,
body.single .entry-main-single p,
body.single .gmr-single p,
body.page .entry-content p,
body.page .entry-content-page p,
body.page .gmr-single-page p,
body.page .item-content p {
	text-align: justify !important;
	text-justify: inter-word;
}

/* 2. Exceptions: Keep headings left-aligned */
body.single .entry-content h1,
body.single .entry-content h2,
body.single .entry-content h3,
body.single .entry-content h4,
body.single .entry-content h5,
body.single .entry-content h6,
body.single .entry-header h1,
body.single .entry-header h2,
body.page .entry-content h1,
body.page .entry-content h2,
body.page .entry-content h3,
body.page .entry-content h4,
body.page .entry-content h5,
body.page .entry-content h6,
body.page .entry-header h1,
body.page .entry-header h2 {
	text-align: left !important;
}

/* 3. Exceptions: Keep Table of Contents (TOC) left-aligned */
body.single #toc_container,
body.single #toc_container *,
body.single .toc_container,
body.single .toc_container *,
body.single #ez-toc-container,
body.single #ez-toc-container *,
body.single .ez-toc-container,
body.single .ez-toc-container *,
body.single .lwptoc,
body.single .lwptoc *,
body.single .simpletoc,
body.single .simpletoc *,
body.single .wp-block-table-of-contents,
body.single .wp-block-table-of-contents *,
body.single .rank-math-toc-block,
body.single .rank-math-toc-block *,
body.single .yoast-table-of-contents,
body.single .yoast-table-of-contents *,
body.single .table-of-contents,
body.single .table-of-contents *,
body.single .toc,
body.single .toc *,
body.page #toc_container,
body.page #toc_container *,
body.page .toc_container,
body.page .toc_container *,
body.page #ez-toc-container,
body.page #ez-toc-container *,
body.page .ez-toc-container,
body.page .ez-toc-container *,
body.page .lwptoc,
body.page .lwptoc *,
body.page .simpletoc,
body.page .simpletoc *,
body.page .wp-block-table-of-contents,
body.page .wp-block-table-of-contents *,
body.page .rank-math-toc-block,
body.page .rank-math-toc-block *,
body.page .yoast-table-of-contents,
body.page .yoast-table-of-contents *,
body.page .table-of-contents,
body.page .table-of-contents *,
body.page .toc,
body.page .toc * {
	text-align: left !important;
}

/* 4. Exceptions: Keep Baca Juga callouts, captions, and aligned blocks */
.gmr-inline-baca-juga,
.gmr-inline-baca-juga p,
.gmr-inline-baca-juga span,
.gmr-inline-baca-juga a {
	text-align: left !important;
}

.wp-caption-text,
figcaption {
	text-align: center !important;
}

body.single .entry-content .has-text-align-center,
body.single .entry-content .text-center,
body.page .entry-content .has-text-align-center,
body.page .entry-content .text-center {
	text-align: center !important;
}

body.single .entry-content .has-text-align-right,
body.single .entry-content .text-right,
body.page .entry-content .has-text-align-right,
body.page .entry-content .text-right {
	text-align: right !important;
}

body.single .entry-content .has-text-align-left,
body.single .entry-content .text-left,
body.page .entry-content .has-text-align-left,
body.page .entry-content .text-left {
	text-align: left !important;
}

/* ==========================================================================
   About / Tentang Kami Page (Modern Minimalist)
   Fully dynamic colors:
   - Accent      : var(--gmr-theme-scheme)
   - Text/border : inherited from the theme via currentColor
   - Background  : tint derived from currentColor (works on light or dark)
   Driven by Customizer > Profil Organisasi
   ========================================================================== */
.page-about-wrapper .gmr-about {
	max-width: 820px;
	margin: 0 auto;
	padding: 4px 0 24px;
}

/* Hero */
.gmr-about-hero {
	text-align: center;
	padding: 8px 0 28px;
	border-bottom: 1px solid color-mix(in srgb, currentColor 12%, transparent);
	margin-bottom: 28px;
}

.gmr-about-logo {
	margin: 0 auto 18px;
}

.gmr-about-logo img {
	display: inline-block;
	height: 60px;
	width: auto;
	max-width: 100%;
	object-fit: contain;
}

.gmr-about-title {
	font-size: 34px;
	font-weight: 800;
	line-height: 1.2;
	letter-spacing: -0.02em;
	color: inherit;
	margin: 0 0 10px;
}

.gmr-about-tagline {
	font-size: 16px;
	line-height: 1.7;
	color: inherit;
	opacity: 0.7;
	max-width: 640px;
	margin: 0 auto;
}

.gmr-about-meta {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px 26px;
	margin: 20px 0 0;
	padding: 0;
}

.gmr-about-meta li {
	display: inline-flex;
	align-items: baseline;
	gap: 7px;
	font-size: 13.5px;
	color: inherit;
}

.gmr-about-meta-label {
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	opacity: 0.55;
}

.gmr-about-meta strong {
	font-weight: 600;
	color: inherit;
}

/* Body content */
.gmr-about-content {
	font-size: 16.5px;
	line-height: 1.85;
	color: inherit;
	margin-bottom: 32px;
}

.gmr-about-content > *:first-child {
	margin-top: 0;
}

.gmr-about-content p {
	margin: 0 0 1.1em;
}

.gmr-about-content a {
	color: var(--gmr-theme-scheme, currentColor);
	text-decoration: underline;
}

.gmr-about-content h2,
.gmr-about-content h3 {
	color: inherit;
	font-weight: 750;
	line-height: 1.3;
	margin: 1.6em 0 0.5em;
}

/* Info cards */
.gmr-about-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 16px;
}

.gmr-about-card {
	background-color: color-mix(in srgb, currentColor 4%, transparent);
	border: 1px solid color-mix(in srgb, currentColor 12%, transparent);
	border-radius: 12px;
	padding: 20px;
	transition: border-color 0.2s ease, transform 0.2s ease;
}

.gmr-about-card:hover {
	border-color: color-mix(in srgb, var(--gmr-theme-scheme, currentColor) 50%, transparent);
	transform: translateY(-2px);
}

.gmr-about-card-title {
	font-size: 12px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: inherit;
	opacity: 0.55;
	margin: 0 0 12px;
}

.gmr-about-card-text {
	font-size: 14.5px;
	line-height: 1.7;
	color: inherit;
	margin: 0;
}

.gmr-about-contact,
.gmr-about-social {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.gmr-about-social {
	flex-direction: row;
	flex-wrap: wrap;
	gap: 8px;
}

.gmr-about-contact a,
.gmr-about-social a {
	font-size: 14px;
	color: inherit;
	text-decoration: none;
	transition: color 0.15s ease, border-color 0.15s ease;
	word-break: break-word;
}

.gmr-about-social a {
	display: inline-flex;
	padding: 5px 12px;
	border: 1px solid color-mix(in srgb, currentColor 18%, transparent);
	border-radius: 9999px;
	font-size: 13px;
}

.gmr-about-contact a:hover,
.gmr-about-social a:hover {
	color: var(--gmr-theme-scheme, currentColor);
	border-color: var(--gmr-theme-scheme, currentColor);
}

@media (max-width: 768px) {
	.gmr-about-title {
		font-size: 26px;
	}

	.gmr-about-tagline {
		font-size: 15px;
	}

	.gmr-about-content {
		font-size: 15.5px;
	}

	.gmr-about-grid {
		grid-template-columns: 1fr;
	}
}

/* ==========================================================================
   Header Logo Size
   ========================================================================== */
.gmr-logo img {
	max-width: 65%;
}

/* ==========================================================================
   Post Tags (.tags-links): even, ideal spacing between wrapped rows
   Replaces the parent inline-block + line-height layout, which produced
   uneven gaps when tags wrapped to multiple lines.
   ========================================================================== */
.entry-footer .tags-links {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	line-height: 1.4;
}

.entry-footer .tags-links a {
	margin-right: 0;
}