#header .header-nav li a {
	color: #2F2F7F;
	font-size: 22px;
}
.nav li a i{
    color:#2F2F7F ;
}
#header .header-nav .button.primary span{
 color: #ffffff;
 font-size:18px;
 font-weight: 500;
}
.header-nav-main .html_nav_position_text .button.primary {

  height: 40px;
  line-height: 36px;
  padding: 0 15px;
  min-height: 0;
  margin: 0;
  border-radius: 10px;
  font-weight: 500;
}
#header .header-nav .header-button a  {
	background-color: #2B2F80 ;
}
/*Hover*/
.nav > li > a:hover,
.nav > li > a:focus,
.nav > li.active > a,
.nav > li.current-menu-item > a {
  font-weight: 500 !important;
  color:#12814A !important;
}
#main-menu .nav-sidebar > li,
#main-menu .nav-sidebar > li + li,
#main-menu .nav-sidebar > li > a {
  border-color: transparent !important;
  font-size: 16px;
}
/* ปิดไอคอนตะกร้าเดิม */
.header .cart-item .header-cart-link > i::before {
  content: none;
}

/* ใส่ไอคอนใหม่ */
.header .cart-item .header-cart-link > i {
  display: inline-block;
  width: 25px;
  height: 25px;
  background: url('/wp-content/uploads/2026/08/icon-cart-new.svg') no-repeat center / contain;
}
/* ซ่อนไอคอนเดิมของธีม */
.header .account-item .icon-user::before {
  content: none;
}

/* ใส่ไอคอนใหม่ */
.header .account-item .icon-user {
  display: inline-block;
  width: 25px;
  height: 25px;
  background: url('/wp-content/uploads/2026/08/icon-account.svg') no-repeat center / contain;
}
.button.secondary,
.button.secondary span {
  font-weight: 500;
  font-style: normal;
}
.howto-bold p, .howto-bold h1, .howto-bold h2 { font-weight: 700; }
.social-header-icon {
  display: flex;
  gap: 12px; /* เพิ่มค่านี้เพื่อขยายระยะห่างระหว่างไอคอน */
  padding: 5px 5px 5px 5px;
}
.social-header-icon img{
  width: 25px;
 /* gap: 5px; */
  margin-left: -5px;

}
.wp-block-image img {
box-sizing: border-box;
height: auto;
max-width: 25%;
}
.my-video-btn {
       background-color: #ff0000 !important; /* เปลี่ยนเป็นรหัสสีที่ต้องการ */
       color: #FF0000 !important;            /* สีข้อความ/ไอคอน */
   }
   

/* กำหนดระยะห่างซ้าย-ขวาของแต่ละเมนู */
.header-nav.nav > li {
    margin-left: 15px;   /* ปรับเพิ่ม-ลดตัวเลขนี้ได้ตามต้องการ */
    margin-right: 15px;  /* ปรับเพิ่ม-ลดตัวเลขนี้ได้ตามต้องการ */
}

.text-history{
  color: #ffffff !important;
}

/*.text-history */
.text-product{
    font-size: 20px ;
}
.text-detail{
    font-size: 16px  ;
}
.htcsec{
    display: flex;
    gap: 50px;
}
.htcsecb{
    display: flex;
    gap: 95px;
    color: #ffffff;
}



/* บังคับให้แถวบน (Top Bar) จัดกึ่งกลางแนวตั้งทั้งหมด */
.header-top, .header-top .flex-row {
    align-items: center !important;
}

/* จัดให้ตัว HTML/Text ที่มีไอคอนกับเบอร์โทรวิ่งอยู่กึ่งกลางร่วมกัน */
.header-top .html, 
.header-top .topbar-content {
    display: flex !important;
    align-items: center !important;
}

