/*
Theme Name: KuiNee
Theme URI: https://kuinee.com/
Author: KuiNee
Author URI: https://kuinee.com/
Description: ธีม WordPress สำหรับเว็บไซต์ที่ปรึกษาและบริการจัดการหนี้ KuiNee รองรับเมนู โลโก้ บทความ และหน้าบริการแบบ Responsive
Version: 1.0.2
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: kuinee
*/

/* WordPress-specific layout additions. The original visual system lives in assets/pages.css
   and the front-page stylesheet bundled in static/index.html. */
.custom-logo-link { display: inline-flex; align-items: center; }
.custom-logo { display: block; width: 190px; height: 60px; object-fit: contain; }
.nav-links .primary-menu {
  display: flex; align-items: center; gap: 20px; margin: 0; padding: 0; list-style: none;
}
.nav-links .primary-menu > li { position: relative; margin: 0; }
.nav-links .primary-menu a {
  display: block;
  text-decoration: none !important;
}
.nav-links .primary-menu .current-menu-item > a,
.nav-links .primary-menu .current-menu-ancestor > a { color: var(--teal); }
.nav-links .primary-menu .menu-item-has-children > a::after {
  content: "⌄"; margin-left: 5px; color: var(--teal);
}
.nav-links .primary-menu .sub-menu {
  position: absolute; top: calc(100% + 16px); left: 50%; z-index: 20;
  width: 245px; margin: 0; padding: 10px; list-style: none;
  border: 1px solid var(--line); border-radius: 16px; background: var(--white);
  box-shadow: var(--shadow); transform: translateX(-50%); opacity: 0; visibility: hidden;
  transition: opacity .2s ease, visibility .2s ease;
}
.nav-links .primary-menu li:hover > .sub-menu,
.nav-links .primary-menu li:focus-within > .sub-menu { opacity: 1; visibility: visible; }
.nav-links .primary-menu .sub-menu a { padding: 10px 12px; border-radius: 10px; font-size: .86rem; }
.nav-links .primary-menu .sub-menu a:hover { color: var(--navy); background: var(--surface); }
.entry-content > * { max-width: 880px; margin-inline: auto; }
.entry-content > .alignwide { max-width: 1200px; }
.entry-content > .alignfull { max-width: none; }
.post-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.post-card { padding: 26px; border: 1px solid var(--line); border-radius: 20px; background: var(--white); }
.post-card a { text-decoration: none; }
.post-meta { color: var(--muted); font-size: .86rem; }
.pagination { margin-top: 30px; }
.screen-reader-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.screen-reader-text:focus { position: fixed; top: 10px; left: 10px; z-index: 100000; width: auto; height: auto; padding: 12px 16px; clip: auto; background: #fff; color: #142B45; }

@media (max-width: 1040px) {
  .nav-links .primary-menu { display: grid; gap: 0; width: 100%; }
  .nav-links .primary-menu > li { border-bottom: 1px solid var(--line); }
  .nav-links .primary-menu > li > a { padding: 12px 0; }
  .nav-links .primary-menu .sub-menu {
    position: static; width: auto; padding: 0 0 10px 14px; border: 0; box-shadow: none;
    transform: none; opacity: 1; visibility: visible; background: transparent;
  }
  .nav-links .primary-menu .sub-menu a { padding: 8px 0; }
}

@media (min-width: 961px) and (max-width: 1040px) {
  .home .nav-links .primary-menu { display: flex; gap: 16px; width: auto; }
  .home .nav-links .primary-menu > li { border-bottom: 0; }
  .home .nav-links .primary-menu > li > a { padding: 0; }
  .home .nav-links .primary-menu .sub-menu {
    position: absolute; width: 245px; padding: 10px; border: 1px solid var(--line);
    box-shadow: var(--shadow); transform: translateX(-50%); opacity: 0; visibility: hidden;
    background: var(--white);
  }
  .home .nav-links .primary-menu li:hover > .sub-menu,
  .home .nav-links .primary-menu li:focus-within > .sub-menu { opacity: 1; visibility: visible; }
}

@media (max-width: 760px) {
  .post-list { grid-template-columns: 1fr; }
}