@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//www.portjolio.net/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=8.1.1") format("woff2");
}

@font-face {
	font-family: "star";
	font-weight: 400;
	font-style: normal;
	src: url("//www.portjolio.net/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("//www.portjolio.net/wp-content/plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("//www.portjolio.net/wp-content/plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("//www.portjolio.net/wp-content/plugins/woocommerce/assets/fonts/star.svg#star") format("svg");
}

@font-face {
	font-family: "WooCommerce";
	font-weight: 400;
	font-style: normal;
	src: url("//www.portjolio.net/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("//www.portjolio.net/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("//www.portjolio.net/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"), url("//www.portjolio.net/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg");
}

:root {
	--wd-text-font: "Noto Sans Thai", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(118,118,118);
	--wd-text-font-size: 15px;
	--wd-title-font: "Noto Sans Thai", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 500;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Noto Sans Thai", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 400;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Noto Sans Thai", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Noto Sans Thai", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 500;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Noto Sans Thai", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 14px;
	--wd-primary-color: rgb(61,56,245);
	--wd-alternative-color: rgb(165,165,165);
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
	--btn-default-bgcolor: rgb(226,226,226);
	--btn-default-bgcolor-hover: rgb(0,0,0);
	--btn-accented-bgcolor: rgb(0,0,0);
	--btn-accented-bgcolor-hover: rgb(221,51,51);
	--wd-form-brd-width: 2px;
	--notices-success-bg: rgba(69,150,71,0);
	--notices-success-color: rgb(69,150,71);
	--notices-warning-bg: rgba(221,51,51,0);
	--notices-warning-color: rgb(221,51,51);
}
.wd-popup.wd-age-verify {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: url(https://www.portjolio.net/wp-content/uploads/2021/07/promo-popup.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	--wd-popup-width: 800px;
	--wd-popup-padding: 15px;
}
.woodmart-woocommerce-layered-nav .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title {
	background-color: rgb(226,226,226);
	background-image: none;
	background-size: cover;
	background-position: center center;
}
.product-labels .product-label.onsale {
	color: rgb(255,255,255);
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}
.woocommerce-product-gallery.thumbs-position-left {
	--wd-thumbs-height: 420px;
}
:root{
--wd-container-w: 1600px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #fff;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 0px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-default-box-shadow-active: none;
--btn-default-bottom: 0px;
--btn-accented-bottom-active: -1px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
--btn-accented-box-shadow-hover: inset 0 -2px 0 rgba(0, 0, 0, .15);
--wd-brd-radius: 0px;
}



.woocommerce .dokan-vendor-registration {
    display: none !important;
}

.dokan-store-sidebar {
    display: none !important;
}
.dokan-store-wrap .dokan-store-products {
    width: 100% !important;
}

/* เมนูปกติ - ซ่อนในมือถือ */
@media (max-width: 768px) {
  .dokan-dashboard-menu {
    display: none;
  }

  .dokan-dashboard-menu.show-mobile-menu {
    display: flex;
    flex-direction: column;
    background: #fff;
    padding: 10px 0;
    border: 1px solid #eee;
    margin-top: 5px;
    z-index: 10;
  }

  /* ปุ่ม hamburger */
  #mobile-menu-icon {
    font-size: 0;
    background: #f5f5f5;
    padding: 12px;
    width: 100%;
    text-align: center;
    cursor: pointer;
    border: none;
  }

  #mobile-menu-icon::before {
    content: "\2630"; /* ☰ */
    font-size: 22px;
    color: #333;
  }

  /* เมื่อเมนูเปิด: เปลี่ยนเป็น ❌ */
  body.menu-open #mobile-menu-icon::before {
    content: "\2715"; /* ❌ */
    color: #c00;
  }
}

.dokan-progress-bar-info {
background-color : #aaa;
}

/* ปุ่ม OK และ Edit */
button.save,
button.button.button-small,
button.edit-slug {
  background-color: #000000 !important;
  color: #ffffff !important;
  border: 1px solid #000000 !important;
  padding: 6px 16px;
  font-weight: 500;
	margin-top: 5px;
}

