/* 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;

}