/**
 * Farajatna — responsive: mobile-first breakpoints.
 *
 *  40em (640px)   large phones / small tablets
 *  48em (768px)   tablets
 *  64em (1024px)  laptops: desktop navigation, sidebars
 *  80em (1280px)  large desktops
 */

/* --------------------------------------------------------------------------
 * Small screens only
 * ----------------------------------------------------------------------- */

@media (max-width: 39.99em) {
	.top-bar .social-links {
		display: none;
	}

	.card--list .card__excerpt {
		display: none;
	}

	.author-box,
	.author-profile {
		flex-direction: column;
	}

	.site-header--centered .site-header__inner {
		grid-template-columns: auto 1fr auto;
	}

	.site-header--centered .site-branding {
		text-align: start;
		grid-column: 1 / 3;
	}
}

/* --------------------------------------------------------------------------
 * ≥ 40em
 * ----------------------------------------------------------------------- */

@media (min-width: 40em) {
	.footer-widgets__grid {
		grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr));
	}

	.category-blocks {
		grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr));
	}

	.post-nav .nav-links {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.post-nav .nav-next:only-child {
		grid-column: 2;
	}

	.site-description {
		display: block;
	}
}

/* --------------------------------------------------------------------------
 * ≥ 48em
 * ----------------------------------------------------------------------- */

@media (min-width: 48em) {
	.secondary-navigation {
		display: block;
	}

	.custom-logo {
		max-block-size: 3.5rem;
	}

	.posts--list .card--list .card__media {
		aspect-ratio: 16 / 9;
		flex-basis: 34%;
	}

	.posts--list .card--list .card__title {
		font-size: var(--fj-h4);
	}

	.home-newsletter__inner {
		align-items: center;
		grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr);
	}

	.site-footer__inner {
		align-items: start;
		grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
	}

	.site-info {
		grid-column: 1 / -1;
	}
}

/* --------------------------------------------------------------------------
 * ≥ 64em: desktop navigation and sidebars
 * ----------------------------------------------------------------------- */

@media (min-width: 64em) {
	/* Desktop navigation replaces the drawer. */
	.js .nav-bar {
		display: block;
	}

	.js .site-header--compact .main-navigation {
		display: block;
	}

	.menu-toggle {
		display: none !important;
	}

	/* The search toggle moves into the navigation bar (except compact). */
	.site-header--classic .site-header__actions .search-toggle,
	.site-header--centered .site-header__actions .search-toggle {
		display: none;
	}

	/* Sticky: on desktop the navigation bar sticks, not the masthead. */
	.has-sticky-header .site-header:not(.site-header--compact) {
		position: static;
	}

	.has-sticky-header .nav-bar {
		inset-block-start: var(--fj-sticky-top);
		position: sticky;
	}

	.site-header__inner {
		min-block-size: 5.5rem;
		padding-block: 1rem;
	}

	.site-header--compact .site-header__inner {
		min-block-size: 4.5rem;
		padding-block: 0.25rem;
	}

	.site-header--compact .site-branding {
		flex: 0 0 auto;
	}

	.site-header--compact .main-navigation {
		flex: 1 1 auto;
	}

	.site-header--compact .main-navigation .menu {
		justify-content: center;
	}

	.site-header--centered .site-header__inner {
		padding-block: 1.5rem;
	}

	.site-header--centered .site-title {
		font-size: clamp(2.5rem, 2rem + 2vw, 3.75rem);
	}

	.site-header--centered + .nav-bar .main-navigation .menu {
		justify-content: center;
	}

	.custom-logo {
		max-block-size: 4.5rem;
	}

	.site-header__ad {
		display: block;
		flex: 0 1 46rem;
		margin-inline-start: auto;
	}

	.site-header__ad .widget {
		margin: 0;
	}

	.site-header--classic .site-header__ad + .site-header__actions {
		margin-inline-start: 0;
	}

	/* Content + sidebar grid (logical: "end" is on the left in RTL). */
	.layout--sidebar-end {
		grid-template-columns: minmax(0, 1fr) var(--fj-sidebar);
	}

	.layout--sidebar-start {
		grid-template-columns: var(--fj-sidebar) minmax(0, 1fr);
	}

	.layout--sidebar-start > .sidebar {
		grid-column: 1;
		grid-row: 1;
	}

	.layout--sidebar-start > :not(.sidebar) {
		grid-column: 2;
	}

	.sidebar {
		border-inline-start: 1px solid var(--fj-border);
		padding-inline-start: var(--fj-gap);
	}

	.layout--sidebar-start > .sidebar {
		border-inline-end: 1px solid var(--fj-border);
		border-inline-start: 0;
		padding-inline-end: var(--fj-gap);
		padding-inline-start: 0;
	}

	.posts--grid {
		grid-template-columns: repeat(var(--posts-columns, 3), minmax(0, 1fr));
	}

	.hero--with-side {
		grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
	}

	.hero__side .card--list .card__media {
		flex-basis: 40%;
	}

	.category-blocks {
		grid-template-columns: repeat(var(--blocks, 3), minmax(0, 1fr));
	}

	.trending-list {
		grid-template-columns: repeat(var(--posts-columns, 4), minmax(0, 1fr));
	}

	.footer-widgets__grid {
		grid-template-columns: repeat(var(--footer-columns, 4), minmax(0, 1fr));
	}

	.site-footer__inner {
		grid-template-columns: minmax(0, 1fr) auto;
	}

	.footer-navigation {
		justify-self: end;
	}
}

/* --------------------------------------------------------------------------
 * ≥ 80em
 * ----------------------------------------------------------------------- */

@media (min-width: 80em) {
	.main-navigation a {
		padding-inline: 1rem;
	}

	.card--overlay.card--large .card__body {
		max-inline-size: 48rem;
	}
}

/* --------------------------------------------------------------------------
 * Print
 * ----------------------------------------------------------------------- */

@media print {
	.top-bar,
	.nav-bar,
	.breaking-news,
	.site-header__actions,
	.sidebar,
	.share,
	.post-nav,
	.related-posts,
	.comment-respond,
	.back-to-top,
	.site-footer,
	.drawer,
	.search-dialog {
		display: none !important;
	}

	body {
		background: #fff;
		color: #000;
	}

	.layout {
		display: block;
	}

	.entry-content a::after {
		content: " (" attr(href) ")";
		font-size: 0.8em;
	}
}