/* ── Open RAN docs page layout ─────────────────────────── */

#syamp-docs-wrapper {
	display: grid !important;
	grid-template-columns: 310px 1fr;
	grid-template-rows: repeat(100, auto);
	row-gap: 0 !important;
	margin-bottom: 75px !important;
	padding-left: 0;
	padding-right: 0;
}

#main-hero {
	margin-bottom: 25px;
}

/* Sidebar: column 1, spans all rows after hero */
#open-ran-sidebar {
	grid-column: 1 !important;
	grid-row: 1 / -1;
	position: sticky;
	top: 180px;
	align-self: start;
	margin-left: 70px;
	margin-top: 35px;
	max-height: calc(100vh - 180px);
	overflow-y: auto;
	z-index: 10;
}

#syamp-o-ran-news-section .syamp-oran-news-heading,
[id^="section-"] h2 {
	font-size: 30px !important;
	font-weight: 600;
}
#syamp-o-ran-news-section .hero-btn.bgr-red,
[id^="section-"] .hero-btn.bgr-red {
	background-color: #E92F30;
	color: #FFFFFF !important;
}
[id^="section-"] .hero-btn.bgr-red:hover,
#syamp-o-ran-news-section .hero-btn.bgr-red:hover {
	background-color: #FFFFFF;
	color: #001629 !important;
}
#syamp-o-ran-news-section .hero-btn.bgr-red {
	width: auto !important;
}

/* Zajednicka pravila za sve sekcije */
[id^="section-"] {
	grid-column: 1 / -1 !important;
	margin: 35px 0 !important;
	padding-left: 500px !important;
	/*padding-left: 380px !important;*/
	/*padding-right: 40px !important;*/
	/*padding-right: max(40px, calc((100vw - 1440px) / 2)) !important;*/
	padding-right: max(40px, calc((100vw - 1440px) / 2 + 25px)) !important;
	scroll-margin-top: 150px;
	min-width: 0;
}
[id^="section-"]:last-child {
	margin-bottom: 0 !important;
}
[id^="section-"].syamp-margin-bottom-none {
	margin-bottom: 0 !important;
}
[id^="section-"].syamp-margin-top-none {
	margin-top: 0 !important;
}
[id^="section-"].syamp-has-bgr {
	padding-top: 75px;
	padding-bottom: 75px;
}
[id^="section-"].syamp-has-bgr.syamp-padding-top-none {
	padding-top: 0;
}
[id^="section-"] .e-con-inner {
	/*max-width: 1280px;*/
	margin-left: 0 !important;
	margin-right: 0 !important;
	max-width: unset !important;
	/*padding: 0 0 0 110px !important;*/
}
[id^="section-"] h2 {
	margin-bottom: 25px !important;
	text-transform: none !important;
}
[id^="section-"] p {
	font-size: 15.5px !important;
	color: #647486;
}
[id^="section-"] p strong {
	color: #071B2E;
}
.syamp-open-ran-buttons-wrp {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}
[id^="section-"] .hero-btn {
	color: #001629 !important;
	text-transform: none !important;
	width: calc(50% - 15px);
	text-align: center;
}

/* Redosled sekcija — azuriraj kada dodajes ili uklanjase sekciju */
#section-american-5g-radio { grid-row: 1; }
#section-oran-architecture  { grid-row: 2; }
#section-amplitech-role     { grid-row: 3; }
#section-chip-level         { grid-row: 4; }
#section-certification      { grid-row: 5; }
#section-validation         { grid-row: 6; }
#section-domestic-oran      { grid-row: 7; }
#section-roadmap            { grid-row: 8; }

.syamp-open-ran-nav {
	background-color: #FFFFFF;
}
.syamp-open-ran-nav .syamp-open-ran-nav-mobile-title,
.syamp-open-ran-nav .syamp-open-ran-nav-mobile-subtitle {
	display: none;
}
.syamp-open-ran-nav .syamp-open-ran-nav-items-wrp {
	padding: 10px 0;
	border-left: 3px solid #E92F30;
}
.syamp-open-ran-nav a {
	display: block;
	padding: 12.5px 10px;
	font-size: 13.5px;
	font-weight: 600;
	color: #071B2E;
}
.syamp-open-ran-nav a:hover,
.syamp-open-ran-nav a.is-active {
	background-color: #E92F30;
	color: #FFFFFF;
}

#syamp-o-ran-news-section {
	margin: 60px 0;
}
#syamp-o-ran-news-section .syamp-oran-news-heading {
	margin-bottom: 30px !important;
	text-align: center;
}
#syamp-o-ran-news-section .syamp-oran-news-grid {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-wrap: wrap;
	gap: 60px;
}
#syamp-o-ran-news-section .syamp-oran-news-card {
	width: calc(33% - 40px);
	border: 1px solid #D6E0E6;
	border-radius: 8px;
	overflow: hidden;
}
#syamp-o-ran-news-section .syamp-oran-news-card-image-wrp {
	display: block;
	aspect-ratio: 16/9;
	overflow: hidden;
}
#syamp-o-ran-news-section .syamp-oran-news-card-image-wrp img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
#syamp-o-ran-news-section .syamp-oran-news-card-body {
	padding: 24px 24px 70px;
}
#syamp-o-ran-news-section .syamp-oran-news-card-date {
	margin-bottom: 25px;
	font-size: 16px !important;
	font-weight: 600 !important;
}
#syamp-o-ran-news-section .syamp-oran-news-card-title,
#syamp-o-ran-news-section .syamp-oran-news-card-title a {
	margin-top: 0 !important;
	font-size: 16px !important;
	color: #647486;
}
#syamp-o-ran-news-section .syamp-oran-news-card-title a:hover {
	text-underline-offset: unset !important;
	text-decoration: underline;
}
#syamp-o-ran-news-section .syamp-oran-news-view-all-btn-wrp {
	margin-top: 30px;
	text-align: center;
}

