/*
Theme Name: v1
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

.single-page {
    padding-top: 0!important;
}
@media screen and (max-width: 550px) {
    h1.entry-title {
        font-size: 20px !important;
        line-height: 1.3 !important; 
    }

}
h1.entry-title {
    font-size: 32px;
		line-height: 1.5;
}

#onesignal-bell-container.onesignal-reset .onesignal-bell-launcher.onesignal-bell-launcher-bottom-right {
    bottom: 74px;
    right: 25px;
}
.qc_sing {
    margin-top: 15px;
}
/*breadcrumbs Cho Sing*/
.large-12.col-breadcrumbs {
    background-color: transparent;
    border: none;
    padding: 0;
    margin-bottom: 10px;
    height: auto;
}
.large-12.col-breadcrumbs nav p {
    margin: 0;
    display: inline-block;
    background-color: #1e73be;
    padding: 2px 2px;
    border-radius: 4px;
    line-height: 1.3;
		text-transform: uppercase;
		font-size: 0.8em;
		letter-spacing: 0.05em;
}
.large-12.col-breadcrumbs nav p,
.large-12.col-breadcrumbs nav p a,
.large-12.col-breadcrumbs nav p span {
    color: #ffffff !important;
    text-decoration: none;
}
.large-12.col-breadcrumbs nav p a:hover {
    text-decoration: none;
}

/*Bài liên quan*/
#relatedcat-img img {
	height: 170px;
    object-fit: cover;
    width: 100%;
}	

/*icon ngày*/
.post-meta.is-small.op-8:before {
content: "\f017";
    margin: 0 0 5px;
		font-family: 'FontAwesome';
    margin-right: .2rem;
    font-size: .775rem;
    font-weight: 400;
}
/*time bài đăng*/
time.entry-date.published:before {
    content: "\f073";
    margin: 0 0 5px;
    font-family: "Font Awesome 5 Free";
    margin-right: .2rem;
    font-size: .775rem;
    font-weight: 400;
}
span.meta-author.vcard:before {
    content: "\f007";
    margin: 0 .2rem;
    font-family: "Font Awesome 5 Free";
    margin-right: .2rem;
    font-size: .775rem;
    font-weight: 400;
}
.luot-xem:before {
    content: "\f06e";
    margin: 0 .2rem;
	margin-left:8px;
    font-family: "Font Awesome 5 Free";
    margin-right: .2rem;
    font-size: .775rem;
    font-weight: 400;
}
.page-wrapper {
    padding-top: 20px;
    padding-bottom: 20px;
}
@media (max-width:549px){
#content .large-9.col {
    max-width: 100% !important;
    flex-basis: 100% !important;
}
#content .large-3.col {
    max-width: 100% !important;
    flex-basis: 100% !important;
}
.all-download-name {
    max-width: 100% !important;
}
.all-download-name ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
}

/* Canh chinh cac link download cho deu nhau */
.all-download-name .link-label {
    display: inline-block;
    width: 75px; /* Bạn có thể điều chỉnh độ rộng này cho phù hợp */
    font-weight: bold;
}

#Link_Download.all-download {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    clear: both;
	margin-bottom: 20px;
}
.all-download {
  border: 1px solid #19a7e763;
  border-radius: 10px;
  padding: 1rem;
}

.software-name {
  background-color: #4CAF50;
  color: white;
  padding: 12px 20px;
  border-radius: 8px;
  font-weight: bold;
  font-size: 1.1em;
  margin-bottom: 25px;
  text-align: center;
}
.download-content {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 30px;
}
.download-content .main-link {
  flex: 1;
  min-width: 250px;
}
span.tile-link {
    margin-right: 20px;
}
.all-download-name ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.all-download-name ul li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
  border-bottom: 1px solid #f0f0f0;
  gap: 15px;
  margin-left: 10px;
  margin-right: 10px;
}
.all-download-name ul li:last-child {
  border-bottom: none;
}
.all-download-name .version-name {
  font-weight: 600;
  flex-grow: 1;
}
.all-download-name .version-buttons {
  display: flex;
  gap: 10px;
  flex-shrink: 0;
}
.all-download-name .version-button {
  background: #1e73be;
  color: white !important;
  padding: 0.7rem 1.5rem;
  border-radius: 7px;
  text-decoration: none;
  white-space: nowrap;
  transition: all 0.2s ease-in-out;
  font-weight: bold;
}
.all-download-name .version-button:hover {
  background: #1e73be;
  color: white;
	text-decoration: none !important;
	transform: scale(1.02);
}
.pass {
    color: red;
    font-weight: bold;
    cursor: pointer;
    background: #f1f1f1;
    border: 1px solid #e1e1e1;
    border-radius: 4px;
    margin: 0 .2rem;
    padding: .2rem .5rem;
}

