/*
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
   1. Không bo góc (border-radius: 0 !important)
   2. Không bóng đổ (box-shadow: none !important, text-shadow: none !important)
   3. Font-size root 16px, thẻ body 100% (1rem = 16px)
   4. Low padding, low margin - High density compact sports layout
   ========================================================================== */

:root, html {
    --sevenm-primary: #7a0019;
    --sevenm-primary-dark: #5c0013;
    --sevenm-primary-hover: #9e1030;
    --sevenm-primary-light: #fbf0f2;
    --sevenm-primary-border: #ebd3d7;
    --sevenm-secondary: #ffd800;
    --sevenm-secondary-hover: #e6c300;
    --sevenm-submenu-bg: #1a1a1a;
    --color-plum: var(--sevenm-primary);
    --color-plum-dark: var(--sevenm-primary-dark);
    --color-plum-hover: var(--sevenm-primary-hover);
    --color-plum-light: var(--sevenm-primary-light);
    --color-gold: var(--sevenm-secondary);
    --color-black: #141414;
    --color-black-surface: var(--sevenm-submenu-bg);
    --color-text: #111111;
    --color-link: var(--sevenm-primary);
    --color-link-hover: var(--sevenm-primary-hover);
font-family: sans-serif;
font-size: clamp(14px, 1vw, 16px) !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-size: 100% !important; /* 1rem = 16px */
    line-height: 1.35;
    color: #111111;
    background-color: #ebebeb !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center;
}

/* Clearfix & Resets */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

a {
    color: #7a0019;
    text-decoration: none;
}

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

h1, h2, h3, h4, h5, h6 {
    color: #111111;
}

img {
    border: 0;
    vertical-align: middle;
}

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

/* Typography Scale Utility (Base 16px) */
.text-base { font-size: 1rem !important; } /* 16px */
.text-sm { font-size: 0.9375rem !important; } /* 15px */
.text-lg { font-size: 1.125rem !important; } /* 18px */
.text-xl { font-size: 1.25rem !important; } /* 20px */
.text-2xl { font-size: 1.5rem !important; } /* 24px */
.score-highlight { font-size: 1.125rem; font-weight: bold; }

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