@media (max-width: 1440px) {
	[id^="section-"] {
		padding-right: 24px !important;
	}
}

@media (max-width: 1280px) {
	#syamp-docs-wrapper {
		margin-bottom: 45px !important;
	}
	#open-ran-sidebar {
		margin-left: 14px;
	}
	[id^="section-"] {
		padding-left: 350px !important;
	}
	#validation-section-left-side {
		padding-right: 10px !important;
	}
	#validation-section-right-side {
		padding-left: 10px !important;
	}

	#syamp-o-ran-news-section {
		margin: 45px 0;
	}
	#syamp-o-ran-news-section .syamp-oran-news-grid {
		gap: 25px;
	}
	#syamp-o-ran-news-section .syamp-oran-news-card {
		width: calc(33% - 15px);
	}
	#syamp-o-ran-news-section .syamp-oran-news-card-body {
		padding-bottom: 40px;
	}
	#syamp-o-ran-news-section .syamp-oran-news-card-date {
		margin-bottom: 15px;
	}
}

@media (max-width: 1025px) {
	#syamp-docs-wrapper,
	.syamp-open-ran-nav-mobile-title {
		display: block !important;
	}
	[id^="section-"] {
		grid-column: unset !important;
		grid-row: unset !important;
		padding-left: 24px !important;
		padding-right: 24px !important;
	}
	[id^="section-"].syamp-has-bgr {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.syamp-open-ran-buttons-wrp {
		gap: 20px;
	}
	[id^="section-"] .hero-btn {
		width: calc(50% - 10px);
	}
	#open-ran-sidebar {
		top: 50px;
		margin-left: 0;
		padding: 0 24px;
		max-height: unset;
		overflow: visible;
	}
	.syamp-open-ran-nav {
		position: relative;
		padding: 15px;
		border: 1px solid #ccccd1;
		border-radius: 8px;
		background-color: #FFFFFF;
		cursor: pointer;
		transition: all .3s ease;
	}
	.syamp-open-ran-nav:hover,
	.syamp-open-ran-nav.is-open {
		-webkit-box-shadow: 0px 0px 7px 3px rgba(204,204,209,0.7);
		box-shadow: 0px 0px 7px 3px rgba(204,204,209,0.7);
	}
	.syamp-open-ran-nav .syamp-open-ran-nav-items-wrp {
		position: absolute;
		top: calc(100% + 10px);
		left: 0;
		border: 1px solid #ccccd1;
		border-radius: 8px;
		visibility: hidden;
		opacity: 0;
		cursor: none;
		transition: all .3s ease;
	}
	.syamp-open-ran-nav.is-open .syamp-open-ran-nav-items-wrp {
		background-color: #ffffff;
		z-index: 1;
		width: 100%;
		max-height: 400px;
		overflow: auto;
		visibility: visible;
		opacity: 1;
		cursor: auto;
	}
	.syamp-open-ran-nav.has-selection {
		padding-top: 7px;
		padding-bottom: 7px;
	}
	.syamp-open-ran-nav.has-selection .syamp-open-ran-nav-mobile-title {
		font-weight: 600 !important;
	}
	.syamp-open-ran-nav.has-selection .syamp-open-ran-nav-mobile-subtitle {
		display: block;
		font-size: 11px !important;
	}
	.syamp-open-ran-nav p {
		margin: 0 !important;
	}
	.syamp-open-ran-nav a {
		padding: 10px;
		font-size: 12px;
	}

	#syamp-o-ran-news-section .syamp-oran-news-card {
		width: calc(50% - 15px);
	}
}

@media (max-width: 769px) {
	#syamp-o-ran-news-section .syamp-oran-news-card-body {
		padding-bottom: 30px;
	}
}

@media (max-width: 550px) {
	[id^="section-"].syamp-has-bgr {
		padding-top: 35px;
		padding-bottom: 35px;
	}
	#syamp-docs-wrapper {
		margin-bottom: 35px !important;
	}
	.syamp-open-ran-nav.has-selection .syamp-open-ran-nav-mobile-title {
		font-size: 12px !important;
	}
	.syamp-open-ran-nav.has-selection .syamp-open-ran-nav-mobile-subtitle {
		font-size: 10px !important;
	}
	.syamp-open-ran-nav a {
		padding: 8px 10px;
	}
	[id^="section-"] p {
		margin-bottom: 15px !important;
	}
	[id^="section-"] h2 {
		margin-bottom: 20px !important;
		font-size: 27px !important;
	}
	[id^="section-"] .hero-btn {
		width: 100%;
	}

	#syamp-o-ran-news-section {
		margin: 35px 0 45px;
	}
	#syamp-o-ran-news-section .syamp-oran-news-card {
		width: 100%;
	}
	#syamp-o-ran-news-section .syamp-oran-news-card-body {
		padding: 20px 20px 25px;
	}
}