/* Hover: OK และ Edit */
button.save:hover,
button.button.button-small:hover,
button.edit-slug:hover {
  background-color: #222222 !important;
  border-color: #222222 !important;
}

/* ปุ่ม Cancel */
button.cancel,
button.button-link.cancel {
  background-color: transparent !important;
  color: #000000 !important;
  border: 1px solid #000000 !important;
  padding: 6px 16px;
  font-weight: 500;
	margin-top: 5px;
}

/* Hover: Cancel */
button.cancel:hover,
button.button-link.cancel:hover {
  background-color: #f5f5f5 !important;
}

/* ✅ ให้ image preview แสดงตามอัตราส่วนจริง */
.dokan-feat-image-upload .image-wrap {
  max-width: 100%;
  max-height: 300px;
  overflow: hidden;
  border-radius: 8px;
}

.dokan-feat-image-upload .image-wrap img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  display: block;
  margin: 0 auto;
  border-radius: 8px;
  object-fit: contain;
}

/* ปรับขนาด font เฉพาะ title ของ post ใน blog loop */
h3.wd-entities-title.title.post-title {
  font-size: 18px; /* ขนาดสำหรับ Desktop */
  line-height: 1.3;
}

/* ปรับขนาด font ของวันใน blog post ทั้ง Desktop และ Mobile */
.wd-post-date.wd-style-with-bg .post-date-day {
  font-size: 16px; /* ขนาดใหม่สำหรับ Desktop */
  padding-top: 4px;
  padding-bottom: 4px;
}


/* ปรับขนาด font บน Mobile */
@media (max-width: 767px) {
  h3.wd-entities-title.title.post-title {
    font-size: 16px; /* ขนาดเล็กลงบนมือถือ */
    line-height: 1.4;
  }
	
	 .wd-post-date.wd-style-with-bg .post-date-day {
    font-size: 14px;
    padding-top: 3px;
    padding-bottom: 3px;
  }
	
}

/* ✅ ตัวครอบแต่ละธนาคาร */
.omise-banks-list .item,
#omise-form-internetbanking .item,
#omise-form-mobilebanking .item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 0;
  margin-bottom: 12px;
  background: none;
  border: none;
}

/* ✅ ซ่อน radio button ออกไป */
.omise-banks-list .item input[type="radio"],
#omise-form-internetbanking .item input[type="radio"],
#omise-form-mobilebanking .item input[type="radio"] {
  display: none;
}

/* ✅ label ธนาคาร */
.omise-banks-list .item label,
#omise-form-internetbanking .item label,
#omise-form-mobilebanking .item label {
  display: flex;
  align-items: center;
  flex: 1;
  padding: 16px;
  border: 1px solid #eee;
  border-radius: 8px;
  background: #fff;
  cursor: pointer;
  transition: all 0.3s ease;
}

/* ✅ logo */
.bank-logo, .mobile-banking-logo {
  width: 48px;
  height: 48px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-right: 16px;
  flex-shrink: 0;
}

/* ✅ ชื่อธนาคาร */
.bank-label .title,
.mobile-banking-label .title {
  font-weight: 600;
  font-size: 16px;
  color: #333;
}

/* ✅ ค่าธรรมเนียม */
.bank-label .omise-secondary-text {
  font-size: 13px;
  color: #888;
  margin-top: 4px;
  display: block;
}

/* ✅ ตอนเลือกแล้ว: highlight label */
.omise-banks-list .item input[type="radio"]:checked + label,
#omise-form-internetbanking .item input[type="radio"]:checked + label,
#omise-form-mobilebanking .item input[type="radio"]:checked + label {
  border: 2px solid #dd3333;
  background: #fff8f8;
}

/* ✅ Hover (optional) */
.omise-banks-list .item label:hover,
#omise-form-internetbanking .item label:hover,
#omise-form-mobilebanking .item label:hover {
  background: #f9f9f9;
}

