/*
Theme Name: 7M LiveScore VN
Theme URI: https://7mcomvn.local/
Description: Theme tỷ số bóng đá trực tuyến 7M giống 99.9% https://live.7mvn9.com/ với dữ liệu realtime, bảng tỷ số 2in1, hỗ trợ SEO toàn diện và tối ưu Zero Frontend Lag.
Author: DeepMind Antigravity
Author URI: https://7mcomvn.local/
Version: 1.1.1
Text Domain: theme-7m
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* ==========================================================================
   GLOBAL DESIGN RULES - STRICT COMPLIANCE (LEARNED USER RULES)
   1. Không bo góc (border-radius: 0 !important) - Flat 0px góc phẳng vuông vức
   2. Không bóng đổ (box-shadow: none !important, text-shadow: none !important)
   3. Phong cách Flat Basic: Thiết kế phẳng cơ bản, tương phản mảng màu nền
   4. Low padding, low margin - High density compact sports layout
   5. Responsive Fit 100% - Co giãn 100% chiều ngang linh hoạt trên mọi màn hình
   6. Font-family Tahoma - Font-size root scale auto, body 100%, không font nhỏ < 15px
   ========================================================================== */

:root, html {
    font-size: clamp(16px, 1.2vw + 12px, 18px) !important;
    -webkit-text-size-adjust: 100%;
    box-sizing: border-box;
}

*, *::before, *::after {
    box-sizing: inherit;
    border-radius: 0 !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

/* Exception only for lottery/sports balls */
.ball-round, .sport-ball {
    border-radius: 50% !important;
}

body {
 font-family: sans-serif;
    font-size: 100% !important; /* 1rem = 16px - 18px */
    line-height: 1.35;
    color: #222222;
    background-color: #ebebeb !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center;
    width: 100% !important;
    max-width: 100% !important;
}

/* Responsive Fit 100% Core Containers */
#content, .main-wrap, div#content, .layout-wrap, .table-wrap, .container, .liveHeader, .liveNav, .liveSubNav, .lfun, .team-hero-card, .team-breadcrumb, .single-meta, .single-match-quickbar {
    width: 100% !important;
    max-width: 1250px !important;
    box-sizing: border-box !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* Clearfix & Resets */
table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100% !important;
    border-radius: 0 !important;
}

a {
    color: #0000cc;
    text-decoration: none;
}

a:hover, a:active {
    color: #ff3300;
    text-decoration: underline;
}

img {
    border: 0;
    vertical-align: middle;
    border-radius: 0 !important;
}

input, select, textarea, button {
    font-family: inherit;
    font-size: 15px !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* High density utility (Low padding, low margin) */
.density-compact {
    padding: 2px 4px !important;
    margin: 1px 0 !important;
}