/* ===================================================================
   ธีมร้าน PNB ฟลอริสท์ โคราช — โหลดต่อจาก bootstrap.min.css ทุกหน้า
   เปลี่ยนสีหลักของ Bootstrap (ฟ้า) เป็นน้ำตาล/ทองของร้าน
   → btn-primary, text-primary, bg-primary, ลิงก์, pagination, ฟอร์ม, accordion ฯลฯ ใช้สีร้านเองหมด
   สีร้าน (ตรงกับเมนู includes/partials/nav.php):
     น้ำตาล #6b4f2a · น้ำตาลเข้ม #4f3a1f · ทอง #b08d57 · ทองอ่อน #d9c6a5 · ครีม #faf6f0 / #f6efe4 · ตัวหนังสือ #2f2113
   =================================================================== */
:root {
  --bs-body-font-family: 'Kanit', sans-serif; /* ฟอนต์ทั้งเว็บ (ปุ่ม/ช่องกรอกใช้ตาม body) */
  --bs-primary: #6b4f2a;
  --bs-primary-rgb: 107, 79, 42;
  --bs-primary-text-emphasis: #4f3a1f;
  --bs-primary-bg-subtle: #f6efe4;
  --bs-primary-border-subtle: #d9c6a5;
  --bs-link-color: #6b4f2a;
  --bs-link-color-rgb: 107, 79, 42;
  --bs-link-hover-color: #4f3a1f;
  --bs-link-hover-color-rgb: 79, 58, 31;
  --bs-focus-ring-color: rgba(176, 141, 87, .35);
  --bs-heading-color: #2f2113;
}

.btn-primary {
  --bs-btn-bg: #6b4f2a;
  --bs-btn-border-color: #6b4f2a;
  --bs-btn-hover-bg: #4f3a1f;
  --bs-btn-hover-border-color: #4f3a1f;
  --bs-btn-active-bg: #4f3a1f;
  --bs-btn-active-border-color: #4f3a1f;
  --bs-btn-disabled-bg: #6b4f2a;
  --bs-btn-disabled-border-color: #6b4f2a;
  --bs-btn-focus-shadow-rgb: 176, 141, 87;
}
.btn-outline-primary {
  --bs-btn-color: #6b4f2a;
  --bs-btn-border-color: #6b4f2a;
  --bs-btn-hover-bg: #6b4f2a;
  --bs-btn-hover-border-color: #6b4f2a;
  --bs-btn-active-bg: #4f3a1f;
  --bs-btn-active-border-color: #4f3a1f;
  --bs-btn-focus-shadow-rgb: 176, 141, 87;
}
.pagination {
  --bs-pagination-color: #6b4f2a;
  --bs-pagination-hover-color: #4f3a1f;
  --bs-pagination-hover-bg: #f6efe4;
  --bs-pagination-focus-color: #4f3a1f;
  --bs-pagination-focus-bg: #f6efe4;
  --bs-pagination-focus-box-shadow: 0 0 0 .25rem rgba(176, 141, 87, .35);
  --bs-pagination-active-bg: #6b4f2a;
  --bs-pagination-active-border-color: #6b4f2a;
}
.accordion {
  --bs-accordion-active-color: #4f3a1f;
  --bs-accordion-active-bg: #f6efe4;
  --bs-accordion-btn-focus-box-shadow: 0 0 0 .25rem rgba(176, 141, 87, .25);
}
.form-control:focus, .form-select:focus {
  border-color: #b08d57;
  box-shadow: 0 0 0 .25rem rgba(176, 141, 87, .25);
}

/* หัวข้อใหญ่ของหน้า (h1) — ขนาด/สีเดียวกันทุกหน้า */
.pnb-title {
  font-size: clamp(1.6rem, 4vw, 2.25rem);
  font-weight: 700;
  line-height: 1.3;
  color: #2f2113;
  text-align: center;
  text-wrap: balance;
}
/* หัวข้อแต่ละส่วนในหน้า (h2) */
.section-title {
  font-size: clamp(1.5rem, 4vw, 2rem);
  font-weight: 700;
  text-align: center;
  margin-bottom: .5rem;
  text-wrap: balance;
}

/* การ์ดผลงานก่อน/หลังจัดส่ง (includes/portfolio.php) — ชี้ = เห็นรูปก่อนจัดส่ง */
.history-card-pair { position: relative; aspect-ratio: 1 / 1.2; border-radius: 1rem; overflow: hidden; box-shadow: 0 4px 15px rgba(0,0,0,.1); background-color: #f0f0f0; cursor: pointer; }
.history-card-pair .history-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: opacity .4s ease-in-out; }
.history-card-pair .before-img, .history-card-pair:hover .after-img { opacity: 0; }
.history-card-pair:hover .before-img { opacity: 1; }
/* ปุ่มลูกศร (เลื่อนผลงาน / ดูรูปใหญ่) */
.carousel-nav-btn { width: 44px; height: 44px; border-radius: 50%; background-color: rgba(255,255,255,.9); border: 1px solid #ddd; box-shadow: 0 2px 5px rgba(0,0,0,.15); display: flex; align-items: center; justify-content: center; font-size: 1.5rem; color: #333; z-index: 10; cursor: pointer; }