/*
Theme Name: KUBET Blue Orange
Theme URI: https://example.com/
Author: OpenAI
Description: Theme WordPress thiết kế mới theo nhận diện xanh dương và vàng cam của KUBET.
Version: 1.3.2
Requires at least: 5.8
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: kubet
*/

/* =========================================================
   v1.3.2 — MOBILE CONTENT OVERFLOW FIX
   Loaded after assets/css/main.css.
   Keeps native browser pinch-to-zoom enabled.
   ========================================================= */

html,
body {
	max-width: 100%;
	overflow-x: clip;
}

.single-page .container,
.single-layout,
.single-column,
.single-article,
.single-content-body,
.entry-content {
	min-width: 0;
	max-width: 100%;
}

.single-content-body figure,
.single-content-body .wp-caption,
.single-content-body .wp-block-image,
.single-content-body .aligncenter,
.single-content-body .alignleft,
.single-content-body .alignright,
.single-content-body .alignwide,
.single-content-body .alignfull {
	display: block;
	width: 100% !important;
	max-width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.single-content-body img,
.single-content-body figure img,
.single-content-body .wp-caption img,
.single-content-body .wp-block-image img,
.single-featured img {
	display: block;
	width: auto !important;
	max-width: 100% !important;
	height: auto !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

.single-content-body figcaption,
.single-content-body .wp-caption-text {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}

.single-content-body iframe,
.single-content-body video,
.single-content-body embed,
.single-content-body object,
.single-content-body svg,
.single-content-body canvas {
	max-width: 100% !important;
}

.single-content-body iframe,
.single-content-body video {
	width: 100%;
}

.single-content-body table {
	width: max-content;
	min-width: 100%;
	max-width: none;
}

.single-content-body .wp-block-table {
	display: block;
	width: 100%;
	max-width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

@media (max-width: 700px) {
	.single-page .container {
		width: min(100% - 24px, 1180px);
	}

	.single-article {
		width: 100%;
		padding: 18px;
		overflow: hidden;
	}

	.single-content-body {
		width: 100%;
		overflow-wrap: anywhere;
		word-break: normal;
	}

	.single-content-body pre,
	.single-content-body code {
		max-width: 100%;
		overflow-x: auto;
		white-space: pre;
	}
}