/*
Theme Name: เรือนสัก
Description: แลนดิ้งบ้านน็อคดาวน์สไตล์เรือนไทย หน้าแรก ผลงาน ราคา บทความ และปุ่มไลน์ ตั้งไลน์ไอดีที่ ลักษณะที่ปรากฏ → ปรับแต่ง → เรือนสัก
Version: 1.1.9
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: ruen-sak
*/

body.admin-bar .site-header {
  top: 32px !important;
}

@media (max-width: 782px) {
  body.admin-bar .site-header {
    top: 46px !important;
  }
}

.site-header .nav-link,
.site-header .nav-mobile a,
.site-header .logo,
.site-header .logo-name {
  color: #f7f1e8 !important;
}

.site-header .nav-desktop,
.site-header .header-cta {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.site-header .menu-btn,
.site-header .nav-mobile {
  display: none !important;
}

.site-header .logo svg {
  width: 2.5rem !important;
  height: 2rem !important;
  max-width: 2.5rem !important;
}

.page-fallback {
  background: var(--cream);
  color: var(--teak-800);
  min-height: 100vh;
  padding: 8.5rem 0 5rem;
}

.page-fallback .entry {
  width: min(46rem, calc(100% - 2.5rem));
  margin-inline: auto;
}

.page-fallback h1 {
  margin: 0 0 1.25rem;
  font-family: var(--font-serif);
  font-size: clamp(2rem, 4vw, 3rem);
  color: var(--teak-950);
  line-height: 1.25;
}

.page-fallback .entry-content {
  font-size: 1.05rem;
  line-height: 1.85;
}

.page-fallback .entry-content p,
.page-fallback .entry-content ul,
.page-fallback .entry-content ol {
  margin: 0 0 1rem;
}

.page-fallback .entry-content a {
  color: var(--teak-600);
  text-decoration: underline;
}

/* #281e19 from WP global styles / PageLayer sits on teak and disappears */
.story,
.pricing,
.articles:not(.articles-dark),
.page-fallback {
  background-color: #f7f1e8 !important;
  color: #1a0e08 !important;
}

.story h2,
.story h3,
.pricing h2,
.articles:not(.articles-dark) h2,
.articles:not(.articles-dark) h3,
.highlights h3,
.price-card:not(.featured),
.price-card:not(.featured) h3,
.page-fallback h1 {
  color: #1a0e08 !important;
}

.story-copy,
.highlights p,
.articles:not(.articles-dark) .articles-lead,
.articles:not(.articles-dark) .article-card p,
.kicker {
  color: #3d2317 !important;
}

.hero,
.works,
.process,
.contact,
.contact-inner,
.folio-page,
.folio-hero,
.g-cat,
.articles-dark,
.articles-dark .article-card,
.price-card.featured,
.site-footer,
.folio-cta {
  color: #f7f1e8 !important;
}

.hero h1,
.works h2,
.works h3,
.process h2,
.process h3,
.contact h2,
.folio-hero h1,
.g-head h2,
.articles-dark h2,
.articles-dark h3,
.articles-dark .article-card h3,
.price-card.featured h3,
.folio-cta p,
.site-footer,
.site-footer p,
.work-meta h3 {
  color: #f7f1e8 !important;
}

.hero h1 span,
.hero .eyebrow,
.hero-stats dt,
.works .kicker,
.process .kicker,
.contact .kicker,
.folio-hero .kicker,
.g-cat .kicker,
.work-meta .place,
.work-price-row .price,
.step-n,
.articles-dark .kicker,
.articles-dark .article-card span.font-serif,
.articles-dark .article-card .more,
.price-card.featured .tag {
  color: #f0d78c !important;
}

.hero-lead,
.hero-stats dd,
.works-note,
.process li p,
.contact-inner p,
.folio-hero .lead,
.g-head p,
.articles-dark .articles-lead,
.articles-dark .article-card p {
  color: rgba(247, 241, 232, 0.92) !important;
}

.btn-gold,
.badge {
  background-color: #c9a227 !important;
  color: #1a0e08 !important;
}

.btn-line,
.float-line {
  background-color: #06c755 !important;
  color: #1a0e08 !important;
}

.btn-outline {
  color: #f7f1e8 !important;
  border-color: rgba(247, 241, 232, 0.45) !important;
}

.btn-ghost {
  background-color: transparent !important;
  color: #5c3824 !important;
  border-color: #5c3824 !important;
}

.site-footer .footer-kicker,
.site-footer .logo-sub {
  color: #f0d78c !important;
}

.site-footer .footer-lead,
.site-footer .footer-muted {
  color: rgba(247, 241, 232, 0.65) !important;
}

.site-footer .footer-meta {
  color: rgba(247, 241, 232, 0.45) !important;
}

.site-footer .footer-nav a {
  color: rgba(247, 241, 232, 0.75) !important;
}

.site-footer .footer-nav a:hover {
  color: #c9a227 !important;
}

footer.site-footer {
  background-color: #1a0e08 !important;
  background-image:
    radial-gradient(ellipse 70% 55% at 50% 0%, rgba(201, 162, 39, 0.18), transparent 58%),
    linear-gradient(#3d2317, #2a1710 28%, #1a0e08) !important;
}

.articles-hero {
  background: #1a0e08 !important;
  color: #f7f1e8 !important;
}

.articles-hero h1,
.articles-hero .lead {
  color: #f7f1e8 !important;
}

.articles-hero .kicker {
  color: #f0d78c !important;
}

.article-entry h1 {
  color: #1a0e08 !important;
  font-size: clamp(1.6rem, 3vw, 2.15rem) !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
}

.article-entry h2 {
  color: #3d2317 !important;
  font-size: 1rem !important;
  font-weight: 400 !important;
  line-height: 1.9 !important;
}

.article-n {
  color: #8b5a1a !important;
}