/* Page Header — BG เต็มจอ + ตัวอักษรขาว */
:root { --brand-red:#dd0000; --brand-dark:#424242; --container:1280px; }

/* === Page Header === */
/* content อยู่ใน container, BG เต็มจอด้วย ::before */
.page-header{
  position:relative;
  padding:12px 0;          /* ระยะสูงของแถบ */
  margin:0 0 0 0;          /* ไม่มีช่องล่าง */
  color:#fff               /* ข้อความขาว */
}
.page-header::before{
  content:"";
  position:absolute;
  top:0; left:50%;
  width:100vw; height:100%;
  transform:translateX(-50%);
  background:var(--brand-red);
  z-index:-1;              /* อยู่หลังข้อความ */
}
.page-header h1{ 
	margin:0;
}
/* เนื้อหาในแถบ header */
.page-header,
.page-header * {
  color: #fff !important; /* ข้อความเป็นสีดำ อ่านชัดบนพื้นขาว */
}

.site-header {
  border-bottom: 1px solid #f4f4f4;
}


/* === Type scale / ตัวอักษรหลัก === */
/* font size */
h1 /* subject header, woo : page title, product title (single product) */ {
  font-size: 28px;
  color: #dd0000;
	text-align: left;
}
h2 
/* title page, woo : loop product title, 
product subtitle (single product), tab-title-description (single product) */ {
  font-size: 24px;
  color: #dd0000;
}
h3 /* product prize (single product) */ {
  font-size: 20px;
  color: #dd0000;
}
h4 /* woo : product-subtitle */ {
  font-size: 18px;
}
h6 /* product brand (single product) */ {
  font-size: 14px;
}
p, td, tr, ul, li, .gallery-caption {
  font-size: 16px;
	line-height: 1.5;
}
h1, h2, h3, h4, h5, h6, p, td, tr, ul, li, nav, .menu, .button, .price {
  letter-spacing: 0.3px;
}
.widget .content-item .entry-title, .entry-title {
  font-size: 18px;
}
.content-item .entry-summary p, .products li h2, .lsow-module .entry-summary {
  font-size: 16px;
}

/*----------------------------------------- */


/* content area */
/*.content-area {
  min-height: 0px;
}
body.page .site-main {
    max-width: 100%;
}
@media (min-width: 1024px){
    body.page .s-container {
        max-width: 1280px !important;
    }
}*/

/* ----------------------------------------- */

/* content-pagination */
.content-pagination {
  text-align: center;
}

/* ----------------------------------------- */

/* change colour when mouse hover */
a {
  color: #254655;
}
a:hover {
  color: #dd0000;
}

.main-title a:hover {
  color: #000000 !important;
}

#pgc-w591bdb0989ba3-0-1 a:hover {
  color: #dd0000 !important;
}

.site-footbar a:hover {
  color: #dd0000 !important;
  opacity: 1;
}
/* ----------------------------------------- */