/* ✅ Responsive */
@media (max-width: 767px) {
  .bank-logo, .mobile-banking-logo {
    width: 40px;
    height: 40px;
    margin-right: 12px;
  }

  .bank-label .title,
  .mobile-banking-label .title {
    font-size: 15px;
  }

  .bank-label .omise-secondary-text {
    font-size: 12px;
  }
}

/* ====== Global reset ที่จำเป็นเท่านั้น ====== */

/* ลบ border, background, box-shadow เฉพาะที่ต้องลบ */
.dokan-store-wrap,
.dokan-store-wrap .dokan-store-sidebar,
.dokan-store-wrap .dokan-single-store,
.dokan-store-wrap .dokan-store-tabs,
.dokan-store-wrap .dokan-store-products-filter-area,
.dokan-store-wrap .profile-frame,
.dokan-store-wrap .profile-info-box,
.dokan-store-tabs ul.dokan-list-inline,
.dokan-store-tabs ul.dokan-list-inline li,
.dokan-single-store .profile-frame .profile-info-box.profile-layout-layout2 .profile-info-summery-wrapper,
.dokan-single-store .profile-frame .profile-info-box.profile-layout-layout2 .profile-info-summery-wrapper .profile-info-summery .profile-info-head .profile-img img,
.dokan-single-store .dokan-store-tabs ul.dokan-modules-button,
.dokan-single-store .dokan-store-tabs ul.dokan-modules-button li {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* ลบพื้นหลังสีเทาในทุกกล่องอีกทีเฉพาะ seller-items */
.seller-items,
.seller-items * {
  background: transparent !important;
  box-shadow: none !important;
}


/* ====== ปุ่ม Follow, DM, Share ====== */

.dokan-single-store .dokan-store-tabs ul.dokan-modules-button {
  display: flex;
  gap: 10px;
  justify-content: center;
  padding: 0;
  margin: 20px 0;
  list-style: none;
}

.dokan-modules-button .dokan-btn {
  background-color: #000 !important;
  color: #fff !important;
  border: none !important;
  padding: 10px 24px;
  font-size: 14px;
  font-weight: 500;
  border-radius: 10px;
  text-transform: capitalize;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.dokan-modules-button .dokan-btn:hover {
  background-color: #222 !important;
}


/* ====== Dokan Store Tabs (Products / Reviews / Vendor Bio) ====== */

/* Reset ul */
.dokan-store-tabs ul.dokan-list-inline {
  margin: 0 !important;
  padding: 0 !important;
}

/* ใส่ margin ให้เฉพาะลูกตรงๆ */
.dokan-store-tabs > ul.dokan-list-inline {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}

/* Hover effect ของ Tab */
.dokan-store-tabs ul.dokan-list-inline li a:hover {
  border-bottom: 2px solid #DD3333;
  color: #000;
}

.dokan-store-tabs ul.dokan-list-inline li.active a {
  border-bottom: 2px solid #DD3333;
}


/* ====== Product Grid ====== */

/* ปรับ product badge เป็นวงกลม */
.dokan-store-wrap .product-labels .product-label.onsale {
  background: #DD3333 !important;
  color: #fff !important;
  border-radius: 50% !important;
  width: 48px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
}

/* บน Desktop: grid 4 columns */
@media (min-width: 1025px) {
  .seller-items .wd-products {
    --wd-col-lg: 4 !important;
  }
}


/* ====== Mobile Responsive ====== */

@media (max-width: 767px) {

  /* ✅ Align center และใส่ padding ซ้าย-ขวาให้สวย */
  .dokan-single-store .profile-frame,
  .dokan-single-store .profile-info-box,
  .dokan-single-store .dokan-store-tabs,
  .dokan-single-store .seller-items {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0px;
    padding-right: 0px;
    box-sizing: border-box;
  }

  /* ✅ ให้สินค้า grid มี spacing ไม่ติดขอบ */
  .seller-items {
    margin-top: 30px;
  }

  .seller-items .wd-products {
    margin-left: -8px;
    margin-right: -8px;
  }

  .seller-items .product-grid-item {
    padding-left: 8px;
    padding-right: 8px;
  }
}