/*
Theme Name: Web Khoi Nghiep
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.7
*/

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


.cam-ket-hiden .cam-ket {
    display: block;
}
.cam-ket {
    position: relative;
    margin: 15px 0;
    background: transparent;
    padding: 0;
    display: none;
}
.cam-ket .tieu-de {
    display: flex;
    align-items: center;
    font-size: 15px;
    color: #fff;
    padding: 5px 10px;
    text-transform: uppercase;
    background: var(--primary-color);
    font-weight: bolder;
    border-radius: 4px 4px 0 0;
}
.cam-ket .khuyenmai-info {
    padding: 10px;
    background: transparent;
    font-size: 15px;
    font-weight: 100;
    border: 1px solid #ddd;
    border-radius: 0 0 4px 4px;
}
.cam-ket .khuyenmai-info p {
    margin-bottom: 5px;
}
.cam-ket .khuyenmai-info p::before, .cam-ket .khuyenmai-info li::before {
    content: "\f058";
    font-weight: 700;
    font-size: 15px;
    display: inline-block;
    color: #3fb846;
    font-family: 'FontAwesome';
    margin-right: 4px;
}
.div-sap-xep select{
    color: var(--primary-color);
     background-color: black !important;
}
.div-sap-xep select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: #fff;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23c8a66a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
  background-position: right .45em top 50%;
  background-repeat: no-repeat;
  background-size: auto 16px;
  padding-right: 1.4em;
}

.wkn-ty-journey .wkn-ty-journey-step:nth-child(2),.wkn-ty-journey .wkn-ty-journey-step:nth-child(3),.wkn-ty-journey .wkn-ty-journey-step:nth-child(4),.wkn-ty-journey .wkn-ty-journey-step:nth-child(5){
    opacity: .5;
}

.section-ca-nhan-hoa .banner,.section-ca-nhan-hoa .banner .banner-bg{
    border-radius: 8px;
}
.product-small.box {
  
    border-radius: 11px;
 
    background: #F5E6D3;
    box-shadow: 0 2px 8px rgb(160 130 70 / 88%);
}
.wkn-ty-cta{
        margin-top: 40px !important;
}
.woocommerce-message.message-wrapper{

}
.woocommerce-message.message-wrapper .message-container{
            background: #F5E6D3;
    border: 1px solid #C8A66A;
    border-radius: 6px;
    padding: 5px;
    color: var(--fs-color-primary) ;
}
#wrapper>.message-wrapper{
    margin-bottom: 0px;
}
.row-tinh-pham .col-inner{
    border-radius: 10px;
}
.row-tinh-pham .box,.category-page-row .box {
    border-style: solid;
    border-width: 1px;
    border-radius: 13px;
    border-image-source: url(images/khung-mong.png);
    border-image-slice: 73 79 73 75 fill;
    border-image-width: 4px;
    border-image-outset: 0;
    border-image-repeat: stretch;
    background: #F5E6D3;
    box-shadow: 0 2px 7px rgb(160 130 70 / 88%);
}
.related-post .box img{
    border-radius: 5px !important;
}
.related-post .box{
        padding: 5px;
     border-style: solid;
    border-width: 1px;
    border-radius: 8px;
    border-image-source: url(images/khung-mong.png);
    border-image-slice: 73 79 73 75 fill;
    border-image-width: 4px;
    border-image-outset: 0;
    border-image-repeat: stretch;
    background: #F5E6D3;
    box-shadow: 0 2px 7px rgb(160 130 70 / 88%); 
}
.related-post .box .box-text{
    padding-left: 10px;
    padding-right: 10px;
}
.related-post .box .box-text .post-title{
            overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        margin: 0;
            color: var(--fs-color-secondary);
}
.devvn_stars_value{
                    color: var(--fs-color-secondary);

}
span.devvn_num_reviews{
                color: var(--fs-color-secondary);

}
span.btn-attach{
                    color: var(--fs-color-secondary);

}
.comment-form-phone input{

  box-shadow: 0 6px 25px rgba(210, 190, 140, 0.75);
          background: #F5E6D3;
            border: 1px solid rgba(200, 166, 106, 0.55) !important;
}
.woocommerce #review_form #respond textarea, .woocommerce #reviews #comments ol.commentlist #respond textarea{
      background: #F5E6D3;
            border: 1px solid rgba(200, 166, 106, 0.55);
}
.devvn_cmt_input textarea{
                        color: var(--fs-color-secondary);

    background: #F5E6D3;
            border: 1px solid rgba(200, 166, 106, 0.55);

}
.devvn_cmt_form_bottom{
        border: 1px solid rgba(200, 166, 106, 0.55);
}
#reply-title{
                       color: var(--fs-color-secondary);
 
}
.theme-flatsome #review_form .comment-form-rating p.stars a:before{
                       color: var(--fs-color-secondary);
 
}
.note_review a{
                        color: var(--fs-color-secondary);

}
#review_form_wrapper svg{
    background: var(--fs-color-secondary);
}
.woocommerce #review_form #respond p.form-submit input#submit, .woocommerce #reviews #comments ol.commentlist #respond p.form-submit input#submit{
          background: var(--fs-color-secondary);
              border-radius: 8px;
    box-shadow: 0 6px 25px rgba(210, 190, 140, 0.75);
    color: white;
        border-radius: 8px;
    box-shadow: 0 6px 25px rgba(210, 190, 140, 0.75);
}
div#review_form_wrapper{
      background: url(images/nen-hong.jpg);
  
}
#comments .star_box{

    border: 1px solid rgba(200, 166, 106, 0.55);
    border-radius: 8px;
    box-shadow: 0 6px 25px rgba(210, 190, 140, 0.75); 
    background: url(images/nen-hong.jpg);
}
button#devvn_cmt_submit, button#devvn_cmt_replysubmit{
                 background: var(--fs-color-secondary);
    color: white;
    font-weight: normal;
}
#comments a.btn-reviews-now{
             background: var(--fs-color-secondary);
  font-weight: normal;
}
.page-template-page-right-sidebar #main, .woocommerce-message.message-wrapper,.wkn-ty-page,.wkn-co-page,.archive #main,.single-post #main,.single-product #main,.page-template-default #main{
    background: url(images/nen-hong.jpg);
}