@media (max-width: 768px) {
  article .download-content {
    flex-direction: column !important;
  }
}

.nut-download-wrapper {
    display: flex;
    justify-content: center;
    margin-top: 30px;
    margin-bottom: 30px;
}

a.wp-block-button__link.has-text-align-center.wp-element-button {
    background-color: #4CAF50;
    color: white;
    padding: 12px 20px;
    border-radius: 8px;
    font-weight: bold;
    font-size: 1.1em;
    margin-bottom: 25px;
    text-align: center;
}
a.wp-block-button__link.has-text-align-center.wp-element-button:hover {
    background-color: #4CAF50;
    color: white;
		text-decoration: none;
    transform: scale(1.02);
}
/*Mô tả - sing*/
.large-12.col-thongtin {
    display: flex;
}
.binhluan,.nguoidang,.ngaydang, .chuyenmuc {
    margin-right: 10px;
}
.binhluan:before,.nguoidang:before,.ngaydang:before, .chuyenmuc:before {
	    font-family: 'FontAwesome';
    padding-right: 2px;
}
.nguoidang:before {
    content: "\f4ff";
}
.ngaydang:before {
    content: "\f017";
}
.chuyenmuc:before {
    content: "\f07c";
}
.binhluan:before {
    content: "\f086";
	margin-left:10px;
}
/*Tìm kiếm đầu trang*/
p.timkiem {
    font-weight: 700;
		width: 200px;
}
.khoahot a {
    background-color: #50924c80;
    padding: 5px;
    border-radius: 10px;
    margin-right: 5px;
    color: #610505;
}
.khoahot a:hover {
	color: red;	
}

/*chinh cot*/
.row-large>.col {
    padding: 0 15px 15px;
}
.large-9 {
    max-width: 70% ;
    -ms-flex-preferred-size: 70%;
    flex-basis: 70%;
}
.large-3 {
    max-width: 30%;
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%;
}
/*an gach chan*/
.is-divider {
		display: none !important;}

/*line tựa đề h3*/
.section-title-normal span {
    border-bottom: 2px solid rgb(34 113 177);
}
span.widget-title {
    text-transform: uppercase;
    border-bottom: 2px solid #2271b1;
    padding-bottom: 5px;
    margin-bottom: 10px;
    /* gạch chân*/
}
.widget ul {
    /* margin: 0; */
    margin-top: 10px;
}
.page-title {
    color: white;
    padding: 10px;
}
.overlay-icon {
 /* màu cho Icon video */
border: 2px solid #1e73be;
}
.entry-author {
/* mô tả bản thân */
    border: 1px solid #2271b14d;
    padding: 10px;
    border-radius: 10px;
}
/*Tag bài viết*/
footer.entry-meta {
    font-size: inherit;
    border-top: 0px;
    border-bottom: 0px;
    padding: .5em 0 .6em;
}
footer.entry-meta a {
    color: #2271b1;
    font-weight: 600;
}
h5.author-name {
    text-shadow: 1px 1px 2px #b1ad22;
}

div#relatedcat-img img {
    height: 170px;
    object-fit: cover;
    padding-top: 7px;
    padding-bottom: 10px;
}
div#relatedcat-img a{
    color: #2271b1;
    font-weight: 700;}
h3.highlight-event__title {
    text-transform: uppercase;
    border-bottom: 2px solid #2271b1;
    width: 99%;
}
.absolute-footer.dark {
    color: #ffffff;
    border-top: 1px solid #ffffff;
    padding-top: 20px;
}

ul.menu-main {
    /* display: grid; */
    justify-content: flex-start;
    width: 100%;
    position: relative;
    /* display: inline-block; */
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center;
    list-style: none;
    /* background-color: #00ffff38; */
}