/* ปรับระยะห่างไอคอนโทรศัพท์และอีเมลให้สวยงามลงตัว */
.header-top img, 
.header-top svg, 
.header-top i {
    display: inline-block;
    margin-right: 8px !important;
    position: relative;
    top: -1px; /* ปรับขึ้น-ลงเล็กน้อยหากต้องการความเป๊ะ */
}
.product-info h1.product-title, 
.product-section .product-title {
    color: #2f2f7f !important; 
}
.footer-wrapper {
    background-image: url('/wp-content/uploads/2026/08/Screenshot_2569-08-06_at_12.04.39.png_2K_202608061246-scaled.jpeg') !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-color: transparent !important;
}
footer a[href^="tel"],
footer a[x-apple-data-detectors] {
  color: #fff !important;
  text-decoration: none !important;
  font-size: inherit !important;
  font-weight: inherit !important;
}
.absolute-footer, .footer-bottom {
    display: none !important;
}
.wpml-ls-statics-footer {
    display: none !important;
}
.RowHistory
{
  background-image: url('https://loyd.boostpress.space/wp-content/uploads/2026/08/Screenshot_2569-08-06_at_12.04.39.png_2K_202608061246-scaled.jpeg');
   background-size: cover;!important;     /* บังคับให้รูปย่อ/ขยายแสดงผลครบทั้งรูปโดยไม่ถูกตัด */
    background-repeat: no-repeat !important;  /* ป้องกันไม่ให้รูปแสดงซ้ำๆ กัน */
    background-position: center !important;   /* จัดตำแหน่งรูปไว้กึ่งกลาง */
    padding: 30px !important;
    padding-bottom: 30px !important;
}
.bg-review{
background-image: url('https://loyd.boostpress.space/wp-content/uploads/2026/08/bg-reviews.png');
    background-size: cover;!important;     /* บังคับให้รูปย่อ/ขยายแสดงผลครบทั้งรูปโดยไม่ถูกตัด */
    background-repeat: no-repeat !important;  /* ป้องกันไม่ให้รูปแสดงซ้ำๆ กัน */
    background-position: center !important;   /* จัดตำแหน่งรูปไว้กึ่งกลาง */
}
.breadcrumbs {
display: none;
}
.page-title-inner ul, .page-title-inner select, .page-title-inner form, .page-title-inner button, .page-title-inner p {
margin-top: 0;
margin-bottom: 0;
display: none;
}
.banner .button.secondary,
.banner .button.secondary span {
  font-weight: 500;
  font-style: normal;
}

/* 2. ปรับขนาดปุ่ม "หยิบใส่ตะกร้า" */
.product-small .button {
    font-size: 16px !important;      /* ขนาดตัวอักษรในปุ่ม */
}

.wc-block-checkout__form .wc-block-components-address-form__country .wc-blocks-components-select{
    padding: 30px 0 0 0;
}
.wc-block-cart__submit-container .wc-block-components-button {
    background-color: #2F2F7F !important; /* เปลี่ยนสีพื้นหลังปุ่มตามต้องการ */
    color: #ffffff !important;            /* สีตัวหนังสือ */
    font-size: 18px !important;           /* เพิ่มขนาดตัวอักษรในปุ่ม */
    font-weight: bold !important;         /* ทำตัวหนา */
    padding: 15px 25px !important;        /* เพิ่มระยะขอบด้านใน (ความสูง/ความกว้างปุ่ม) */
    border-radius: 10px !important;        /* ความโค้งมนของมุมปุ่ม */
    width: 100% !important;               /* กำหนดให้ปุ่มขยายเต็มความกว้างกล่อง */
}
.wc-block-checkout__actions_row .wc-block-components-button {
    background-color: #2F2F7F !important; /* เปลี่ยนสีพื้นหลังปุ่ม */
    color: #ffffff !important;            /* สีตัวหนังสือ */
    font-size: 18px !important;           /* เพิ่มขนาดตัวอักษร */
    font-weight: bold !important;         /* ทำตัวหนา */
    padding: 15px 25px !important;        /* เพิ่มระยะขอบด้านใน (ความสูง/กว้าง) */
    border-radius: 10px !important;        /* ความโค้งมนของมุมปุ่ม */
    width: 100% !important;               /* ให้ปุ่มขยายเต็มความกว้าง */
}
.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link {
  background-color: #2F2F7F;
  font-size: 18px;
  font-weight: 500;
}
.wc-block-cart__empty-cart__title{
  font-size: 20px;
}
.header-nav-main .nav {
  flex-wrap: nowrap !important;
}

.header-nav-main .button {
  width: auto !important;
  min-width: max-content !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
}
/*ปุ่มเลือกซื้อสินค้า*/
.html_nav_position_text .section {
  padding-right: 0 !important;
  padding-left:0px !important;
margin-right:30px !important;
}

