/* Tech guarantee polish overrides: sitemap and feature browse lists */

/* Sitemaps are currently only element using "section-grid-5col-near" */
table.section_section-grid-5col-near li 
{
	font-size: .73em
}
table.section_section-grid-5col-near li a 
{
	color: #666666; 
}
table.section_section-grid-5col-near li a:visited 
{
	color: #808080;
}

/* Targeted to get the side-list items in feature pages */
.containerOneFourthNear .topic_body_full a.link_expandAll,
.containerOneFourthNear .topic_body_full a.link_collapseAll,
.containerOneFourthNear .topic_body_full a.link_collapseAll:visited,
.containerOneFourthNear .topic_body_full a.link_expandAll:visited
{
	display: none;
}

.containerOneFourthNear .topic_body_full div.section div.section p.para,
.containerOneFourthNear .topic_body_full .lastElement p.para
{
	margin-bottom: 10px;
}

.containerOneFourthNear .topic_body_full div.section div.section p.para span.ui,
.containerOneFourthNear .topic_body_full .lastElement p.para span.ui
{
	margin-top: 15px;
	display: block;
}

/* Override for footer content to make sure it stays inside the fixed
   width area between the Windows and Microsoft logos; provided by ErPierce */
#FooterCopyright
{
	vertical-align: top;
}
#FooterLinks
{
	display: inline-block; 
	width: 450px;
}

.widget-frame {
    width: 250px;
    
    /* CẤU HÌNH TỰ ĐỘNG KÉO DÀI */
    height: auto;        /* Khung tự co giãn theo nội dung bên trong */
    min-height: 250px;   /* Giữ chiều dài tối thiểu là 250px nếu ít nội dung */
    
    /* Thêm khoảng đệm trên dưới để nội dung không bị dính sát vào viền khi khung kéo dài */
    padding: 20px 0; 
    box-sizing: border-box; /* Đảm bảo padding không làm lệch chiều rộng 250px */

    /* Các thuộc tính cũ của bạn giữ nguyên */
    border: none;
    background-color: #00000020;
    backdrop-filter: blur(3px);
    border-radius: 8px;
}

/* Wii Pointer #1 - https://www.cursors-4u.com/cursor/wii-pointer-1 */
* {
  cursor: url('https://cdn.cursors-4u.net/previews/wii-pointer-1-c279a940-32.webp') 43 33, auto !important;
}
/* End www.Cursors-4U.com Code */

.win7-brand a {
  display: inline-flex;  
  align-items: flex-end; /* Giữ ảnh và chữ bằng đáy */
  gap: 9.5px;             /* Đã giảm 1px (từ 12px xuống 11px) để đưa logo lại gần chữ hơn */
  text-decoration: none; 
  line-height: 5;         
}

/* Định dạng chữ "I Love" */
.ilove-text {
  font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, Arial, sans-serif;
  font-size: 24px;          
  font-weight: 495;          
  color: #141414;           
  line-height: 1.55;           
  white-space: nowrap;      
}

.container {
    display: flex;
    flex-direction: column; /* Sắp xếp các phần tử theo hàng dọc */
    align-items: center;    /* Căn giữa tất cả phần tử theo chiều ngang */
    text-align: center;     /* Căn giữa phần chữ bên trong đoạn văn */
}

.center-img {
    margin-top: 1rem;       /* Tạo khoảng cách 1 dòng phía trên ảnh */
    margin-bottom: 1rem;    /* Tạo khoảng cách 1 dòng phía dưới ảnh */
    max-width: 100%;        /* Đảm bảo ảnh không bị tràn màn hình */
}

.anh-can-giua {
    display: block;       /* Bắt buộc: Biến ảnh thành khối để xuống dòng */
    margin-left: auto;    /* Căn giữa bên trái */
    margin-right: auto;   /* Căn giữa bên phải */
    
    margin-top: 1em;      /* Cách chữ phía trên đúng 1 dòng */
    margin-bottom: 1em;   /* Cách chữ phía dưới đúng 1 dòng */
    
    max-width: 100%;      /* Giúp ảnh tự co giãn, không bị vỡ giao diện */
}

/* 1. Cấu hình cho nền móng trang web */
html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    
    /* TUYỆT ĐỐI KHÔNG DÙNG height: 100vh hay height: 1000px */
    height: auto;        /* Tự động kéo dài theo nội dung */
    min-height: 100vh;   /* Đảm bảo trang web luôn dài ít nhất bằng 1 màn hình */
}

/* 2. Cấu hình cho thẻ bọc nội dung chính (Nếu có) */
.fullscreen-container, .landing-page {
    width: 100%;
    height: auto;        /* Luôn để tự động */
    min-height: 100vh;   /* Phủ kín màn hình lúc đầu */
    
    /* Thêm khoảng đệm phía dưới để nội dung không bị dính sát đáy khi cuộn */
    padding-bottom: 60px; 
    box-sizing: border-box;
}

.widget-frame {
    width: 250px; /* Chiều rộng giữ nguyên */

    /* SỬA LẠI ĐỂ TỰ ĐỘNG VỪA KHÍT */
    height: auto;     /* Ép khung vừa khít chuẩn theo nội dung bên trong */
    /* Hoặc dùng: height: auto; */
    
    /* Khoảng cách an toàn để chữ/ảnh bên trong không bị găm sát vào viền tab */
    padding: 20px;           
    box-sizing: border-box;  /* Giữ nguyên kích thước width không bị phình ra */

    /* Các thuộc tính giao diện của bạn */
    border: none;
    background-color: #00000020;
    backdrop-filter: blur(3px);
    border-radius: 8px;
}



.footer { /* Thay bằng class chân trang của bạn */
    position: relative; /* Sửa từ fixed hoặc absolute thành relative */
    margin-top: 50px;   /* Khoảng cách giữa ứng dụng Paint và chân trang */
    clear: both;
}

/* Khung chứa toàn bộ phần thân trang web */
.web-container {
  display: flex;
  justify-content: space-between; /* Đẩy phần left sang trái, right sang phải */
  align-items: flex-start;        /* Căn các cột đều bắt đầu từ phía trên đỉnh */
  max-width: 1200px;              /* Giới hạn chiều rộng trang web nếu cần */
  margin: 0 auto;                 /* Căn giữa toàn bộ trang web */
  padding: 20px;
}

.badges-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(88px, 1fr));
    gap: 6px;
    justify-items: center;
    align-items: center;
    max-width: 600px;
    margin: 0 auto;
    padding: 10px;
}

.badge {
    width: auto;
    max-width: 88px;
    height: auto;
    image-rendering: pixelated;
}

.addons-header {
    padding-bottom: 10px;
}

.card-header,
.addons-header {
    color: #22436C;
    font-size: 146%;
    font-weight: 400;
    padding-bottom: 25px;
}

.font {
    color: white;
    font-size: 35px;

}