/*css cho commem*/
div#comments {
    padding: 10px;
    border-radius: 15px;
}
#comments .comment-respond {
    border-top-left-radius: 20px;
		 border-bottom-right-radius: 20px;
}


/*//////////////////////////////////////////////////////*/
/*side bar*/
h2.widgettitle {
    text-transform: uppercase;
    border-bottom: 2px solid #2271b1;
    padding-bottom: 5px;
    margin-bottom: 10px;
    font-size: 20px;
    margin-top: 15px;
}

.archive-page-header .row .large-12.text-center.col {
    /* đầu trang chuyên mục */
    background-image: linear-gradient(to right, #9483df, #4385e6);
    border-radius: 10px;
    border: 3px solid #6fccff;
    margin: 0px 0px 55px 0px;
    padding: 45px 0px 25px 0px;
    color: white;
}
/* hình trng bài đăng */
.wp-block-image .aligncenter {
    margin-left: auto;
    margin-right: auto;
		font-size: 12px;
		font-style: italic;
}
/* giới hạn đồ dài tiêu đề */	
h5.post-title,
h5.post-title.is-large {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.widget_recent_entries a:before {
    position: absolute;
    left: 0%;
    width: 2.6rem;
    height: 2.6rem;
    font-weight: bold;
}
.widget_categories>ul>li a:before{
    content: "\F044";
    font-family: fontawesome;
    margin-right: 5px;

		}

/*Đánh số bài đăng trang đơn*/
.post-sidebar .widget_recent_entries ul li {
margin-left:15px;
}
.post-sidebar .widget_recent_entries ul li:before {
content:'+';
    position: absolute ;
margin-left:-17px;
	margin-top:-2px;
	font-weight:700;
	font-size:22px
}
.widget .badge {
/* bỏ ngày tháng */
    display: none;
}
/*Tắt commem*/
span.post_comments.op-7.block.is-xsmall {
    display: none;
}
ul.recent_posts_widget {
    list-style-type: none;
    padding-left: 0;
    counter-reset: posts-counter;
}
.recent_posts_widget-li {
    position: relative;  
    padding: 20px 0px 20px 50px!important;
    min-height: 45px; 
    display: flex;
    align-items: center;
}

.recent_posts_widget-li a:before {    
    counter-increment: posts-counter; 
    content: counter(posts-counter); 
    position: absolute;
    left: 0;
    top: 50%; 
    transform: translateY(-50%);
    background-color: #fff;
    border: 2px solid #44608499;
    border-radius: 8px;
    color: #446084;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
}
.recent_posts_widget-li a {
    margin-left: 0; 
}

/*Menu*/
.phanmemfree {
    color: white;
    background-color: #ff4d00;
    padding: 10px 10px;
}

.entry-content.single-page a {
    color: #1a6db4; 
}
.entry-content.single-page a:hover {    
    text-decoration: underline; 
}
ul#menu-menu-foot li a {
	color: #ffffff !important;	
}

/* Hợp nhất các style cho blockquote */
blockquote {
    position: relative;
    font-size: 1em;
    margin: 1em;
    border-left: 2px solid #446084;
    font-style: italic;
    color: #666;
    background-color: #1e73be17;
    border-radius: 10px;
    padding: 15px 10px 10px 20px;
}
.wp-block-image {
    margin-bottom: 15px;
}

.redirect-page {
        margin: 50px auto;
        text-align: center;
        padding: 0 20px;
    }
    .redirect-page h2 {
        font-size: 2.5em;
        margin-bottom: 10px;
    }
    .redirect-page p {
        font-size: 1.2em;
        color: #666;
        margin-bottom: 5px;
    }
    .download-button-container {
        padding: 20px 0;
    }
    .download-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        padding: 20px 40px;
        font-size: 1.5em;
        font-weight: bold;
        color: white;
        border: none;
        border-radius: 12px;
        text-decoration: none;
        transition: background-color 0.3s ease, transform 0.2s ease;
        min-width: 350px;
        max-width: 90%;
    }
    /* Trạng thái nút bị vô hiệu hóa */
    .download-btn.disabled {
        background-color: #cccccc;
        color: #666666;
        cursor: not-allowed;
    }
    /* Trạng thái nút sẵn sàng */
    .download-btn.ready {
        background-color: #4CAF50; /* Màu xanh lá */
        color: #ffffff;
        cursor: pointer;
    }
    .download-btn.ready:hover {
        background-color: #45a049; /* Màu xanh đậm hơn khi hover */
        color: #ffffff;
        transform: scale(1.02);
    }
    /* Icon (sử dụng CSS để vẽ) */
    .download-btn [class^="icon-"]::before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Free";
    font-weight: 900; 
    }
    .icon-wait::before {
        content: '\f110'; 
        animation: fa-spin 1.5s infinite linear;
    }
    .icon-download::before {
        content: '\f019';
    }
    @keyframes fa-spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
    }