/*  */
.header-nav-main .html_nav_position_text .section {
  padding-right: 0 !important;
}
.header-nav-main .html_nav_position_text {
  padding-right: 0 !important;
  margin-right: 0 !important;
}

.header-nav-main .html_nav_position_text .col-inner {
  padding-right: 0 !important;
}

/*.off-canvas,
.mfp-content .off-canvas-wrapper,
#main-menu {
  background-color: #12814A !important; 
}*/
#main-menu .nav-sidebar > li.menu-item {
  background-color: #0d5c38;
}
#main-menu .sidebar-menu {
  background-color: #0d5c38;
}
#main-menu .nav-sidebar > li:not(.html):not(.account-item) {
  background-color: #0d5c38;
}
#main-menu,
.off-canvas .mfp-content {
  background-color: #0d5c38;
}
.off-canvas-left.mfp-ready .mfp-content, .off-canvas-right.mfp-ready .mfp-content {
    opacity: 1;
    transform: translate(0);
    background-color: #0d5c38;
}
.off-canvas .nav-item a,
.off-canvas .menu-item a {
  color: #ffffff !important;
}
 
/*เมณู*/
.loop-product-sku {
    color: #2e8b3d;   /* adjust to match the exact green you want */
    font-weight: 700;
    font-size: 24px;
    margin-bottom: 2px;
    text-transform: uppercase;
}
.products .add_to_cart_button,
.products a.button.product_type_simple {
    border-radius: 10px;
}
.wc-block-cart__submit-button {
    border-radius: 25px !important;
}
div.coverbutton input#noti-submit.btstandard.button {
  border-radius: 10px !important; /* มนมากขึ้น แบบแคปซูล */
}
/* ปุ่มทั้งหมดในหน้า WooCommerce (บัญชี, ตะกร้า, ชำระเงิน) */
.woocommerce .button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce-Button.button {
  border-radius: 10px;
  
}
.fontre{
    font-weight:normal;
}
.text-testimonial{
     font-weight:normal;
}
/* ===== หน้า Shop: จัดข้อความชิดซ้าย ===== */
.products .box-text.box-text-products {
  text-align: left !important;
  padding-left: 100px;
}

/* ข้อความอยู่กึ่งกลางแนวตั้งเทียบกับรูปสินค้า */
.products .box-vertical {
  align-items: center;
}

/* ระยะห่างระหว่างส่วน */
.products .box-text .title-wrapper { margin-bottom: 4px; }
.products .box-text .price-wrapper { margin-bottom: 16px; }

/* ปุ่มชิดซ้าย ไม่ยืดเต็มความกว้าง */
.products .add-to-cart-button {
  text-align: left;
}
.products .add-to-cart-button .button {
  display: inline-block;
  width: auto;
  margin: 0;
}
/* ชื่อสินค้าในหน้า Shop */
.products .box-text .product-title {
  max-width: 24em;
  
  
  line-height: 1.55;
  overflow-wrap: anywhere;
  min-height: 3.1em;
}
/* ========== แปลภาษา TH/EN ========== 
.wpml-ls-item a { color: #ffffff; font-weight: 400; }
.wpml-ls-current-language a { color: #fff; font-weight: 700; }*/
.lang-switch {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-transform: none;
  font-size: 16px;
  margin-left: 20px;
}
.lang-switch a {
  color: #ffffff;
  font-weight: 400;
  text-decoration: none;
  transition: color .2s ease;
}
.lang-switch a:hover { color: rgba(255,255,255,.85); }
.lang-switch a.is-active {
  color: #fff;
  font-weight: 700;
}

.lang-sep { color: rgba(255,255,255,.55); }

.lang-en { display: none !important; }

html[lang^="en"] .lang-th { display: none !important; }
html[lang^="en"] .lang-en { display: inline-block !important; }

.header .lang-th,
.header .lang-en { margin-bottom: 0; }


/* ========== My Account → ที่อยู่ ========== */

/* คำอธิบายด้านบน */
.woocommerce-edit-address .woocommerce-MyAccount-content > p:first-of-type {
  color: #6b7280;
  font-size: 15px;
  margin-bottom: 26px;
  padding-bottom: 18px;
  border-bottom: 1px solid #eef0f5;
}

