/*
Theme Name: อาคม (Ar-Khom)
Theme URI: https://www.ar-khom.com
Author: Ar-Khom
Description: ธีมลูกของ Twenty Twenty-Five สไตล์มืดขลังทองอร่าม สำหรับเว็บความเชื่อ ผีไทย เครื่องรางของขลัง พระคาถาวิชาอาคม และดูดวงชะตา
Template: twentytwentyfive
Version: 1.0.12
Requires at least: 6.7
Tested up to: 7.0
Requires PHP: 7.4
Text Domain: ar-khom
*/

/* ===== อาคม — มืดขลัง ทองอร่าม ===== */

:root {
  --ark-gold: #d4af37;
  --ark-gold-bright: #f0d472;
  --ark-base: #0b0a08;
  --ark-surface: #16130d;
  --ark-muted: #9c8f74;
  --ark-border: rgba(212,175,55,0.28);
}

body {
  background-color: var(--ark-base);
  background-image:
    radial-gradient(1200px 600px at 50% -10%, rgba(212,175,55,0.10), transparent 60%),
    radial-gradient(800px 500px at 100% 0%, rgba(122,31,31,0.10), transparent 55%);
  background-attachment: fixed;
}
html,
body {
  max-width: 100%;
  overflow-x: hidden;
}
.wp-site-blocks {
  overflow-x: hidden;
}

/* หัวเว็บ/หัวเรื่อง แต่งเงาทองบางๆ */
h1, h2, h3,
.wp-block-post-title,
.wp-block-site-title a {
  text-shadow: 0 1px 0 rgba(0,0,0,0.6), 0 0 22px rgba(212,175,55,0.12);
  letter-spacing: 0.2px;
}

/* เส้นคั่นทอง */
.wp-block-separator {
  border: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--ark-gold), transparent);
  opacity: 0.9;
  max-width: 240px;
}

/* ลิงก์ hover เรืองทอง */
a:hover { text-shadow: 0 0 12px rgba(240,212,114,0.35); }

/* การ์ดหมวดหมู่บนหน้าแรก */
.ark-card {
  border: 1px solid rgba(212,175,55,0.35);
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(22,19,13,0.9), rgba(11,10,8,0.9));
  transition: border-color .25s ease, transform .25s ease, box-shadow .25s ease;
}
.ark-card,
.ark-post-card {
  max-width: 100%;
  box-sizing: border-box;
}
.ark-card:hover {
  border-color: var(--ark-gold);
  transform: translateY(-4px);
  box-shadow: 0 12px 30px rgba(0,0,0,0.5), 0 0 0 1px rgba(212,175,55,0.25) inset;
}

/* ปุ่ม/บล็อกภาพให้ขอบทองนวล */
.wp-block-image img { border-radius: 10px; }

/* ซ่อนเฉพาะหัวเพจ "หน้าแรก" (h1) — ไม่โดน title/รูป ของการ์ดบทความ (h2) */
body.home h1.wp-block-post-title { display: none !important; }

/* พื้น header ทึบดำ ให้โลโก้กลืนไปกับแถบหัวเว็บ (ไม่มีกรอบสี่เหลี่ยม) */
.wp-site-blocks > header.wp-block-template-part,
header.wp-block-template-part {
  background-color: #0b0a08;
  position: relative;
  z-index: 2;
  border-bottom: 1px solid rgba(212,175,55,0.18);
}
/* โลโก้: ไม่มีเงา/ขอบแปลกปลอม กลืนพื้น */
.wp-block-site-logo img {
  border-radius: 6px;
  box-shadow: none;
}

/* ===== เลย์เอาต์แบบพอร์ทัล (คล้าย sanook) ===== */

/* แบนเนอร์หัวหมวด */
.ark-cat-banner{display:block;width:100%;height:auto;border-radius:14px;border:1px solid rgba(212,175,55,.3);margin:0 0 1.4rem;box-shadow:0 12px 34px rgba(0,0,0,.5);}