.page-template-page-right-sidebar #main .page-inner,.wkn-ty-info-card,.wkn-ty-col-side .wkn-ty-section,.wkn-ty-section--ticket,.wkn-cart-main-body,.wkn-co-sidebar-inner,.wkn-co-main,.single-post .large-8,.archive .category-page-row .large-9,.blog-archive .tin-trong,.row-noi-dung,.page-template-default .row-main{
      border: 2px solid rgba(200,166,106,0.55);
  border-radius: 8px;
  box-shadow: 0 6px 25px rgba(210, 190, 140, 0.75);
  padding: 20px;
       background: url(images/nen-chi-tiet.jpg);
 
}
.wkn-ty-quote{
border: unset;
  border-radius: 8px;
  box-shadow: 0 6px 25px rgba(210, 190, 140, 0.75);
  padding: 20px;
       background: url(images/nen-chi-tiet.jpg);
 
}
.page-header-excerpt{
    display: none;
}
.page-right-sidebar section{
    padding: 0px !important;
}
.page-right-sidebar .large-8{
        border-right: unset;
    padding-right: 0px;
}
.wkn-ty-info-field i, .wkn-ty-status-icon i, .wkn-ty-journey-icon i {
    color: #C29653;
}
.wkn-ty-info-card{
    border: unset !important;
}
.wkn-ty-title{
        color: #C29653;
}
.wkn-ty-subtitle {
   
    color: #E3C690;}
.wkn-ty-note{
        background: #F5E6D3;
    border: 1px solid #C8A66A;
}
.icon-equalizer:before{
      
        content: "";
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url(images/loc.png) no-repeat center center;
  background-size: contain;
}
.icon-search:before{
        margin-top: 7px;
        content: "";
  display: inline-block;
  width: 25px;
  height: 32px;
  background: url(images/search.jpg) no-repeat center center;
  background-size: contain;
}
.icon-user:before{
      content: "";
  display: inline-block;
  width: 29px;
  height: 29px;
  background: url(images/tai-khoan.jpg) no-repeat center center;
  background-size: contain;
}
.icon-menu:before {
  content: "";
  display: inline-block;
  width: 40px;
  height: 40px;
  background: url(images/menu.jpg) no-repeat center center;
  background-size: contain;
}
.select-resize-ghost, .select2-container .select2-choice, .select2-container .select2-selection, select{
    border-radius: 5px;
}
.wkn-co-step::before{
        border-top: 1.5px dashed #bf8845;
}

.wkn-cart-coupon-box,.wkn-cart-gift-box{
    background: #F5E6D3;
        border: 1px solid #C8A66A;
}


.wkn-co-sidebar{
    background: unset;
}
.post-sidebar  aside,#secondary aside,#shop-sidebar aside{
       border: 2px solid rgba(200, 166, 106, 0.55);
    border-radius: 8px;
    box-shadow: 0 6px 25px rgba(210, 190, 140, 0.75);
    padding: 20px;
        background: url(images/nen-chi-tiet.jpg);
}
.wpcf7-spinner{
    display: none;
}
.single-post .large-8{
        margin-top: 15px;
}
.form-lien-he input,.form-lien-he textarea{
    box-shadow: unset;
    border-radius: 5px;
}
.form-lien-he .col{
    padding-bottom: 5px;
}
.recent-blog-posts-li a,.product_list_widget a{
color: black;
}
.category-page-row{
    padding-bottom: 30px;
}
table.variations tbody tr{
	display:grid;
}
.product-small .badge-container {
    top: 12px !important;
    left: 10px !important;
    height: 24px;
    margin: 0 !important;
    display: flex;
    align-items: flex-start;
    line-height: 1 !important;
}
.product-small .knm-installment-badge {
    position: absolute;
    top: 12px;
    left: 57px;
    z-index: 3;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    border-radius: 3px;
     background: var(--primary-color);
         font-size: 0.8em;
    color: var(--fs-color-secondary);
  
    line-height: 1 !important;
    font-weight: 600;
    white-space: nowrap;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12);
    box-sizing: border-box;
        text-transform: uppercase;
}
.product-small .badge-container:not(:has(.badge)) + .knm-installment-badge {
    left: 10px;
}