/* วางการ์ดเต็มความกว้าง อัตโนมัติ 2 คอลัมน์ */
.woocommerce-Addresses {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 24px;
}

/* ล้าง float/width เดิมของ WooCommerce */
.woocommerce-Addresses .woocommerce-Address,
.woocommerce-Addresses .col-1,
.woocommerce-Addresses .col-2 {
  width: 100% !important;
  max-width: none !important;
  float: none !important;
  margin: 0 !important;
}

/* ตัวการ์ด */
.woocommerce-Address {
  background: #fff;
  border: 1px solid #e6e8ef;
  border-radius: 14px;
  padding: 28px;
  box-shadow: 0 2px 10px rgba(20, 24, 60, .05);
  transition: box-shadow .25s ease, transform .25s ease;
}
.woocommerce-Address:hover {
  box-shadow: 0 10px 26px rgba(20, 24, 60, .10);
  transform: translateY(-2px);
}

/* หัวการ์ด: ชื่อซ้าย ปุ่มแก้ไขขวา */
.woocommerce-Address-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 20px;
  padding-bottom: 16px;
  border-bottom: 1px solid #eef0f5;
}
.woocommerce-Address-title h3 {
  margin: 0;
  font-size: 20px;
  line-height: 1.3;
  color: var(--primary-color, #2f2f7f);
}

/* เปลี่ยนลิงก์ "แก้ไข ที่อยู่ในใบเสร็จ" เป็นปุ่มสั้น ๆ */
.woocommerce-Address-title .edit {
  flex: none;
  font-size: 0;
  line-height: 1;
  padding: 9px 20px;
  border: 1px solid var(--primary-color, #2f2f7f);
  border-radius: 999px;
  white-space: nowrap;
  transition: background .2s ease, color .2s ease;
}
.woocommerce-Address-title .edit::after {
  content: "แก้ไข";
  font-size: 14px;
  font-weight: 600;
  color: var(--primary-color, #2f2f7f);
}
.woocommerce-Address-title .edit:hover {
  background: var(--primary-color, #2f2f7f);
}
.woocommerce-Address-title .edit:hover::after { color: #fff; }

/* เนื้อหาที่อยู่ */
.woocommerce-Address address {
  font-style: normal;
  font-size: 16px;
  line-height: 2;
  color: #333;
  margin: 0;
}

::marker{display: none;}
.woocommerce ul.wc-bacs-bank-details,
.woocommerce ul.order_details {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}

/*=============================================
=            how-to-order #           =
=============================================*/
.pay-box {
  background: ##c7c5c9;
  color: #2f2f7f;
  padding: 30px 30px 30px 30px;
}

.pay-title {
  color: #2f2f7f;
  margin: 0 0 28px;
}

.pay-body {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 40px;
}

.pay-info {
  display: grid;
  grid-template-columns: auto auto 1fr;
  gap: 14px 40px;
  align-content: start;
}

.pay-qr img {
  display: block;
  width: 170px;
  height: auto;
}

.pay-note {
  margin: 32px 0 0;
  line-height: 1.9;
}

@media (max-width: 786px) {
  .pay-box { padding: 28px 22px; }
  .pay-body { flex-direction: column; align-items: center; }
  .pay-info { grid-template-columns: auto 1fr; gap: 12px 20px; }
  .pay-spacer { display: none; }
  .pay-lead { grid-column: 1 / -1; margin-bottom: 6px; }
  .pay-qr { margin-top: 24px; }
}

.how-to-order-head{
  font-weight: 500;
}
/*=============================================
=            Desktop Devices          =
=============================================*/
@media screen and (min-width: 821px) {
  li.html_nav_position_text .row > .col > .col-inner {
    margin: 0 -20px 0 0 !important;
    padding: 0;
  }

}

/*=============================================
=            Tablet Devices            =
=============================================*/
@media screen and (width: 820px) {



}

/*=============================================
=            Mobile Devices            =
=============================================*/
@media screen and (max-width: 786px) {
  
.woocommerce-Address { padding: 22px; }
  .woocommerce-Address-title {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  .header-top .html,
  .header-top .html * {
    font-size: 13px !important;
    letter-spacing: 0;
  }

/* 1 สินค้าต่อ 1 แถว */
  .products.row > .col {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ececec;
  }
  .products.row > .col:last-child { border-bottom: 0; }

  /* กล่องสินค้า: รูปซ้าย ข้อความขวา */
  .products .product-small.box {
    display: grid !important;
    grid-template-columns: 120px 1fr;
    column-gap: 16px;
    align-items: center;
  }

  .products .product-small .box-image {
    grid-column: 1;
    grid-row: 1;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .products .product-small .box-image img {
    width: 100%;
    height: auto;
  }

  .products .product-small .box-text {
    grid-column: 2;
    grid-row: 1;
    width: auto !important;
    padding: 0 !important;
    text-align: left !important;
  }

  /* ข้อความ */
  .products .box-text .product-title {
    font-size: 14px !important;
    line-height: 1.45;
    font-weight: 600;
    max-width: none;
    min-height: 0;
    margin:10px 0 10px 0;
  }
  .products .box-text .price-wrapper {
    font-size: 14px;
    margin: 0 0 10px;
  }

  /* ปุ่ม */
  .products .add-to-cart-button {
    text-align: left;
  }
  .products .add-to-cart-button .button {
    width: auto;
    height: 34px;
    line-height: 40px;
    padding: 0 16px;
    margin: 0;
    font-size: 12px;
    white-space: nowrap;
  }
/* ===== เดสก์ท็อป: บรรทัดเดียวกัน ===== */
.menu-bottom {
  display: flex;
  align-items: center;
  gap: 22px;
  margin: 0;
}
.menu-bottom .social-header-icon {
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 0;
}
.menu-bottom .lang-switch {
  display: flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
}
.social-header-icon {
  display: flex;
  gap: 12px;
  background-color: #2f2f7f;
  padding: 5px 5px 5px 10px;
}
.social-header-icon a{
  background-color: #2f2f7f;
}


/* ===== มือถือ: ซ้อนกัน + ดันลงล่างสุด ===== */
@media (max-width: 849px) {
  #main-menu {
    display: flex;
    flex-direction: column;
    min-height: 60dvh;
  }
  #main-menu .sidebar-menu,
  #main-menu ul.nav-sidebar {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
  }
  #main-menu ul.nav-sidebar > li.html {
    margin-top: auto;
    width: 100%;
  }

  .menu-bottom {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    padding: 20px 0 10px;
    border-top: 1px solid rgba(255, 255, 255, .15);
  }
}
.nav > li > a:hover,
.nav > li > a:focus,
.nav > li.active > a,
.nav > li.current-menu-item > a {
  font-weight: 800 !important;
  color:##0c5c38 !important;
}
#my-account-nav > li > a:hover {
  color: #000 !important;
}
#my-account-nav > li.is-active > a,
#my-account-nav > li.active > a {
  color: #000 !important;
  font-weight: 600;
}


.lang-switch {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-transform: none;
  font-size: 16px;
  margin-left: 0px;
  margin-top: 10px;
}
.lang-switch a {
  color: #0a0a0a;
  font-weight: 400;
  text-decoration: none;
  transition: color .2s ease;
}
.lang-switch a:hover { color: rgb(14, 21, 28); }
.lang-switch a.is-active {
  color: #0a0a0a;
  font-weight: 700;
}
.lang-sep { color: rgb(14, 21, 28); }
#main-menu .nav-sidebar > li.menu-item {
  background-color: #ffffff;
}
#main-menu .sidebar-menu {
  background-color: #ffffff;
}
#main-menu .nav-sidebar > li:not(.html):not(.account-item) {
  background-color: #ffffff;
}
#main-menu,
.off-canvas .mfp-content {
  background-color: #ffffff;
}
.off-canvas-left.mfp-ready .mfp-content, .off-canvas-right.mfp-ready .mfp-content {
    opacity: 1;
    transform: translate(0);
    background-color: #ffffff;
}
.off-canvas .nav-item a,
.off-canvas .menu-item a {
  color: #2f2f7f !important;
}
 .header-main li.html.custom {
  display: block !important; }
}
.header-main .flex-col.show-for-medium.flex-right {
    margin-left: auto;
  }
  .header-main ul.mobile-nav {
    justify-content: flex-end;
  }
  .header-main ul.mobile-nav > li:last-child {
    margin-right: -50px !important;
  }