/* การ์ดโพสต์ (รูปย่อ + หัวข้อ + เกริ่น) */
.ark-post-card{border:1px solid rgba(212,175,55,.22);border-radius:14px;overflow:hidden;
  background:linear-gradient(180deg,rgba(22,19,13,.9),rgba(11,10,8,.9));
  padding:0 0 1.1rem !important;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;height:100%;}
.ark-post-card:hover{transform:translateY(-5px);border-color:var(--ark-gold);box-shadow:0 18px 40px rgba(0,0,0,.55);}
.ark-post-card .wp-block-post-featured-image{margin:0 0 .85rem 0 !important;width:100%;aspect-ratio:16/9;overflow:hidden;background:#16130d;display:block;}
.ark-post-card .wp-block-post-featured-image a{display:block;width:100%;height:100%;}
.ark-post-card .wp-block-post-featured-image img{border-radius:0;width:100%;height:100%;object-fit:cover;display:block;}
.ark-post-card .wp-block-post-title{padding:0 1.1rem;font-size:1.16rem;line-height:1.35;margin:.2rem 0 .4rem;}
.ark-post-card .wp-block-post-title a{color:var(--ark-gold-bright);}
.ark-post-card .wp-block-post-date{padding:0 1.1rem;color:#8a7f66;font-size:.85rem;margin:0 0 .5rem;}
.ark-post-card .wp-block-post-excerpt{padding:0 1.1rem;color:#b7ab8c;font-size:.98rem;line-height:1.6;}
.ark-post-card .wp-block-post-excerpt__more-link{color:var(--ark-gold);}

/* การ์ดหมวดบนหน้าแรก ให้จัดเต็มเป็นกริดแน่น */
.wp-block-post-template.is-layout-grid{gap:1.5rem;}

/* หน้าบทความเดี่ยว */
.ark-single-wrap {
  width: min(920px, calc(100% - 2rem));
  max-width: 920px;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box;
}
.ark-single-hero {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  border: 1px solid var(--ark-border);
  border-radius: 14px;
  overflow: hidden;
  background: linear-gradient(180deg, rgba(22,19,13,.9), rgba(11,10,8,.96));
  box-shadow: 0 18px 46px rgba(0,0,0,.45);
}
.ark-single-hero .wp-block-post-featured-image {
  margin: 0;
  aspect-ratio: 16/9;
  overflow: hidden;
  background: var(--ark-surface);
}
.ark-single-hero .wp-block-post-featured-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0;
}
.ark-single-meta,
.ark-single-meta a {
  color: var(--ark-muted);
}
.ark-single-content {
  max-width: 100%;
  font-size: 1.08rem;
  line-height: 1.9;
}
.ark-single-content > * + * {
  margin-block-start: 1.35rem;
}
.ark-single-content h2 {
  margin-block-start: 2.2rem;
}
.ark-single-content .wp-block-image {
  margin-block: 2rem;
  max-width: 100%;
  overflow: hidden;
}
.ark-single-content .wp-block-image img {
  max-width: 100%;
  height: auto;
}
.ark-single-nav {
  border-top: 1px solid rgba(212,175,55,.22);
  border-bottom: 1px solid rgba(212,175,55,.22);
  padding: 1rem 0;
}

/* คำเตือนท้ายบทความ */
.ark-note {
  border: 1px dashed rgba(212,175,55,0.5);
  border-radius: 10px;
  padding: 1rem 1.25rem;
  color: #b9ad91;
  font-size: 0.95rem;
}

/* Footer เฉพาะเว็บ */
.ark-footer {
  border-top: 1px solid rgba(212,175,55,.22);
  background:
    radial-gradient(700px 260px at 50% 0%, rgba(212,175,55,.12), transparent 65%),
    linear-gradient(180deg, rgba(22,19,13,.96), rgba(11,10,8,1));
}
.ark-footer a {
  color: var(--ark-gold-bright);
}
.ark-footer .wp-block-navigation__container {
  gap: .65rem 1rem;
}
.ark-footer-note {
  color: var(--ark-muted);
  font-size: .92rem;
}
.wp-block-navigation__responsive-container-open,
.wp-block-navigation__responsive-container-close {
  color: var(--ark-gold-bright);
}
.wp-block-navigation__responsive-container-open {
  border: 1px solid rgba(212,175,55,.35);
  border-radius: 8px;
  padding: .45rem;
  background: rgba(22,19,13,.85);
}
.wp-block-navigation__responsive-container-open svg path,
.wp-block-navigation__responsive-container-close svg path {
  fill: currentColor;
}
.wp-block-cover__inner-container {
  max-width: min(100%, 920px);
}
.wp-block-cover p {
  overflow-wrap: anywhere;
}

@media (max-width: 900px) {
  .wp-block-post-template.is-layout-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  header.wp-block-template-part .wp-block-site-logo img {
    max-width: 190px;
  }
}

@media (max-width: 640px) {
  body {
    background-attachment: scroll;
  }
  header.wp-block-template-part .alignwide {
    width: calc(100vw - 2rem) !important;
    max-width: calc(100vw - 2rem) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    gap: 1rem;
    align-items: flex-start;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
  }
  header.wp-block-template-part .wp-block-site-logo {
    flex: 0 1 auto;
  }
  header.wp-block-template-part .wp-block-navigation {
    width: 100%;
    margin-left: 0;
  }
  header.wp-block-template-part .wp-block-navigation__responsive-container-open,
  header.wp-block-template-part .wp-block-navigation__responsive-container-close {
    display: none !important;
  }
  header.wp-block-template-part .wp-block-navigation__responsive-container,
  header.wp-block-template-part .wp-block-navigation__responsive-container:not(.is-menu-open) {
    display: block !important;
    position: static !important;
    width: 100%;
    background: transparent !important;
    color: var(--wp--preset--color--contrast) !important;
  }
  header.wp-block-template-part .wp-block-navigation__responsive-container-content {
    display: block !important;
    padding: .35rem 0 0 !important;
  }
  header.wp-block-template-part .wp-block-navigation__container {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
    gap: .42rem .62rem;
    font-size: .78rem;
    line-height: 1.35;
  }
  header.wp-block-template-part .wp-block-navigation-item {
    max-width: 9.2rem;
    text-align: center;
  }
  header.wp-block-template-part .wp-block-navigation-item__label {
    white-space: normal;
    overflow-wrap: anywhere;
  }
  .wp-block-post-template.is-layout-grid {
    grid-template-columns: 1fr !important;
  }
  .ark-post-card .wp-block-post-title {
    font-size: 1.05rem;
  }
  .ark-single-content {
    font-size: 1rem;
    line-height: 1.82;
  }
  .ark-single-wrap {
    width: calc(100vw - 1.5rem) !important;
    max-width: calc(100vw - 1.5rem) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  body.single .ark-single-hero h1.wp-block-post-title {
    display: block;
    white-space: normal !important;
    font-size: clamp(1.35rem, 6.4vw, 1.82rem) !important;
    line-height: 1.22 !important;
    overflow-wrap: anywhere;
    word-break: break-all;
  }
  body.single .ark-single-content,
  body.single .ark-single-content p {
    overflow-wrap: anywhere;
    word-break: break-all;
  }
  body.single .ark-single-content * {
    max-width: 100% !important;
    box-sizing: border-box;
  }
  body.single .ark-single-content figure,
  body.single .ark-single-content .wp-block-image,
  body.single .ark-single-content .wp-block-image img {
    width: 100% !important;
    max-width: 100% !important;
  }
  .ark-single-hero {
    border-radius: 10px;
  }
  .wp-block-cover.alignfull {
    min-height: 48vh !important;
  }
  .wp-block-cover p {
    font-size: 1rem !important;
    line-height: 1.55;
  }
}