/* 
Theme Name: Hello Elementor Child
Theme URI: https://gustabe.com/dev/elementor/hello-theme-child/
Description: ตรีมลูกใช้ในการการร่วมพัฒนาเว็บที่ใช้ elementor 
Author: jirateap charungpan
Author URI: https://gustabe.com/
Template: hello-elementor
Version: 2.2.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* --- เริ่มต้นใส่ Custom CSS ของคุณด้านล่างนี้ --- */


@font-face {
    font-family: 'Metrize-Icons';
    src: url('/wp-content/plugins/icon-element/assets/metrize/fonts/Metrize-Icons.woff') format('woff');
  }

/* 1. ตั้งค่าฟอนต์เริ่มต้นสำหรับทั้งเว็บไซต์ */
body,
button, /* ปุ่มต่างๆ */
input,  /* ช่องกรอกข้อมูล */
select, /* Dropdown */ 
textarea /* Textarea */ {
    font-family: 'Noto Sans Thai', sans-serif; /* ฟอนต์หลักคือ Noto Sans Thai, ถ้าไม่มีใช้ sans-serif */
    font-weight: 400; /* น้ำหนักปกติ (Regular) ที่เราโหลดมา */
    /* line-height: 1.6; */ /* (ทางเลือก) ปรับระยะห่างบรรทัดให้อ่านง่ายขึ้น */
}

/* 2. ตั้งค่าฟอนต์สำหรับ Headings (H1-H6) */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Noto Sans Thai', sans-serif; /* ยืนยันให้ใช้ Noto Sans Thai */
    /* font-weight: 700; */ /* (ทางเลือก) ถ้าต้องการให้หัวข้อทุกระดับเป็นตัวหนาเสมอ ให้เอาคอมเมนต์ออก */
                                /* ปกติ Elementor จะมีการตั้งค่าความหนาของหัวข้ออยู่แล้ว */
}

/* 3. ตั้งค่าฟอนต์สำหรับ Elementor Widgets (ตัวอย่าง) */
/* เราต้องเจาะจงขึ้น เพราะ Elementor อาจกำหนดฟอนต์เฉพาะจุด */

/* ข้อความใน Text Editor Widget */
.elementor-widget-text-editor {
     font-family: 'Noto Sans Thai', sans-serif;
     /* อาจไม่จำเป็นต้องใส่ font-weight ที่นี่ เพราะจะสืบทอดจาก body */
}

/* ข้อความหัวข้อใน Heading Widget */
.elementor-widget-heading .elementor-heading-title {
     font-family: 'Noto Sans Thai', sans-serif !important; /* อาจต้องใช้ !important ถ้า Elementor ตั้งค่าแบบเจาะจงมาก */
}

/* ข้อความบน Button Widget */
.elementor-widget-button .elementor-button {
     font-family: 'Noto Sans Thai', sans-serif !important; /* อาจต้องใช้ !important */
     /* font-weight: 700; */ /* (ทางเลือก) ถ้าต้องการให้ปุ่มเป็นตัวหนาเสมอ */
}

/* ข้อความใน Icon List Widget */
.elementor-widget-icon-list .elementor-icon-list-text {
    font-family: 'Noto Sans Thai', sans-serif;
}

/* คุณอาจต้องเพิ่ม Selector สำหรับ Widget อื่นๆ ที่ใช้ เช่น Icon Box, Price List, etc. */
/* วิธีหา Selector: คลิกขวาบนข้อความที่ต้องการเปลี่ยน -> Inspect -> ดู class ของ element นั้นๆ */


/* 4. ตั้งค่า Font Weight สำหรับตัวหนา */
strong, b {
    font-weight: 700; /* ใช้น้ำหนักตัวหนา (Bold) ที่เราโหลดมา */
}







.custom-scroll-buttons-horizontal {
 
    gap: 20px !important;
}

.custom-scroll-buttons-horizontal  button{
    background: linear-gradient(45deg, #61ce70, #07afcc);
    color: white;
    border: none;
    padding: 10px 15px;
    cursor: pointer;
    border-radius: 5px;
}

.custom-scroll-buttons-horizontal button:hover{
    background: #7ab098;
}









.slide_wn_1 {

    /* กำหนดวิธีเลือนความสูงให้เกิดการเลื่อน */
      overflow-x: auto;
      overflow-y: none;
      border: 1px none #ccc; /* เส้นขอบเพื่อให้เห็นขอบเขต */
      padding: 10px;
    }
    
    
    /* 🔥 ปรับแต่ง Scrollbar */
    .slide_wn_1::-webkit-scrollbar {
        height: 10px;
    }
    
    .slide_wn_1::-webkit-scrollbar-track {
        background: #f2e6ff00;
        border-radius: 10px;
    }
    
    .slide_wn_1::-webkit-scrollbar-thumb {
        background: linear-gradient(45deg, #61ce70, #07afcc);
        border-radius: 10px;
        border: 2px solid #f2e6ff;
    }
    
    .slide_wn_1::-webkit-scrollbar-thumb:hover {
        background: linear-gradient(45deg, #0a6c7d, #07afcc;
    }


/* --- จบส่วน Custom CSS --- */