/* Phòng trường hợp badge-container không render ra HTML luôn (không có div đó) */
.product-small .knm-installment-badge:first-child {
    left: 10px;
}
.section-bo-suu-tap .flickity-prev-next-button.previous{
    margin-right: 10px;
        margin-top: -10%;
                left: auto;
        right: 100%;
            opacity: 1;
}
.section-bo-suu-tap .flickity-prev-next-button svg path{
      fill: #fff !important;
}
.section-bo-suu-tap .flickity-prev-next-button svg{
        fill: #fff !important;
    background-color: var(--fs-color-primary);
    border-color: var(--fs-color-primary);
        border: 2px solid;
    border-radius: 100%;
}
.section-bo-suu-tap  .flickity-prev-next-button.next{
    margin-left: 10px;
    margin-top: -10%;
    left: 100%;
        right: auto;
            opacity: 1;
}
.woocommerce-mini-cart__buttons a{
    border-radius: 4px;
}
.div-sap-xep{
    text-align: right;
}
.single_add_to_cart_button:after {
    content: "\f07a";
    font-family: 'Font Awesome 6 Pro';
    font-weight: 100; /* Thin */
    margin-left: 8px;
    display: inline-block;
}
.buy_now_button:after {
    content: "\f0e7";
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900; /* Solid, nếu muốn Regular/Light/Thin thì đổi weight theo bảng trước */
    margin-left: 8px;
    display: inline-block;
}
h3.product-section-title-related{
    text-align: center;
         color: var(--fs-color-secondary);
         font-size: 32px;
}

.variations_form .ux-swatch.selected {
    box-shadow: 0 0 0 1px var(--fs-color-secondary) !important;
    color: var(--fs-color-secondary);
    border-width: 1px !important;

}
.variations_form .ux-swatch{
 border-radius: 4px;   
}
.product-page-price span.amount{
    color: #b20000;
}
.star-rating span:before {
    color: #CF9339;}
.product-section{
    border-top: unset;
}
.custom-product-page .product-images .badge-container{
    display: none;
}

.section-ca-nhan-hoa .banner h3{
       color:var(--primary-color) ; 
}
.header-nav-main .icon-search{
    color:var(--primary-color) ; 
}
.author-box .flex-row{
    align-items: center !important;
}
aside .is-divider{
    display: none;
}
.product-small .price-wrapper{
    min-height: 42px;
        display: flex;
    align-items: center;
}
.product-small .price-wrapper .price span.amount{
        color: #B9342D;
    font-size: 17px;
}
.product-small .price-wrapper del  span.amount{
          color: #111 !important;
    font-size: 13px !important;
} 
.single-page{
    padding-top: 0px;
}
.div-da-xem{
    padding-left: 0px;
    padding-right: 0px;
}
.absolute-footer{
    display: none;
}
.title-footer{
    text-transform: uppercase;
      color:var(--primary-color)  !important;
}
.wkn-co-body input[type="text"], .wkn-co-body input[type="email"], .wkn-co-body input[type="tel"], .wkn-co-body input[type="number"], .wkn-co-body input[type="password"], .wkn-co-body input[type="search"], .wkn-co-body textarea, .wkn-co-body select{
        border: 1px solid rgba(200, 166, 106, 0.55) !important;
}
.author-box{
    padding-bottom: 0px;
}
.row-divided>.col+.col:not(.large-12){
    border-left: unset;
}
span.widget-title,.wkn-group-title,.post-sidebar aside .widget-title {
                font-family: Playfair, sans-serif;
font-size: 20px;
          color: var(--fs-color-secondary) !important;
}
.post-sidebar aside{
 
    padding: 20px;
    
}
.single-post .post-sidebar{
    margin-top: 15px;
}
#post-list .post-item img{
    border-radius: 8px;
}
.banner h2{
  color: var(--primary-color) !important;  
}


