/**
 * Responsive styles for XRepNetwork Themes
 *
 * @package XRepNetwork
 */

/* Tablet */
@media (max-width: 1024px) {
	.xrepnetwork-container {
		padding: 0 15px;
	}
	
	.content-wrapper {
		gap: 30px;
	}
	
	.secondary-sidebar {
		width: 300px;
	}
	
	.featured-title {
		font-size: 28px;
	}
	
	.post-title {
		font-size: 22px;
	}
}

/* Mobile */
@media (max-width: 768px) {
	/* Mobile Header (SKOR Style) */
	.mobile-header {
		display: block;
	}
	
	.header-top {
		display: none;
	}
	
	.header-menu {
		position: relative;
	}
	
	.below-menu-widget-area {
		padding: 15px 0;
	}
	
	.below-menu-widget-area .xrepnetwork-container {
		padding: 0 15px;
	}
	
	.above-footer-widget-area {
		padding: 20px 0;
		margin-top: 40px;
	}
	
	.above-footer-widget-area .xrepnetwork-container {
		padding: 0 15px;
	}
	
	.above-footer-widget-area .widget img {
		width: 100%;
	}
	
	.main-navigation {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		background: #000;
		z-index: 999;
		display: none;
	}
	
	.main-navigation.mobile-menu-open {
		display: block;
		top: 100%;
		border-bottom: 1px solid rgba(255,255,255,0.1);
	}
	
	.main-navigation.mobile-menu-open ul {
		display: flex;
		flex-direction: column;
		padding: 0;
		margin: 0;
	}
	
	.main-navigation.mobile-menu-open li {
		width: 100%;
		border-bottom: 1px solid rgba(255,255,255,0.1);
	}
	
	.main-navigation.mobile-menu-open a {
		padding: 15px 20px;
		color: #fff;
		display: block;
	}
	
	.main-navigation.mobile-menu-open a:hover {
		background: rgba(255,255,255,0.1);
	}
	
	body.mobile-menu-active {
		overflow: hidden;
	}
	
	/* Magazine Grid Widget Mobile */
	.magazine-grid-container {
		grid-template-columns: 1fr;
		grid-template-rows: auto;
		height: auto;
		gap: 20px;
	}
	
	.magazine-featured-card {
		grid-column: 1;
		grid-row: auto;
		height: 400px;
	}
	
	.magazine-sub-grid {
		grid-column: 1;
		grid-row: auto;
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: auto;
		gap: 15px;
	}
	
	.magazine-sub-card {
		height: 250px;
	}
	
	.magazine-featured-card .magazine-card-title {
		font-size: 20px;
	}
	
	.magazine-sub-card .magazine-card-title {
		font-size: 18px;
	}
	
	.magazine-card-content {
		padding: 25px 20px 20px;
	}
	
	.magazine-sub-card .magazine-card-content {
		padding: 20px 18px 18px;
	}
	
	.header-top {
		padding: 15px 0;
	}
	
	.site-title {
		font-size: 24px;
	}
	
	.header-top-inner {
		flex-direction: column;
		gap: 20px;
	}
	
	.header-actions {
		width: auto;
		gap: 10px;
	}
	
	.header-search {
		width: auto;
		justify-content: center;
	}
	
	.search-form {
		width: calc(100% - 40px);
		right: 20px;
		left: auto;
	}
	
	.dark-mode-toggle {
		width: 40px;
		height: 40px;
	}
	
	.header-social {
		justify-content: center;
		width: 100%;
	}
	
	.content-wrapper {
		grid-template-columns: 1fr;
		gap: 30px;
	}
	
	.secondary-sidebar {
		width: 100%;
	}
	
	.featured-title {
		font-size: 24px;
	}
	
	.post-title {
		font-size: 20px;
	}
	
	.footer-widgets-inner {
		grid-template-columns: 1fr;
		gap: 30px;
	}
	
	.footer-bottom-inner {
		flex-direction: column;
		text-align: center;
	}
	
	.category-carousel-slider {
		grid-template-columns: 1fr;
	}
	
	.featured-static-grid {
		grid-template-columns: 1fr;
		gap: 20px;
	}
	
	.featured-main-static {
		grid-column: 1;
		width: 100%;
	}
	
	.featured-main-static-image {
		height: 300px;
	}
	
	.featured-main-static-title {
		font-size: 22px;
	}
	
	.featured-side-posts {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 15px;
	}
	
	.side-item-thumb {
		height: 180px;
	}
	
	.side-item-title {
		font-size: 15px;
	}
	
	.category-static-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}
	
	.featured-thumbnails {
		grid-template-columns: repeat(2, 1fr);
	}
	
	.homepage-hero {
		padding: 20px 0;
	}
	
	.featured-main-image {
		height: 350px;
	}
	
	.featured-main-title {
		font-size: 24px;
	}
	
	.featured-main-content {
		padding: 30px 20px 20px;
	}
	
	.featured-thumbnails-slider {
		margin: 0 -10px;
	}
	
	.featured-thumb-item {
		flex: 0 0 calc(50% - 20px);
		margin: 0 10px;
	}
	
	.thumb-image {
		height: 120px;
	}
	
	.latest-post-item {
		flex-direction: row;
		gap: 15px;
		margin-bottom: 0;
	}
	
	.latest-post-thumb {
		width: 125px;
		height: auto;
		flex-shrink: 0;
	}
	
	.latest-post-title {
		font-size: 14px;
	}
	
	.latest-post-meta {
		font-size: 11px;
	}
	
	.category-static-grid {
		grid-template-columns: 1fr;
	}
	
	.featured-main-static-title {
		font-size: 22px;
	}
	
	.breaking-news-ticker {
		flex-wrap: wrap;
		padding: 15px 0;
	}
	
	.ticker-label {
		width: 100%;
		padding: 0 15px;
	}
	
	.ticker-content {
		width: 100%;
		padding: 0 15px;
	}
	
	.ticker-controls {
		width: 100%;
		padding: 0 15px;
		text-align: center;
	}
}