/* image change to grayscale image when mouse hover (create image by SiteOrigin Image */
.so-widget-image {
	filter: grayscale(0);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.so-widget-image:hover {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
  opacity: .8;
}
/* ----------------------------------------- */

/* main head - change colour */
.main-header {
  background-color: #dd0000;
}
/* ----------------------------------------- */

/* author -> hidden on single post*/
.single .content-area .byline {
  display: none;
}
/* ----------------------------------------- */

/* setting : seed social*/
.seed-social {
  margin-bottom: 50px;
}
/* ----------------------------------------- */

/* Post Loop : pagination */
.content-pagination a {
  border: 0px;
  background-color: #424242;
  color: #ffffff;
}
.page-numbers.current {
  background-color: #dd0000;
  border: 0px;
  color: #ffffff;
}
/* ----------------------------------------- */

/* Tag Cloud */
.panel-grid .widget-title {
  font-size: 18px
}
.tagcloud a { 
  font-family: "kanit", sans-serif !important;
  font-size: 14px !important;
  background: #dd0000;
  color: #fff;
  display: inline-block;
  margin: 0px 10px 10px 0px;
  padding: 5px 10px 5px 10px;
}
.tagcloud a:hover { 
  background: #424242;
  color: #fff;
  display: inline-block;
  margin: 0px 10px 10px 0px;
  padding: 5px 10px 5px 10px;
}

/* ----------------------------------------- */

/* change button colour when mouse hover */
.so-widget-sow-button .ow-button-base a.ow-button-hover:hover {
  background: #424242!important;
  border-color: #424242!important;
}
.so-widget-sow-contact-form-default-2f1b841504ee .sow-contact-form .sow-submit-styled .sow-submit a.sow-submit:hover {
  background: #424242!important;
  border-color: #424242!important;
}
.so-widget-sow-button-flat-c1af1e4a8273 .ow-button-base a {
  font-family: "kanit", sans-serif;
  font-weight: 400;
  font-size: 16px;
}
.ow-button-hover{
  font-family: "kanit", sans-serif;
  font-weight: 400;
  font-size: 16px;
}
/* ----------------------------------------- */


/* Related Posts - Plugin Setting */
.yuzo_related_post {
  background-color: #dd0000;
  padding: 0px;
  margin: 30px 0;
}
.yuzo_related_post h3 {
  padding-left: 10px;
  color: #ffffff;
}
.yuzo_related_post .relatedthumb {
  background-color: #f9f9f9;
  border: 1px solid #fff;
}
.yuzo_related_post .relatedthumb a {
  font-family: "kanit", sans-serif;
  font-weight: 300;
  font-size: 18px !important;
  padding-bottom: 10px;
}
.yuzo_related_post .yuzo_text {
  font-family: "kanit", sans-serif;
  font-weight: 300;
  line-height: 24px;
  font-size: 14px !important;
}
.yuzo-img {
  width: 150px;
  height: auto;
}

/* ----------------------------------------- */

/* Codenovo Portfolio - Plugin Setting */
#cnFilterOptions {
  text-align: center;
  margin-bottom: 10px;
}
ul#cnFilterOptions li.active {
  color: #ffffff !important;
  background: #424242;
}
ul#cnFilterOptions li a:hover {
  color: #ffffff;
  background: #424242;
}
ul#cnFilterOptions li {
  display: inline-block;
  background: #dd0000;
  border: none;
  line-height: 40px;
  color: #333333;
  padding: 0;
}
#cnFilterOptions li a {
  font-size: 18px !important;
  font-family: "kanit", sans-serif;
  font-weight: 300 !important;
}
#cnFilterOptions li a {
  font-size: 18px !important;
  font-family: "kanit", sans-serif;
  font-weight: 300 !important;
}
#cnFilterOptions li.active a {
  color: #fff !important;
}
#cnfolioHolder ul li {
  padding: 10px;
  margin: 0px;
}
#cnfolioHolder .cnportfolio-content-wrapper {
  margin-top: 50%;
}
#cnfolioHolder .cnportfolio-content-wrapper h3 {
  font-size: 20px !important;
  font-weight: normal !important;
}
ul.cnOurHolder li.item {
  padding: 10px;
}
.zoom-anim-dialog .image img {
    display: none;
}

/* ----------------------------------------- */

/* WP Post Navigation - Plugin Setting */
.wp-post-navigation {
  margin: 30px 0 30px 0;
}

.wp-post-navigation div {
  min-height: 0px;
  width: 280px;
}

.wp-post-navigation-pre {
  margin: 0 0 30px 0;
}

/* ----------------------------------------- */


/* Logo Carousel - Plugin Setting */
.bx-wrapper .bx-caption span {
  font-size: 1.2em;
  font-family: "kanit", sans-serif !important;
}
.bx-wrapper {
  margin: 0px !important;
}
.bx-wrapper .bx-viewport {
  left: 0;
}
/* ----------------------------------------- */

/* Img Gallery (เฉพาะ gallery เท่านั้น) */
.gallery img {
  border: 0 !important;
}
.gallery .gallery-item {
  padding: 10px;
  border: 0 !important;
}



/* === WooCommerce Main Page */
/* เดสก์ท็อป: 4 คอลัมน์ */
.woocommerce ul.products.columns-4,
.woocommerce-page ul.products.columns-4{
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 30px !important;
  align-items: start !important;
}

/* กัน layout เก่าแบบ float */
.woocommerce ul.products li.product{ float:none !important; width:auto !important; }

/* ให้รูปไม่โดนบีบ */
.woocommerce ul.products li.product img{ width:100% !important; height:auto !important; }

/* Tablet / Mobile */
@media (max-width:1024px){
  .woocommerce ul.products.columns-4{ grid-template-columns: repeat(2, 1fr) !important; }
}
@media (max-width:600px){
  .woocommerce ul.products.columns-4{ grid-template-columns: 1fr !important; }
}