#ftwp-container.ftwp-wrap::before {
   content: "";
    position: absolute;
    top: -15px; /* đẩy lên trên, chồng ra ngoài mép trên (tùy chỉnh) */
    left: -15px; /* đẩy sang trái, chồng ra ngoài mép trái */
    width: 100px;
    height: 100px;
    background-image: url('images/logo.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    z-index: 10;
}
#ftwp-container-outer{
        position: relative;
    overflow: visible !important;
}
#ftwp-contents {
    position: relative;
    border: none !important;
    border-radius: 10px !important;
    background: url('images/nen-muc-luc.png') no-repeat top right / 30% auto, #F9F0E1 !important;
    box-shadow: 0 4px 12px rgb(0 0 0 / 27%) !important;
    padding-left: 97px !important;
    padding-top: 32px !important;
    padding-bottom: 20px !important;
}

#ftwp-contents::after {
    content: "";
    position: absolute;
    top: 8px;
    left: 8px;
    right: 8px;
    bottom: 8px;
    border: 1px solid var(--primary-color);
    border-radius: 6px; /* border-radius ngoài trừ đi khoảng thụt vào, ước lượng */
    pointer-events: none; /* không chặn click/hover vào nội dung bên trong */
}
#ftwp-container #ftwp-list.ftwp-strong-first.ftwp-liststyle-decimal>.ftwp-item>.ftwp-anchor::before, #ftwp-container #ftwp-list.ftwp-strong-first>.ftwp-item>.ftwp-anchor .ftwp-text{
    font-weight: normal;
    color: var(--fs-color-secondary);
}
#ftwp-container.ftwp-wrap .ftwp-icon-number::before,#ftwp-header-title{
        color: var(--fs-color-secondary) !important;
}
#ftwp-container.ftwp-wrap #ftwp-list{
        background: transparent !important;
}
#ftwp-container.ftwp-wrap #ftwp-header {
    color: #333;
    background: transparent !important;
}
.post{
    margin-bottom: 0px !important;
}
.blog-single .entry-header{

}
.single-page h2,.single-page h3,.single-page h4,.single-page h5,.single-page h6{
              color: var(--fs-color-secondary);

}
.blog-single .entry-header h1{
          color: var(--fs-color-secondary);
font-size: 42px;
    line-height: 42px;
}
.ftwp-in-post#ftwp-container-outer {
    margin-bottom: 30px;
    max-width: 100%;
    margin-top: 30px;
}
.blog-single div.breadcumbs{
        background: #230300;
    padding-top: 18px;
}
.blog-single div.breadcumbs a,.blog-single div.breadcumbs span{
    color: #ebe9bb;;
}
.blog-single{
    padding-top: 0px;
}
#footer .section-footer p,.section-footer ul li a{
    color: #d8bb7c !important;
}
#footer .social-icons a{
      color: #d8bb7c !important;
      border-color: #d8bb7c !important;
}
.section-footer-giao-hang .icon-box h3{
    color:var(--primary-color) ;
    font-size: 18px;
        margin-bottom: 0px;
}
.section-footer-giao-hang .icon-box{
    align-items: center;
}
.section-footer-giao-hang .icon-box-text{
        padding-left: 3px !important;
}
.section-footer-giao-hang .icon-box p{
font-size: 13px;
color: #d8bb7c !important;
}
#footer .widget_nav_menu{
    padding-left: 0px;
    padding-right: 0px;
}
#footer .widget_nav_menu ul li{
    border-top: unset;
}
.box-nghe-thuat .button{
    border: 1px solid;
}
.section-checkout{
    background: url(images/thankyou.jpg);
}
.button i.icon-angle-right:before{
        content: "\f061";
    font-family: 'Font Awesome 6 Pro';
    padding-right: 5px;
}
.wkn-co-grand-price span.amount{
      color: var(--fs-color-secondary);

}
.blog-archive .post-item .cat-label  {
        font-size: 12px;
            font-weight: 700;
    opacity: 1;
      color: var(--primary-color);
}
.post-item 
.blog-archive .post-item{
        padding-bottom: 20px;
}
.blog-archive .post-item .box-text .box-text-inner{
    width: 85%;
}
.blog-archive .post-item .box-text a.button{
        position: absolute;
    right: 0px;
        bottom: -5px;
    text-transform: initial;
    font-weight: normal;
   color: var(--fs-color-secondary);
}
.blog-archive .post-item .box-text a.button:after{
     content: "\f061";
    font-family: 'Font Awesome 6 Pro';
    padding-right: 5px;
}