/* Small Mobile */
@media (max-width: 480px) {
	/* Magazine Grid Widget Small Mobile */
	.magazine-featured-card {
		height: 300px;
	}
	
	.magazine-sub-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 12px;
	}
	
	.magazine-sub-card {
		height: 200px;
	}
	
	.magazine-featured-card .magazine-card-title {
		font-size: 18px;
	}
	
	.magazine-sub-card .magazine-card-title {
		font-size: 16px;
	}
	
	.magazine-card-meta {
		font-size: 12px;
	}
	
	.magazine-sub-card .magazine-card-meta {
		font-size: 11px;
	}
	
	.magazine-category-tag {
		font-size: 10px;
		padding: 5px 12px;
	}
	
	.site-title {
		font-size: 20px;
	}
	
	.featured-main-title {
		font-size: 18px;
	}
	
	.featured-thumb-item {
		flex: 0 0 calc(100% - 20px);
	}
	
	.carousel-nav-arrow {
		display: none;
	}
	
	.category-carousel-slider .slick-prev,
	.category-carousel-slider .slick-next {
		display: none !important;
	}
	
	.featured-main-image {
		height: 300px;
	}
	
	.featured-main-title {
		font-size: 20px;
	}
	
	.featured-main-content {
		padding: 25px 15px 15px;
	}
	
	.thumb-image {
		height: 100px;
	}
	
	.featured-main-static-title {
		font-size: 20px;
	}
	
	.featured-main-static-image {
		height: 280px;
	}
	
	.side-item-thumb {
		height: 160px;
	}
	
	.side-item-title {
		font-size: 15px;
	}
	
	.category-static-grid {
		grid-template-columns: 1fr;
	}
	
	.featured-main-static-title {
		font-size: 18px;
	}
	
	.featured-main-static-image {
		height: 250px;
	}
	
	.featured-side-posts {
		grid-template-columns: repeat(2, 1fr);
		gap: 12px;
	}
	
	.side-item-thumb {
		height: 140px;
	}
	
	.side-item-title {
		font-size: 13px;
	}
	
	.latest-post-thumb {
		width: 125px;
		height: auto;
	}
	
	.latest-post-title {
		font-size: 13px;
	}
	
	.post-title {
		font-size: 18px;
	}
	
	.widget-title {
		font-size: 18px;
	}
	
	.scroll-to-top {
		width: 40px;
		height: 40px;
		bottom: 20px;
		right: 20px;
	}
	
	.carousel-nav-arrow {
		display: none;
	}
	
	.featured-main-static-title {
		font-size: 20px;
	}
	
	.featured-main-static-image {
		height: 280px;
	}
	
	.side-item-thumb {
		height: 160px;
	}
	
	.side-item-title {
		font-size: 15px;
	}
	
	.single-post-featured-image {
		height: 300px;
	}
	
	.entry-title {
		font-size: 24px;
	}
	
	.entry-meta {
		flex-direction: column;
		align-items: flex-start;
	}
	
	.entry-meta-info {
		flex-direction: column;
		align-items: flex-start;
		gap: 5px;
	}
	
	.entry-meta-info .meta-separator {
		display: none;
	}
	
	.entry-share {
		margin-left: 0;
		width: 100%;
	}
	
	.related-posts-grid,
	.latest-posts-single-grid {
		grid-template-columns: 1fr;
	}
	
	.comment-body {
		flex-direction: column;
	}
}