/* === Product Title (ชื่อสินค้า) สีแดง === */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce-page ul.products li.product .woocommerce-loop-product__title {
  color: #dd0000 !important;
  font-weight: 400;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title:hover {
  color: #424242 !important;
}

/* === ปิดไม่ให้แสดงปุ่ม อ่านเพิ่มเติม === */
.products .button {
   display: none;
}
.product_meta {
  margin: 30px 0 10px 0;
}

/* === WooCommerce Breadcrumb: Full-width red bar (all product pages) === */
/* แถบแดง breadcrumb */
.single-product nav.woocommerce-breadcrumb,
.post-type-archive-product nav.woocommerce-breadcrumb,
.tax-product_cat nav.woocommerce-breadcrumb {
  position:relative; display:block; text-align:left;
  padding:10px 0; margin:0 0 16px; color:#fff !important;
}
.single-product nav.woocommerce-breadcrumb::before,
.post-type-archive-product nav.woocommerce-breadcrumb::before,
.tax-product_cat nav.woocommerce-breadcrumb::before {
  content:""; position:absolute; top:0; left:50%;
  width:100vw; height:100%; transform:translateX(-50%);
  background:#dd0000; z-index:-1;
}
.single-product nav.woocommerce-breadcrumb a,
.post-type-archive-product nav.woocommerce-breadcrumb a,
.tax-product_cat nav.woocommerce-breadcrumb a { color:#fff !important; }

/* ซ่อน breadcrumb ของธีมใน .main-title (กันซ้ำ) */
.post-type-archive-product .main-title > *:not(nav.woocommerce-breadcrumb),
.tax-product_cat .main-title > *:not(nav.woocommerce-breadcrumb),
.single-product .main-title > *:not(nav.woocommerce-breadcrumb) {
  display:none !important;
}

/* ชื่อสินค้าในกริดเป็นแดง */
.woocommerce ul.products li.product .woocommerce-loop-product__title{ color:#dd0000 !important; }

/* ซ่อน page-title / page-description ของธีมในหน้าร้าน (กันซ้ำกับ main-title-shop) */
.shop-content .term-description {
  display: none !important;
}

/* คงไว้เฉพาะ main-title-shop ที่เราสร้าง */
.main-title-shop { margin-bottom: 12px; }
.main-title-shop .heading { font-size: 26px; line-height: 1.25; margin: 0 0 6px; color: #dd0000; }
.main-title-shop .page-description { color: #666; }


/* setting : Product Main Page */
/*#pgc-w593795a6a26f9-0-0,
#pgc-w593795a6a26f9-0-1,
#pgc-w593795a6a26f9-0-2,
#pgc-w593795a6a26f9-1-0,
#pgc-w593795a6a26f9-1-1,
#pgc-w593795a6a26f9-1-2 {
  margin-bottom: 0px !important;
}*/

/* ----------------------------------------- */

/* Woocommerce sidebar widget - setting */
.widget-area .widget {
  font-size: 16px;
  margin-bottom: -27px;
}
.widget-area {
  margin-bottom: 60px;
}
ul.product-categories {
  font-size: 16px;
}
.widget_product_categories {
  font-size: 16px;
  border: 0px;
  border-radius: 0px;
  padding: 0px;
}
.product-categories .cat-item {
  background-color: #f9f9f9;
  border: 1px solid #fff;
  padding: 20px 15px 20px 15px;
}

.cat-item .cat-item-26 .current-cat {
  background-color: #424242;
}
#menu-item-1296 {
  background-color: #424242;
  border: 1px solid #fff;
  padding: 20px 15px 20px 15px;
}
#menu-item-1296 a {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  line-height: 12px;
}
#menu-item-1296 a:hover {
  color: #dd0000;
}
ul.menu {
	margin-bottom: 0px;
}
.shop-main {
  margin: 30px auto 40px;
}

/* ไม่แสดง bullet ที่ shop left menu*/
.widget_product_categories ul,
.widget_product_categories ul li,
#menu-all-safety-equipment.menu li {
  list-style: none !important;
}

/* Woocommerce - Plugin Setting : meta tags*/
body.single-product .sku_wrapper {
  display: block;
  font-family: "kanit", sans-serif;
  font-size: 14px;
  color: #333333;
}
.tagged_as {
  display: block;
}
.product_meta {
  font-family: "kanit", sans-serif;
  font-weight: 300;
  font-size: 14px;
}
/* ----------------------------------------- */

.single-cat .posted-cat {
  justify-content: left;
}
.single-cat {
  margin-top: 15px;
	margin-bottom: 0px;
}

/*Livemest Plugin - Carousel Setting*/
.lsow-posts-carousel .lsow-posts-carousel-item .hentry {
  border-radius: 0 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.lsow-posts-carousel .lsow-posts-carousel-item .lsow-entry-text-wrap {
  padding: 10px !important;
}
.lsow-posts-carousel .lsow-posts-carousel-item .lsow-entry-text-wrap .entry-title {
  letter-spacing: 0px !important;
  font-weight: normal !important;
  text-transform: capitalize !important;
}
.lsow-block-header-expanded .lsow-block-header.lsow-no-heading {
  justify-content: flex-end;
}
/*---------------------------------------------*/


/* Woocommerce Plugin Setting : tab description */
/*.panel {
  border: 0px solid transparent;
  box-shadow: 0 0px 0px;
}
.woocommerce-result-count {
  font-family: "kanit", sans-serif;
  font-weight: 300;
  font-size: 18px;
}
.woocommerce-loop-product__title {
  font-size: 18px !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  font-weight: 400;
}*/