a.nav-top-link {
    font-weight: 500;
    opacity: 1 !important;
}

ul#menu-menu-foot {
    color: #000000 !important;
    font-weight: 500;
    opacity: 1 !important;
}


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}

/* CSS cho số thứ tự bài viết trong widget */
.widget ul li .post-number {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    font-weight: bold;
    margin-left: -1.2em; /* Điều chỉnh khoảng cách nếu cần */
}

/* OPENCLAW_UI_TONE_SYNC_START
   Tone đồng bộ TruongIT.NET: clean tech, blue accent, soft cards.
*/
:root{
  --oc-primary:#1e73be;
  --oc-primary-2:#0ea5e9;
  --oc-primary-dark:#155a96;
  --oc-bg:#f5f8fc;
  --oc-surface:#ffffff;
  --oc-text:#202124;
  --oc-muted:#64748b;
  --oc-border:#e5edf6;
  --oc-radius:14px;
  --oc-shadow:0 10px 28px rgba(15,23,42,.08);
  --oc-shadow-hover:0 16px 38px rgba(15,23,42,.14);
}
body{background:linear-gradient(180deg,#f8fbff 0%,var(--oc-bg) 100%);color:var(--oc-text);}
.header-wrapper,.header-main{box-shadow:0 8px 24px rgba(15,23,42,.06)!important;}
a{transition:color .2s ease,background .2s ease,box-shadow .2s ease,transform .2s ease;}
a:hover{color:var(--oc-primary-dark);}

/* Headings */
h1,h2,h3,.section-title-main{letter-spacing:-.015em;color:var(--oc-text);}
.section-title b{background:linear-gradient(90deg,var(--oc-primary),var(--oc-primary-2));height:3px;opacity:1;}
.section-title-main{border-radius:999px;background:#eef6ff;color:var(--oc-primary-dark);padding:7px 14px;}

/* Cards / bài viết */
.box-blog-post,.post-item .box,.article-inner,.widget,.all-download,.openclaw-facebook-card{
  background:var(--oc-surface)!important;
  border:1px solid var(--oc-border)!important;
  border-radius:var(--oc-radius)!important;
  box-shadow:var(--oc-shadow)!important;
  overflow:hidden;
}
.box-blog-post:hover,.post-item .box:hover,.openclaw-facebook-card:hover{
  transform:translateY(-3px);
  box-shadow:var(--oc-shadow-hover)!important;
}
.box-image img,.post-item img,.entry-image img{border-radius:12px;}
.box-text{padding:14px 16px 16px!important;}
.post-title,.entry-title{line-height:1.35;}
.post-meta,.is-divider,.from_the_blog_excerpt,.entry-meta{color:var(--oc-muted)!important;}

/* Nội dung bài viết */
.single-post .article-inner{padding:22px!important;}
.entry-content{font-size:16.5px;line-height:1.8;}
.entry-content h2,.entry-content h3{margin-top:1.5em;color:var(--oc-primary-dark);}
.entry-content blockquote{border-left:4px solid var(--oc-primary);background:#f0f7ff;border-radius:0 12px 12px 0;padding:14px 18px;}
.entry-content code{background:#eef2f7;border-radius:6px;padding:2px 6px;}

/* Download box */
.all-download{padding:18px!important;margin:24px 0!important;}
.software-name{background:linear-gradient(135deg,var(--oc-primary),var(--oc-primary-2));color:#fff!important;border-radius:12px 12px 0 0;padding:14px 18px!important;font-weight:800;text-align:center;}
.download-content{padding:18px!important;}
.links-list{margin-left:0!important;}
.links-list li{list-style:none!important;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;border-bottom:1px solid var(--oc-border);}
.links-list li:last-child{border-bottom:0;}
.version-name{font-weight:700;color:var(--oc-text);}
.version-buttons{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;}
.version-button,.download-countdown{
  border:0!important;border-radius:999px!important;background:linear-gradient(135deg,var(--oc-primary),var(--oc-primary-2))!important;color:#fff!important;
  padding:10px 16px!important;font-weight:800!important;line-height:1!important;box-shadow:0 8px 18px rgba(30,115,190,.22)!important;min-width:116px;text-align:center;cursor:pointer;
}
.version-button:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(30,115,190,.3)!important;color:#fff!important;}
.download-countdown{opacity:.78!important;cursor:wait!important;}
.pass{background:#eef6ff;color:var(--oc-primary-dark);border:1px solid #cfe5ff;border-radius:999px;padding:4px 10px;font-weight:800;cursor:pointer;}

/* Facebook static card */
.openclaw-facebook-card a{background:linear-gradient(135deg,#1877f2,#0ea5e9)!important;}

@media(max-width:768px){
  .single-post .article-inner{padding:16px!important;}
  .links-list li{display:block;}
  .version-buttons{justify-content:flex-start;margin-top:10px;}
  .version-button,.download-countdown{width:100%;display:inline-block;}
}
/* OPENCLAW_UI_TONE_SYNC_END */

/* OPENCLAW_UI_TONE_SYNC_2_START
   Đồng bộ header/menu/footer/archive/search/table/TOC.
*/
.header-wrapper{background:rgba(255,255,255,.92)!important;backdrop-filter:saturate(180%) blur(14px);}
.header-main .nav > li > a,.header-bottom .nav > li > a{
  border-radius:999px;padding:9px 12px!important;margin:0 2px;color:var(--oc-text)!important;font-weight:700!important;
}
.header-main .nav > li > a:hover,.header-bottom .nav > li > a:hover,
.header-main .nav > li.active > a,.header-bottom .nav > li.active > a{
  background:#eef6ff;color:var(--oc-primary-dark)!important;
}
.nav-dropdown{border:1px solid var(--oc-border)!important;border-radius:14px!important;box-shadow:var(--oc-shadow-hover)!important;overflow:hidden;padding:8px!important;}
.nav-dropdown li a{border-radius:10px!important;padding:10px 12px!important;}
.nav-dropdown li a:hover{background:#eef6ff!important;color:var(--oc-primary-dark)!important;}

/* Search */
.searchform-wrapper input[type="search"],.searchform input[type="search"],input.search-field{
  border:1px solid var(--oc-border)!important;border-radius:999px!important;background:#fff!important;box-shadow:0 6px 18px rgba(15,23,42,.05)!important;
}
.searchform .button,.ux-search-submit{background:linear-gradient(135deg,var(--oc-primary),var(--oc-primary-2))!important;color:#fff!important;border-radius:999px!important;}

/* Archive/category/search pages */
.archive .blog-archive,.search .blog-archive,.category .blog-archive{padding-top:20px;}
.archive-page-header,.page-title,.category-page-title{
  background:linear-gradient(135deg,#eef6ff,#ffffff);border:1px solid var(--oc-border);border-radius:var(--oc-radius);box-shadow:var(--oc-shadow);padding:18px 20px;margin-bottom:22px;
}
.breadcrumbs,.rank-math-breadcrumb,.rank-math-breadcrumb p{color:var(--oc-muted)!important;font-size:14px;}
.breadcrumbs a,.rank-math-breadcrumb a{color:var(--oc-primary)!important;font-weight:700;}

/* Sidebar widgets */
.widget{padding:16px!important;margin-bottom:18px!important;}
.widget-title,.widget .is-divider + span,.widget h3{color:var(--oc-primary-dark)!important;font-weight:800!important;letter-spacing:-.01em;}
.widget ul{margin-left:0!important;}
.widget ul li{border-bottom:1px solid var(--oc-border);padding:9px 0!important;}
.widget ul li:last-child{border-bottom:0;}
.widget a{font-weight:650;color:var(--oc-text);}
.widget a:hover{color:var(--oc-primary)!important;}

/* Tables / TOC / notices */
.entry-content table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--oc-border);border-radius:14px;overflow:hidden;box-shadow:0 8px 20px rgba(15,23,42,.05);}
.entry-content th{background:#eef6ff;color:var(--oc-primary-dark);font-weight:800;}
.entry-content th,.entry-content td{border-bottom:1px solid var(--oc-border);padding:12px 14px;}
.entry-content tr:last-child td{border-bottom:0;}
.ez-toc-container,.wp-block-quote,.rank-math-review-snippet{
  border:1px solid var(--oc-border)!important;border-radius:var(--oc-radius)!important;background:#fff!important;box-shadow:var(--oc-shadow)!important;
}
.ez-toc-title{color:var(--oc-primary-dark)!important;font-weight:800!important;}

/* Forms/comments */
input[type="text"],input[type="email"],input[type="url"],input[type="password"],textarea,select{
  border:1px solid var(--oc-border)!important;border-radius:12px!important;background:#fff!important;box-shadow:0 6px 18px rgba(15,23,42,.04)!important;
}
input:focus,textarea:focus,select:focus{border-color:var(--oc-primary)!important;box-shadow:0 0 0 4px rgba(30,115,190,.12)!important;}
input[type="submit"],button,.button,.wp-element-button{
  border-radius:999px!important;font-weight:800!important;
}
input[type="submit"],button.primary,.button.primary,.wp-element-button{
  background:linear-gradient(135deg,var(--oc-primary),var(--oc-primary-2))!important;color:#fff!important;border:0!important;box-shadow:0 8px 18px rgba(30,115,190,.22)!important;
}

/* Footer */
.footer-wrapper{background:linear-gradient(180deg,#fff,#eef6ff)!important;border-top:1px solid var(--oc-border);}
.footer,.absolute-footer{color:var(--oc-muted)!important;}
.footer a,.absolute-footer a{color:var(--oc-primary-dark)!important;font-weight:700;}
.back-to-top{background:#fff!important;border:1px solid var(--oc-border)!important;box-shadow:var(--oc-shadow)!important;color:var(--oc-primary)!important;}

/* Image polish */
.entry-content img,.box-image img{box-shadow:0 8px 22px rgba(15,23,42,.08);}
.badge,.cat-label{border-radius:999px!important;}

@media(max-width:768px){
  .header-main .nav > li > a,.header-bottom .nav > li > a{padding:8px 10px!important;}
  .box-text{padding:12px!important;}
  .archive-page-header,.page-title,.category-page-title{padding:14px!important;}
}
/* OPENCLAW_UI_TONE_SYNC_2_END */

/* OPENCLAW_DOWNLOAD_LAYOUT_FIX_START
   Fix download box bị dồn xuống dòng/xấu ở mobile hoặc khung hẹp.
*/
.all-download .download-content{overflow:hidden;}
.all-download .all-download-name{width:100%;}
.all-download .links-list{display:block;width:100%;padding:0;margin:0!important;}
.all-download .links-list li{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  width:100%;
}
.all-download .links-list li.loading-links,
.all-download .links-list li.error-links{display:block!important;text-align:center;}
.all-download .version-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:normal;line-height:1.35;}
.all-download .version-buttons{min-width:180px;display:flex!important;align-items:center;justify-content:flex-end;gap:10px;white-space:nowrap;}
.all-download .download-countdown{white-space:nowrap;min-width:150px;}
.all-download .version-button{white-space:nowrap;min-width:112px;}

@media(max-width:640px){
  .all-download{padding:14px!important;}
  .software-name{font-size:16px;padding:12px!important;}
  .download-content{padding:14px!important;}
  .all-download .links-list li{
    grid-template-columns:1fr!important;
    gap:10px;
    padding:14px 0!important;
  }
  .all-download .version-name{font-size:15px;font-weight:800;}
  .all-download .version-buttons{width:100%;min-width:0;justify-content:stretch;display:grid!important;grid-template-columns:1fr 1fr;gap:8px;}
  .all-download .download-countdown{grid-column:1/-1;width:100%;min-width:0;}
  .all-download .version-button{width:100%;min-width:0;padding:11px 10px!important;}
  .all-download .text-center{font-size:14px;line-height:1.5;}
}
/* OPENCLAW_DOWNLOAD_LAYOUT_FIX_END */

/* OPENCLAW_MENU_NOWRAP_FIX_START
   Giữ menu desktop trên 1 dòng, tránh item bị xuống dòng.
*/
@media(min-width:850px){
  .header-main .flex-row,.header-bottom .flex-row{flex-wrap:nowrap!important;}
  .header-main .nav,.header-bottom .nav{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:2px!important;}
  .header-main .nav>li,.header-bottom .nav>li{white-space:nowrap!important;flex:0 0 auto!important;}
  .header-main .nav>li>a,.header-bottom .nav>li>a{
    white-space:nowrap!important;
    padding-left:8px!important;
    padding-right:8px!important;
    font-size:14px!important;
    line-height:1.2!important;
  }
  .header-main .nav>li>a .nav-top-link,.header-bottom .nav>li>a .nav-top-link{white-space:nowrap!important;}
  .header-main .header-nav,.header-bottom .header-nav{overflow:visible!important;}
  .header-main .flex-col.hide-for-medium,.header-bottom .flex-col.hide-for-medium{min-width:0!important;}
}
@media(min-width:850px) and (max-width:1180px){
  .header-main .nav>li>a,.header-bottom .nav>li>a{font-size:13px!important;padding-left:6px!important;padding-right:6px!important;}
  .header-main .nav,.header-bottom .nav{gap:0!important;}
}
/* OPENCLAW_MENU_NOWRAP_FIX_END */

/* OPENCLAW_STYLE_FORCE_CARD_16X9_START */
body.home .post-item .box.box-vertical{display:block!important;}
body.home .post-item .box.box-vertical .box-image,
body.home .post-item .box-blog-post .box-image{
  display:block!important;float:none!important;width:100%!important;max-width:100%!important;min-width:0!important;
  height:auto!important;aspect-ratio:16/9!important;overflow:hidden!important;margin:0!important;
  border-radius:14px 14px 0 0!important;background:#eef5fb!important;
}
body.home .post-item .box-image a,
body.home .post-item .box-image>a,
body.home .post-item .box-image .image-cover,
body.home .post-item .image-cover{
  display:block!important;position:relative!important;width:100%!important;height:auto!important;aspect-ratio:16/9!important;
  padding-top:0!important;overflow:hidden!important;
}
body.home .post-item .box-image img,
body.home .post-item .image-cover img,
body.home .post-item img.wp-post-image{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;min-height:0!important;
  object-fit:cover!important;object-position:center!important;
}
body.home .post-item .box.box-vertical .box-text{display:block!important;width:100%!important;padding:13px 14px 15px!important;}
/* OPENCLAW_STYLE_FORCE_CARD_16X9_END */

/* OPENCLAW_HOME_SIDEBAR_LIMIT_START
   Homepage sidebar too tall -> huge blank space in main column. Keep sidebar compact. */
@media(min-width:850px){
  body.home .large-4 .row.large-columns-1 .post-item:nth-of-type(n+3){display:none!important;}
  body.home .large-4 .row.large-columns-1{height:auto!important;}
  body.home .large-4 .post-item{margin-bottom:16px!important;}
  body.home .large-4 .box-blog-post{height:auto!important;}
  body.home .large-4 .from_the_blog_excerpt{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;min-height:0!important;}
}
/* OPENCLAW_HOME_SIDEBAR_LIMIT_END */

/* OPENCLAW_HOME_SIDEBAR_LIMIT2_START */
@media(min-width:850px){
  body.home .col.medium-4.large-4 .row.row-small .post-item:nth-child(n+3){display:none!important;}
  body.home .col.medium-4.large-4 .post-item{margin-bottom:16px!important;}
  body.home .col.medium-4.large-4 .box-blog-post{height:auto!important;}
  body.home .col.medium-4.large-4 .from_the_blog_excerpt{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}
}
/* OPENCLAW_HOME_SIDEBAR_LIMIT2_END */

/* OPENCLAW_HOME_SIDEBAR_LIMIT3_START */
@media(min-width:850px){
  body.home .col.medium-4.small-12.large-4 .row.row-small .post-item:nth-child(n+3){display:none!important;}
  body.home .col.medium-4.small-12.large-4 .post-item{margin-bottom:16px!important;}
  body.home .col.medium-4.small-12.large-4 .box-blog-post{height:auto!important;}
  body.home .col.medium-4.small-12.large-4 .from_the_blog_excerpt{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}
}
/* OPENCLAW_HOME_SIDEBAR_LIMIT3_END */

/* OPENCLAW_HOME_SIDEBAR_LIMIT4_START: keep only 2 sidebar posts per section on homepage desktop */
@media(min-width:850px){
  body.home .col.medium-4.small-12.large-4 .row.large-columns-1.medium-columns-1.small-columns-1.row-small > .post-item:nth-child(n+3){display:none!important;}
  body.home .col.medium-4.small-12.large-4 .row.large-columns-1.medium-columns-1.small-columns-1.row-small{height:auto!important;}
}
/* OPENCLAW_HOME_SIDEBAR_LIMIT4_END */

/* OPENCLAW_SECTION_TITLE_SMALLER_START */
.section-title.section-title-normal .section-title-main,
.section-title.section-title-normal span,
.section-title-normal .section-title-main{
  font-size:17px!important;
  line-height:1.25!important;
  letter-spacing:.01em!important;
}
@media(max-width:768px){
  .section-title.section-title-normal .section-title-main,
  .section-title.section-title-normal span,
  .section-title-normal .section-title-main{font-size:16px!important;}
}
/* OPENCLAW_SECTION_TITLE_SMALLER_END */

/* OPENCLAW_FOOTER_CONTRAST_START */
.copyright-footer,
.absolute-footer,
.absolute-footer .container,
.absolute-footer .footer-primary,
.absolute-footer .footer-secondary{
  color:#eaf6ff!important;
  text-shadow:none!important;
}
.copyright-footer a,
.absolute-footer a,
.absolute-footer ul li a,
.footer-primary a,
.footer-secondary a{
  color:#ffffff!important;
  font-weight:700!important;
  opacity:1!important;
  text-shadow:none!important;
}
.copyright-footer a:hover,
.absolute-footer a:hover,
.footer-primary a:hover,
.footer-secondary a:hover{
  color:#dff3ff!important;
  text-decoration:underline!important;
}
.absolute-footer.dark,
.absolute-footer{
  background:#0f75bb!important;
}
/* OPENCLAW_FOOTER_CONTRAST_END */

/* OPENCLAW_FB_CARD_CSS_START */
.openclaw-facebook-card{
  border:1px solid #dbeafe!important;
  border-radius:16px!important;
  padding:22px 18px!important;
  background:linear-gradient(180deg,#ffffff,#f5faff)!important;
  text-align:center!important;
  margin:18px 0 22px!important;
  box-shadow:0 8px 22px rgba(15,23,42,.06)!important;
}
.openclaw-facebook-card a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  background:#1877f2!important;
  color:#fff!important;
  text-decoration:none!important;
  border-radius:999px!important;
  padding:10px 18px!important;
  font-weight:800!important;
  box-shadow:0 8px 18px rgba(24,119,242,.25)!important;
}
.openclaw-facebook-card a:hover{background:#0f66d8!important;color:#fff!important;text-decoration:none!important;}
.openclaw-facebook-card a span{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:18px!important;height:18px!important;border-radius:50%!important;
  background:#fff!important;color:#1877f2!important;font-weight:900!important;font-family:Arial,sans-serif!important;
}
/* OPENCLAW_FB_CARD_CSS_END */


/* OPENCLAW_404_PAGE_TITLE_CONTRAST_START */
.error404 h1.page-title,
h1.page-title {
  color: #0f172a !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.75);
}
.error404 .page-title,
.error404 .entry-title,
.error404 .entry-content h1 {
  color: #0f172a !important;
}
/* OPENCLAW_404_PAGE_TITLE_CONTRAST_END */

/* OPENCLAW_404_PAGE_TITLE_FORCE_START */
body.error404 h1,
body.error404 h1.page-title,
body.error404 .page-title,
body.error404 .error-404 .page-title,
body.error404 .not-found .page-title,
body.error404 .entry-title,
body.error404 .page-header h1,
body.error404 .large-12 h1,
body.error404 .col h1 {
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  opacity: 1 !important;
  text-shadow: none !important;
  filter: none !important;
}
body.error404 .page-header,
body.error404 .error-404,
body.error404 .not-found {
  background: #ffffff !important;
}
/* OPENCLAW_404_PAGE_TITLE_FORCE_END */