/*
 Theme Name: Blocksy Child
 Theme URI: https://creativethemes.com/blocksy/
 Description: Child theme for Blocksy. Safe place for custom CSS/JS/PHP.
 Author: Your Name
 Author URI: https://example.com
 Template: blocksy
 Version: 1.0.0
 License: GNU General Public License v2 or later
 License URI: https://www.gnu.org/licenses/gpl-2.0.html
 Text Domain: blocksy-child
*/

/* --- Your custom CSS goes below this line --- */
/* ====== TOP-LEVEL MENU: layout ไอคอนเหนือข้อความ จัดกึ่งกลาง ====== */
.ct-header{background:linear-gradient(180deg,#000 0%,#111 40%,#1a1a1a 100%);border-bottom:2px solid #FFD700;}
.ct-header .ct-main-navigation .menu{display:flex;align-items:center;justify-content:center;gap:26px;}
.ct-header .ct-main-navigation .menu>li.menu-push-right{margin-left:auto;}
.ct-header .menu>li>a.ct-menu-link.menu-image-title-below{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:10px 14px;position:relative;text-decoration:none;}
.ct-header .menu>li>a.ct-menu-link.menu-image-title-below>img.menu-image{width:40px!important;height:40px!important;object-fit:contain;display:block;margin:0 auto;padding:2px;background:transparent;transition:transform .25s ease,filter .25s ease,opacity .25s ease;}
.ct-header .menu>li>a.ct-menu-link.menu-image-title-below>.menu-image-title{display:block!important;text-align:center!important;margin-top:4px;font-size:14px;line-height:1.2;color:#fff;white-space:nowrap;transition:color .25s ease;}
.ct-header .menu>li:hover>a.ct-menu-link>.menu-image-title,.ct-header .menu>li.current-menu-item>a.ct-menu-link>.menu-image-title{color:#FFD700;}
.ct-header .menu>li:hover>a.ct-menu-link>img.menu-image{transform:scale(1.12);filter:drop-shadow(0 0 10px rgba(255,215,0,.9));}
.ct-header .menu>li>a.ct-menu-link::before{content:"";position:absolute;inset:-10px -8px;border-radius:16px;background:radial-gradient(60% 60% at 50% 50%,rgba(255,215,0,.15),rgba(184,134,11,.25));opacity:0;transition:opacity .25s ease,box-shadow .25s ease;z-index:-1;}
.ct-header .menu>li:hover>a.ct-menu-link::before,.ct-header .menu>li.current-menu-item>a.ct-menu-link::before{opacity:1;box-shadow:0 0 24px rgba(255,215,0,.55);}
.ct-header .menu .sub-menu a.ct-menu-link>img.menu-image{width:28px!important;height:28px!important;transform:none!important;filter:none!important;}
.ct-header .ct-main-navigation .menu>li>a.btn-login,.ct-header .ct-main-navigation .menu>li>a.btn-register{display:inline-flex;align-items:center;justify-content:center;padding:10px 22px;border-radius:999px;font-weight:700;font-size:14px;line-height:1;color:#000!important;background:linear-gradient(180deg,#FFD700 0%,#DAA520 60%,#B8860B 100%);box-shadow:0 4px 10px rgba(255,215,0,.5),inset 0 1px 2px #fff;text-shadow:0 1px 0 rgba(255,255,255,.6);transition:all .3s ease;}
.ct-header .ct-main-navigation .menu>li>a.btn-login:hover,.ct-header .ct-main-navigation .menu>li>a.btn-register:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(255,215,0,.8),inset 0 2px 4px #fff;filter:brightness(1.15);}
@media (max-width:1024px){.ct-header .ct-main-navigation .menu{gap:20px}.ct-header .menu>li>a.ct-menu-link.menu-image-title-below>img.menu-image{width:36px;height:36px}.ct-header .menu>li>a.ct-menu-link.menu-image-title-below>.menu-image-title{font-size:12px}}
@media (max-width:768px){.ct-header .ct-main-navigation .menu{gap:16px}.ct-header .menu>li>a.ct-menu-link.menu-image-title-below>img.menu-image{width:30px;height:30px}.ct-header .menu>li>a.ct-menu-link.menu-image-title-below>.menu-image-title{font-size:11px}}
/* ====== บังคับขนาดไอคอนเมนูหลักให้เท่ากัน ====== */
.ct-header .ct-main-navigation .menu > li > a img.menu-image {
  width: 48px !important;     /* กำหนดความกว้าง */
  height: 48px !important;    /* กำหนดความสูง */
  max-width: none !important; /* กัน WordPress ย่ออัตโนมัติ */
  object-fit: contain;        /* รักษาสัดส่วนไม่ให้บิด */
  display: block;
  margin: 0 auto;
}

/* ข้อความใต้ไอคอน */
.ct-header .ct-main-navigation .menu > li > a .menu-image-title {
  display: block;
  text-align: center;
  margin-top: 6px;
  font-size: 14px;
  line-height: 1.2;
  color: #fff;
  white-space: nowrap;
}
/* ===== Fix Menu Image plugin conflicts (Header only) ===== */

/* บังคับขนาด + จัดกลางไอคอนในเมนูเฮดเดอร์ */
:root{
  --menu-icon-size-desktop: 40px;
  --menu-icon-size-tablet:  36px;
  --menu-icon-size-mobile:  30px;
}
.ct-header .ct-main-navigation .menu img.menu-image{
  width:var(--menu-icon-size-desktop) !important;
  height:var(--menu-icon-size-desktop) !important;
  max-width:none !important;
  object-fit:contain;
  display:block !important;      /* แก้จาก inline */
  margin:0 auto !important;
  padding:0 !important;          /* กัน padding แฝงจากปลั๊กอิน/รูป */
}

/* เอา padding 10px ที่ปลั๊กอินเติมให้ title-above/below ออก */
.ct-header .menu .menu-image-title-below .menu-image-hover-wrapper,
.ct-header .menu .menu-image-title-above .menu-image-hover-wrapper{
  padding:0 !important;
}

/* โครงลิงก์: ไอคอนบน ข้อความล่าง + ระยะคงที่ */
.ct-header .menu > li > a.menu-image-title-below{
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:6px; padding:10px 12px;
}

/* ข้อความใต้ไอคอน */
.ct-header .menu > li > a .menu-image-title{
  display:block; text-align:center; margin-top:4px;
  font-size:14px; line-height:1.2; color:#fff; white-space:nowrap;
}

/* Responsive ขนาดไอคอน */
@media (max-width:1024px){
  .ct-header .ct-main-navigation .menu img.menu-image{
    width:var(--menu-icon-size-tablet) !important;
    height:var(--menu-icon-size-tablet) !important;
  }
}
@media (max-width:768px){
  .ct-header .ct-main-navigation .menu img.menu-image{
    width:var(--menu-icon-size-mobile) !important;
    height:var(--menu-icon-size-mobile) !important;
  }
}
/* เปิดให้เมนู "หน้าหลัก" คลิกได้ */
.ct-header .menu a.ct-disabled-link {
  pointer-events: auto !important;
  cursor: pointer !important;
  opacity: 1 !important;
}