/*
Theme Name: Homirx
Theme URI: https://gaviaspreview.com/wp/homirx/
Author URI: https://themeforest.net/user/gavias
Author: Gaviasthemes Team
Description: The 2024 theme for WordPress is a fully responsive theme that looks great on any device.
Version: 1.1.3
Tested up to: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, sticky-post, theme-options, translation-ready
Text Domain: homirx

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
.wp-caption-text{
   font-weight: 400;
   font-size: 14px;
   font-style: italic;
   color: #3f3836;
}
.gallery-caption{
   font-weight: 500;
}
.bypostauthor{
   text-align: left;
}

/* start Earth edit */
.elementor-tab-title.elementor-active img {
    filter: brightness(0) invert(1) !important;
}

.btn-curve-box {
	border: 1px solid #d7d7d7; 
	border-radius: 10px; 
	padding: 5px 20px; 
	margin-bottom: 7px;
}
.capsule-box {
    border: 1px solid #ffffff;    /* ขอบสีขาว */
    border-radius: 50px;          /* มุมมน */
    padding: 15px 30px;           /* ระยะห่างด้านใน */
    margin-bottom: 15px;          /* ระยะห่างด้านล่าง */
    color: #ffffff;               /* สีตัวอักษร */
    font-size: 18px;              /* ขนาดตัวอักษร */
    font-weight: 500;             /* ความหนา */
    background-color: transparent; /* พื้นหลังโปร่งใส */
    transition: all 0.3s ease;    /* (แถม) ทำให้เวลาเมาส์ชี้มันนุ่มนวล */
}

.testimonial-one__icon {
    display: none !important;
}
/* --- เริ่มต้นโค้ดจัดตาราง Tabs (สำหรับ Elementor Free) --- */

/* 1. จัดกล่องแม่ให้เป็นตาราง 5 ช่อง */
.grid-tabs .e-n-tabs-heading {
    display: grid !important;
    grid-template-columns: repeat(5, 1fr); /* เลข 5 คือจำนวนคอลัมน์ */
    gap: 15px; /* ระยะห่างระหว่างปุ่ม */
    width: 100%;
    margin-bottom: 20px; /* ดันเนื้อหาด้านล่างให้ห่างออกมาหน่อย */
    overflow: visible !important; /* ป้องกันไม่ให้มี Scrollbar */
}

/* 2. จัดปุ่มลูกแต่ละปุ่มให้สวยงาม */
.grid-tabs .e-n-tab-title {
    display: flex !important;
    flex-direction: column;     /* บังคับไอคอนอยู่บน ตัวหนังสืออยู่ล่าง */
    justify-content: center;    /* จัดกึ่งกลางแนวตั้ง */
    align-items: center;        /* จัดกึ่งกลางแนวนอน */
    text-align: center;
    
    width: 100% !important;     /* กว้างเต็มช่องของมัน */
    height: 120px;              /* 🔴 ความสูงปุ่ม (แก้เลขนี้ได้ตามใจชอบ) */
    
    background-color: #ffffff;  /* พื้นหลังสีขาว */
    border: 1px solid #E5E5E5;  /* เส้นขอบสีเทาอ่อน */
    border-radius: 12px;        /* มุมโค้ง */
    padding: 10px !important;
    margin: 0 !important;       /* ลบระยะเดิมทิ้ง */
    transition: all 0.3s ease;  /* เอฟเฟกต์ตอนชี้ */
}

/* 3. ตอน Active (ปุ่มที่ถูกกด) ให้เปลี่ยนสี */
.grid-tabs .e-n-tab-title[aria-selected="true"] {
    background-color: #1E206E !important; /* สีน้ำเงินเข้ม */
    color: #ffffff !important;
    border-color: #1E206E !important;
}
/* สั่งให้รูปภาพข้างในปุ่ม Active เปลี่ยนเป็นสีขาว (สูตรวิชามาร) */
.grid-tabs .e-n-tab-title[aria-selected="true"] img {
    filter: brightness(0) invert(1) !important;
}

/* 4. ตอนเอาเมาส์ชี้ (Hover) */
.grid-tabs .e-n-tab-title:hover {
    border-color: #1E206E;
    transform: translateY(-3px); /* ลอยขึ้นนิดนึงให้ดูมีมิติ */
}

/* 5. 📱 ปรับสำหรับมือถือ (ให้เหลือ 2 คอลัมน์) */
@media (max-width: 767px) {
    .grid-tabs .e-n-tabs-heading {
        grid-template-columns: repeat(2, 1fr); /* มือถือแสดง 2 ปุ่มต่อแถว */
        gap: 10px;
    }
    .grid-tabs .e-n-tab-title {
        height: 100px; /* มือถือปุ่มเตี้ยลงหน่อย */
        font-size: 14px; /* ตัวหนังสือเล็กลงนิดนึง */
    }
}
/* ซ่อนชื่อผู้โพสต์ (admin) ในหน้าข่าวสาร */
.author.vcard {
    display: none !important;
}

/* ซ่อนหัวข้อและเส้นขีดแดง ใน Widget ที่ชื่อ only-dropdown */
.only-dropdown .widget-title, 
.only-dropdown h5, 
.only-dropdown h4, 
.only-dropdown h3 {
    display: none !important; /* สั่งซ่อนหัวข้อ */
}

/* ซ่อนเส้นขีดแดง (เผื่อมันแยกชิ้นกัน) */
.only-dropdown .headline__underline {
    display: none !important;
}
/* end Earth edit */