/* News UI — responsive foundation (GĐ2) */

@media (max-width: 1024px) {
	.ddd-news__layout,
	.ddd-article__grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.ddd-aside {
		position: static;
		width: 100%;
	}

	.ddd-card--featured {
		grid-template-columns: minmax(0, 1fr);
	}

	.ddd-news__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.ddd-article__content,
	.ddd-article #toc_container,
	.ddd-news-ui--toc #toc_container {
		max-width: none;
	}
}

@media (max-width: 767px) {
	.ddd-news__container,
	.ddd-article__container {
		width: min(100% - 32px, 1200px);
	}

	.ddd-news__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 12px;
	}

	.ddd-related__grid,
	.ddd-rel-products__list,
	.ddd-article__nextprev {
		grid-template-columns: minmax(0, 1fr);
	}

	.ddd-card--featured {
		grid-template-columns: minmax(0, 1fr);
	}

	.ddd-card--compact {
		grid-template-columns: 84px minmax(0, 1fr);
	}

	.ddd-news__title,
	.ddd-article__title,
	.ddd-news-ui h1.ddd-article__title.entry-title {
		font-size: clamp(1.5rem, 6vw, 1.85rem);
		max-width: none;
		white-space: normal;
		overflow: visible;
	}

	.ddd-article__meta {
		display: flex;
		flex-wrap: wrap;
		row-gap: 4px;
		font-size: 13px;
		line-height: 1.45;
	}

	.ddd-article__content {
		font-size: 1rem;
		line-height: 1.7;
		max-width: none;
	}

	.ddd-article__content .alignleft,
	.ddd-article__content .alignright,
	.ddd-article__content .wp-block-image.alignleft,
	.ddd-article__content .wp-block-image.alignright,
	.ddd-article__content .wp-caption.alignleft,
	.ddd-article__content .wp-caption.alignright {
		float: none !important;
		display: block;
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 0 1.1em !important;
	}

	.ddd-cta {
		max-width: none;
		padding: 16px;
	}

	.ddd-cta__actions {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}

	.ddd-cta__btn {
		width: 100%;
		justify-content: center;
	}

	.ddd-cta__btn--shop {
		grid-column: 1 / -1;
	}

	.ddd-article #toc_container .toc_title {
		display: none;
	}

	.ddd-article #toc_container .ddd-toc-toggle {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 8px;
		margin: 0;
	}

	.ddd-article #toc_container:not(.is-open) > ul,
	.ddd-article #toc_container:not(.is-open) .toc_list {
		display: none;
	}

	.ddd-article #toc_container.is-open > ul,
	.ddd-article #toc_container.is-open .toc_list {
		display: block;
		margin-top: 8px;
	}

	.ddd-table-hint {
		display: block;
	}

	.ddd-table-responsive table,
	.ddd-article__content .table-responsive table,
	.ddd-article__content figure.wp-block-table table,
	.ddd-article__content > table {
		min-width: 560px;
		font-size: 0.875rem;
	}

	.ddd-news-ui--mobile-cta {
		padding-bottom: calc(64px + env(safe-area-inset-bottom, 0px));
	}

	.ddd-news-ui--mobile-cta .ddd-news-mobile-cta {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 10050;
		width: auto;
		max-width: 100vw;
		box-sizing: border-box;
		background: #0f2f4d;
		border-top: 1px solid rgba(255, 255, 255, 0.12);
		min-height: 58px;
		padding-bottom: env(safe-area-inset-bottom, 0);
	}

	.ddd-news-mobile-cta__btn {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 2px;
		min-width: 0;
		color: #fff !important;
		text-decoration: none;
		font-size: 11px;
		font-weight: 700;
		line-height: 1.2;
		padding: 8px 4px;
		text-align: center;
		overflow-wrap: anywhere;
		background: #0f2f4d;
		text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
	}

	.ddd-news-mobile-cta__btn--call {
		background: #0f9d58 !important;
	}

	.ddd-news-mobile-cta__btn--zalo {
		background: #0068ff !important;
	}

	.ddd-news-mobile-cta__btn--maps {
		background: #1a73e8 !important;
		gap: 4px;
	}

	.ddd-news-mobile-cta__icon {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		line-height: 0;
	}

	.ddd-news-mobile-cta__icon svg {
		display: block;
		width: 22px;
		height: 22px;
	}

	.ddd-news-mobile-cta__btn--quote {
		background: #c62828 !important;
	}

	.ddd-news-mobile-cta__btn strong {
		font-size: 10px;
		font-weight: 700;
		max-width: 100%;
		overflow-wrap: anywhere;
	}

	/* Chips: local horizontal scroll only */
	.ddd-news__cats {
		max-width: 100%;
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		overscroll-behavior-x: contain;
		margin-inline: 0;
		padding-bottom: 2px;
	}

	.ddd-news__cats ul {
		flex-wrap: nowrap;
		width: max-content;
		max-width: none;
		padding-bottom: 4px;
	}

	.ddd-card__title {
		overflow-wrap: anywhere;
		white-space: normal;
	}

	.ddd-news__search,
	.ddd-aside__search {
		max-width: 100%;
		width: 100%;
	}

	.ddd-news__search input,
	.ddd-aside__search input,
	.ddd-news__search button,
	.ddd-aside__search button {
		max-width: 100%;
		min-width: 0;
	}
}

@media (max-width: 519px) {
	.ddd-news__grid {
		grid-template-columns: minmax(0, 1fr);
	}
}

@media (max-width: 389px) {
	.ddd-news-mobile-cta__btn {
		font-size: 10px;
		padding: 8px 2px;
	}
}

/* Prefer reduced motion */
@media (prefers-reduced-motion: reduce) {
	.ddd-news-ui *,
	.ddd-news-ui *::before,
	.ddd-news-ui *::after {
		scroll-behavior: auto !important;
		transition: none !important;
		animation: none !important;
	}
}