.blog-archive .post-item .post-title{
        color: var(--fs-color-secondary);
    font-size: 25px;
}
.blog-archive .post-item .box{
        border-bottom: 1px solid #e0dbd3;
    padding-bottom: 20px;
}
.blog-archive .post-item .box .box-image{
    border-radius: 4px;
}
.section-tieu-de-tin h1,.section-tieu-de-danh-muc h1{
    color:var(--primary-color) ;
}
.blog-archive{
    padding-top: 0px;
}
.flickity-prev-next-button .arrow, .flickity-prev-next-button svg{
    fill:var(--primary-color) ;
}
.flickity-prev-next-button{
    color:var(--primary-color) ;
}
.yith-wcwl-add-button{
    display: none !important;
}
.product-small .badge-container,.section-sp .badge-container{
        margin-top: 0px;
    top: 20px;
    left: 20px;
}
.product-small .badge-container .badge,.section-sp .badge{
    width: 44px;
    height: 25px;
    border-radius: 5px;
}
.product-small .badge-container .badge .badge-inner,.section-sp .badge .badge-inner{
        background: var(--primary-color);
    color: var(--fs-color-secondary);
    border-radius: 4px;
}
.section-bo-suu-tap .box a.button{
    border-radius: 8px;
    border-width: 1px;
    line-height: 36px;
    margin-bottom: 0px;
   margin-right: 0px !important;
}
.product-small.box .price-wrapper del{
    display: block;
}
.product-small.box .price-wrapper ins{
        margin-top: 8px;
    display: block;
}
.product-small.box .price-wrapper ins span.amount{
        color: #B3262D;
    font-size: 17px;
}
.dark, .dark p, .dark td {
    color: #F6f1eb !important;
}
.row-box-qua-tang .col{
      padding: 0 6px 15px;
}
.box-nghe-thuat h3{
       font-size: 25px;
    color: var(--fs-color-secondary);
}
.post-item .is-divider{
    display: none;
}
.div-tin-phai .post-item .post-meta{
        position: absolute;
    right: 0px;
}
.div-tin-phai .post-item .box-image img{
    border-radius: 8px;
}
.div-tin-phai .post-item .post-title a{
color: var(--fs-color-secondary);
}
.div-tin-phai .post-item .post-title{
        font-size: 18px;
}
.div-tin-phai .post-item .box-text{
    padding-bottom: 0px;
    padding-top: 0px;
}
.div-tin-phai .post-item .box-text .box-text-inner{
    width: 75%;
}
.div-tin-phai .post-item{
    padding-bottom: 10px;
}
.blog-archive .large-8{
    padding-right: 0px;
}
.section-gia-tri .icon-box{
      border: 1px solid #a16e2652;
    border-radius: 8px;
    padding: 10px;
    background: #000000;
}
.section-danh-muc-qua-tang .icon-box{
        border: 1px solid #a16e2652;
    border-radius: 8px;
    padding: 10px;
    background: #000000;
}
.section-danh-muc-qua-tang .icon-box p{
    color: #F3E8D9;
    font-size: 14px;
}
.section-danh-muc-qua-tang .icon-box h3{
    text-transform: uppercase;
    color: var(--primary-color);
    font-size: 18px;
}
.section-bo-suu-tap .box h3,.product-small .product-title a{
        color: var(--primary-color) !important;
        font-size: 20px;
            font-weight: bold;
            min-height: 52px;
            font-family: Playfair, sans-serif;
    overflow: hidden;
    text-overflow: ellipsis;
 
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin: 0;
}
.product-extra-meta p i{
            color           : var(--fs-color-secondary);

}
.woocommerce-tabs .product-tabs>li>a:before{
    top: unset !important;
    bottom: 0px !important;
              background-color        : var(--fs-color-secondary);

}
.woocommerce-tabs {
 
   
}
.woocommerce-tabs ul.tabs{
     border-bottom: 1px solid rgba(200, 166, 106, 0.55);
}
.woocommerce-variation-add-to-cart, form.cart{
    gap: 4px !important;
}
.woocommerce-tabs .wc-tabs li a{
                    color: var(--fs-color-secondary);

}
.product-extra-meta p{
 margin-bottom: 6px !important;
    font-size: 15px;
}
.section-title-bold-center b{
    opacity: 0;
}
.section-title-bold-center .section-title-main{
    padding: 0px;
    border: unset;
    font-size: 32px;
                color: var(--fs-color-secondary);

    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.title-home{
        font-size: 32px;
    text-align: center;
    text-transform: uppercase;

    border: unset;
    font-size: 32px;
                color: var(--fs-color-secondary);

    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;}
.section-title-container a{
              color: var(--fs-color-secondary) !important;
        text-transform: uppercase;
}
.section-gia-tri .icon-box-text p{
    font-size: 14px;
}
.section-gia-tri .icon-box-text h3{
    color: var(--primary-color);
    font-size: 18px;

}
.section-bo-suu-tap .box .box-text,.product-small .box-text{
    padding-left: 10px;
    padding-right: 10px;
}
.product-small.box .box-image,.section-bo-suu-tap .box .box-image{
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.section-title-container{
    margin-bottom: 0px;
}
.add_to_cart_button .wkn-add-to-cart-icon,
.ajax_add_to_cart .wkn-add-to-cart-icon,
.product_type_simple .wkn-add-to-cart-icon,
.product_type_variable .wkn-add-to-cart-icon {
    width: 22px;
    height: 22px;
    vertical-align: middle;
    display: inline-block;
}
.product-small.box a.add_to_cart_button{
        position: absolute;
    right: 8px;
    bottom: 20px;
    height: 40px;
    width: 40px;
    padding: 0px;
    border-radius: 99px;
    border-width: 1px;
    line-height: 36px;
        background: unset !important;
}
/* ── Meta bài viết trang chi tiết tin tức (ngày - tác giả - danh mục - thời gian đọc - chia sẻ) ── */
.wkn-post-meta {
    display        : flex;
    flex-wrap      : wrap;
    align-items    : center;
    gap            : 18px;
    font-size      : 13px;
    color          : #6d6d6d;
}
.wkn-post-meta .wkn-meta-item {
    display    : inline-flex;
    align-items: center;
    gap        : 6px;
    white-space: nowrap;
}
.nav-pagination>li>a, .nav-pagination>li>span {
    border: 1px solid #cdcdcd;
    border-radius: 4px;}
    .nav-pagination>li>.current, .nav-pagination>li>a:hover, .nav-pagination>li>span:hover{
          background-color : var(--fs-color-secondary);
           border-color : var(--fs-color-secondary);

    }
.product_list_widget span.amount {
    color: #B9342D;}
.product_list_widget del{
        font-size: 12px;
}
.product_list_widget del  span.amount {
   color: #111; 
}

.navigation-post .nav-next,.navigation-post  .nav-previous{
        border: 1px solid #bf88457a;
    border-radius: 8px;
    padding: 15px;
}
.navigation-post .bb {
    border-bottom: unset;
}
.next-prev-nav .flex-col+.flex-col {
    border: unset;
}
.title-like{
        color           : var(--fs-color-secondary);
font-size: 40px;
    text-transform: uppercase;
}
.wkn-post-meta i {
    color    : var(--fs-color-secondary);
    font-size: 13px;
}
.wkn-post-meta a {
    color          : #6d6d6d;
    text-decoration: none;
    transition     : color .15s ease;
}
.wkn-post-meta a:hover { color: var(--primary-color); }
.wkn-post-meta .wkn-meta-share {
    gap: 8px;
}
.wkn-post-meta .wkn-meta-share a {
    display        : inline-flex;
    align-items    : center;
    justify-content: center;
    width          : 24px;
    height         : 24px;
    border-radius  : 50%;
    background     : #f2ede6;
    color           : var(--fs-color-secondary);
    font-size      : 11px;
}
.wkn-post-meta .wkn-meta-share a:hover {
    background: var(--primary-color);
    color     : #fff;
}.wkn-post-meta .wkn-meta-share a:hover i{
    color     : #fff;
}

/* ── Trang chi tiết sản phẩm: hàng "Số lượng" + hàng nút hành động ──────── */
.author-box .flex-row{
       width: 100%;
    aspect-ratio: 1920 / 504;
    background: url('images/nen-author.png') no-repeat center center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    padding: 25px;
}
.author-box .flex-row {
    position: relative;
}

.author-box .flex-grow {
    position: relative;
    padding-left: 20px; /* chừa khoảng cách cho ảnh viền + nội dung không bị đè */
}

.author-box .flex-grow::before {
    content: "";
    position: absolute;
    left: -9px;
    top: 0;
    width: 10px;
    height: 100%;
    background-image: url(images/vien.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 33;
}
.wkn-qty-head,
.wkn-qty-line,
.wkn-cart-actions-row {
    width: 100%;
    flex : 0 0 100%;
}
.wkn-group-title{
    text-transform: uppercase;
}
ul.product-categories li{
    border: unset !important;
}
ul.product-categories li a{
    font-size: 14px;
        color: #333333;
}
.product-page-price{
        margin-top: 10px;
}
h1.product-title {
      color           : var(--fs-color-secondary);
  
}
.product-short-description{
    font-size: 15px;
}
.product-thumbnails .is-nav-selected a img, .product-thumbnails a:hover img{
    transform: unset !important;
}
.woocommerce-product-gallery__wrapper img{
     border-radius: 5px;
}
.woocommerce-product-gallery__wrapper {
    border-radius: 5px;
     border:1px solid var(--primary-color);
}
.product-thumbnails img{
    opacity: 1;
    border-radius: 5px;
}
.product-thumbnails a:hover, .product-thumbnails .is-nav-selected a {
    border-color: var(--primary-color);
}
 .product-thumbnails .col{
           padding-left: 10px !important;
    padding-right: 10px !important;
    }
.product-thumbnails a {
    border: 1px solid var(--primary-color);
    border-radius: 10px;
}
.product-thumbnails a img {
    opacity: 1;

}
.ux-quantity .ux-quantity__button{
     color           : var(--fs-color-secondary) !important;
    min-width: 34px;

    box-shadow: unset !important;
}
.quantity .button.minus{
        border-top-left-radius: 4px !important;
        border-bottom-left-radius: 4px !important; 
}
.quantity .button.plus{
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}
.wkn-qty-head {
    margin-bottom: 8px;
    font-size    : 14px;
}
.wkn-qty-head-label { 
    text-transform: uppercase;
    font-weight: 600; 
        color           : var(--fs-color-secondary);
 }
.wkn-qty-head-stock { font-size: 13px; color: var(--primary-color); white-space: nowrap; }

.wkn-qty-line {
    display        : flex;
    align-items    : center;
    justify-content: space-between;
    flex-wrap      : wrap;
    gap            : 8px;
    margin-bottom  : 16px;
}

.wkn-cart-actions-row {
    display    : flex;
    align-items: stretch;
    gap        : 10px;
    flex-wrap  : wrap;
}
.wkn-cart-actions-row .single_add_to_cart_button {
    flex  : 6 1 0%;
    margin: 0;
        border-radius: 4px;
    font-weight: normal;
}
.wkn-cart-actions-row .buy_now_button {
    flex  : 4 1 0%;
    margin: 0;
        border-radius: 4px;
    font-weight: normal;
}

/* ── Sao đánh giá + (N đánh giá) nằm chung 1 hàng ────────────────────────── */
.woocommerce-product-rating {
    display    : flex !important;
    align-items: center;
    flex-wrap  : wrap;
    gap        : 6px;
}
.woocommerce-product-rating .star-rating {
    display: inline-block !important;
    margin : 0 !important;
}
.woocommerce-product-rating a.woocommerce-review-link {
    display: inline-block;
}
.author-box .flex-grow{
        padding-right: 160px;
    font-size: 14px;
    color: var(--primary-color);

}
.author-box .flex-grow .author-name{
    display: none;
}
/* ── Khung tác giả cuối bài: hàng icon mạng xã hội ───────────────────────── */
.author-box .blog-author-image img {
    border-radius: 50%;
    object-fit   : cover;
      width: 175px;
}
.author-social {
    display   : flex;
    align-items: center;
    gap       : 8px;
    margin-top: 10px;
}
.author-social .fa-brands:before{
 content: "";
    display: inline-block;
      width: 35px;
    height: 35px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.author-social .fa-facebook-f:before{

    background-image: url('images/face.png');

}
.author-social .fa-instagram:before{

    background-image: url('images/insta.png');

}
.author-social .fa-youtube:before{

    background-image: url('images/youtube.png');
 
}
.author-social .fa-tiktok:before{

    background-image: url('images/tiktok.png');

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

.wkn-post-meta { gap: 10px 14px; font-size: 12px; }

.wkn-cart-actions-row .single_add_to_cart_button,
.wkn-cart-actions-row .buy_now_button { flex-basis: 100%; }

}

@media(max-width: 855px){
    .mobile-sidebar li{
            border-color: hsla(0, 0%, 100%, .2) !important;
    }
    .mobile-sidebar{
    background: #000000;
    }
    .nav-slide-header .toggle{
        opacity: 1;
                          color: var(--primary-color) !important ;

    }
    .mobile-sidebar ul li i:before,    .mobile-sidebar ul li a i{
                  color: var(--primary-color) !important ;
   
        }
    .mobile-sidebar ul li a{
        text-transform: initial;
         color: var(--primary-color) !important;
    }
    .row-tinh-pham .box-text p{
        font-size: 11px;
    }
    .div-sap-xep select{
        font-size: 13px;
    }

      .div-sap-xep {
    display: flex;
  }

  .div-sap-xep .category-filter-row {
    order: 2; /* Bộ lọc → sang phải */
          width: 33%;
        margin-left: 34px;
  }

  .div-sap-xep .woocommerce-ordering {
    order: 1; /* Sắp xếp → sang trái */
  }
    .p-top{
            color: var(--fs-color-secondary);
    }
    .product-extra-meta{
        text-align: justify;
    }
    .custom-product-page .section{
        padding-top: 10px !important;
    }
    .custom-product-page{
        margin-left: 15px !important;
        margin-right: 15px !important;
    }
    .row-noi-dung{
        padding-left: 0px !important;
        padding-right: 0px !important ;
    }
    .tin-trong .post-item .post-title {
    font-size: 18px;
}
 .tin-trong .cat-label{
    display: none;
 }
  .tin-trong .post-item{
    padding-bottom: 20px;
  }
   .tin-trong .box-vertical .box-image {
        width: 51% !important;
    }
    .tin-trong .box{
        display: flex;
    }
     .tin-trong .from_the_blog_excerpt {
        display: none;
     }
     .tin-trong .post-item .box-text{
          padding-top: 0px;
     }
    .tin-trong .post-item .box-text .box-text-inner {
    width: 100%;
  
            padding-left: 8px;
}
  .tin-trong .post-item .box-text .post-title a{
        overflow: hidden;
    text-overflow: ellipsis;

    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin: 0;
  }



    .blog-archive .large-8 {
    padding-right: 10px !important;
    padding-left: 10px !important;
}
    .product-small .price-wrapper del span.amount {
  
    font-size: 11px !important;
}
    .product-small.box .price-wrapper del {
  
    font-size: 11px;
}
    .product-small.box .price-wrapper ins span.amount {
    color: #B3262D;
    font-size: 14px;
}
   .category-page-row .row-small>.col{
   
    padding: 0 3.8px 9.6px;
}
    .section-bo-suu-tap .box h3, .product-small .product-title a{
            font-size: 14px;
  
    min-height: 42px;
    }
    .product-small .badge-container .badge, .section-sp .badge {
    width: 30px;
    height: 18px;
    border-radius: 5px;
}
.product-small .badge-container .badge .badge-inner, .section-sp .badge .badge-inner {
  
    font-size: 7px;
}
    .product-small .knm-installment-badge {
    left: 42px;
    height: 18px;

    padding: 0 10px;
 
    font-size: 7px;
    color: var(--fs-color-secondary);
  
}
   .section-tieu-de-tin .text-box, .section-tieu-de-danh-muc .text-box{
        width: 75% !important;
    }
    .section-tieu-de-danh-muc .text-box h1,.section-tieu-de-tin .text-box h1{
            font-size: 28px;

    }
    .section-footer .stack{
        width: 65% !important;
    }
    .div-tin-phai .post-item .post-meta{
        position: relative;
        right: unset;
    }
      .div-tin-phai .box-vertical .box-image {
        width: 51% !important;
    }
    .div-tin-phai .box{
        display: flex;
    }
     .div-tin-phai .from_the_blog_excerpt {
        display: none;
     }
    .div-tin-phai .post-item .box-text .box-text-inner {
    width: 100%;
            padding-left: 8px;
}
  .div-tin-phai .post-item .box-text .post-title a{
        overflow: hidden;
    text-overflow: ellipsis;

    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin: 0;
  }
    .author-social .fa-brands:before{
            width: 23px;
    height: 23px;
    }
    .author-social{
        gap: 5px;
    }
    .author-box .flex-grow{
        padding-right: 30px;
            padding-left: 10px;
    }
    .author-box .author-desc{
        font-size: 9px !important;
                margin-bottom: 0px !important;
    }
    .author-box .flex-row{
        padding: 10px;
    }
    .author-box .circle{
        display: none;
    }
    .author-box .flex-grow::before{
        display: none;
    }
    #ftwp-contents{
            padding-left: 25px !important;
    padding-top: 32px !important;
    padding-bottom: 10px !important;
    }
    #ftwp-container.ftwp-wrap::before {
  
    top: -15px;
    left: -15px;
    width: 50px;
    height: 50px;}
    #wkn_cart_items .wkn-cart-col-linetotal{
        display: none;
    }
    .category-filtering .icon-equalizer{
            position: absolute;
    margin-left: -34px;
    margin-top: -8px;
    }
    #shop-sidebar{
            background: url(images/nen-hong.jpg);

    }
    #main-menu .header-block-block-1 .icon-box-text a,#main-menu .header-block-block-1 .icon-box-text p{
color: #FAF6BB !important;
    }
   .title-home, .section-title-bold-center .section-title-main{
        font-size: 26px !important;
    }
    .wkn-cart-ticket-img{
        display: none;
    }
    .blog-archive .post-item .box-text .box-text-inner {
    width: 100%;
}
     .section-tieu-de-tin .banner,.section-tieu-de-danh-muc .banner{
            padding-top: 150px !important;
     }
    .section-tieu-de-tin .text-box,.section-tieu-de-danh-muc .text-box{
        left: 25px;
    }
    .section-ca-nhan-hoa .text-box{
            width: 74% !important;
    left: 10%;
    }
}