/*
Theme Name:   Kadence Child — SISSEL
Theme URI:    https://sissel.my/
Description:  Child theme for sissel.my. Catalogue mode (no cart / no checkout), "Enquire via Partner" flow, product-to-course cross-linking, and site cleanup. Built to sissel.my 建置需求規格書 v1.1.
Author:       Sissel Asia Ltd.
Author URI:   https://sissel.my/
Template:     kadence
Version:      1.0.2
Requires PHP: 7.4
Text Domain:  kadence-child
*/

/* --------------------------------------------------------------------------
   目錄
   1. 變數
   2. Enquire via Partner 按鈕
   3. 產品頁調整（價格、規格選單、購物車殘留）
   4. 關聯課程區塊
   5. 商品列表（archive）
   6. 官方聲明帶（首頁 4.2）
   7. 空狀態
   8. 無障礙與列印
   -------------------------------------------------------------------------- */

/* == 1. 變數 ============================================================== */
:root {
  --sissel-ink:        #14181a;
  --sissel-ink-2:      #414b4c;
  --sissel-ink-3:      #727e7e;
  --sissel-rule:       #d9dfde;
  --sissel-paper:      #ffffff;
  --sissel-paper-2:    #eff3f2;
  --sissel-dark:       #14201f;
  --sissel-dark-ink:   #edf2f1;
  --sissel-accent:     #0e5f5b;
  --sissel-accent-soft:#e0edeb;
  --sissel-radius:     2px;
}

/* == 2. Enquire via Partner 按鈕 ========================================== */
.sissel-enquire-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  margin: 22px 0 8px;
}

.sissel-enquire {
  display: inline-block;
  padding: 13px 26px;
  border: 1.5px solid var(--sissel-ink);
  border-radius: var(--sissel-radius);
  background: var(--sissel-ink);
  color: var(--sissel-paper);
  font-weight: 600;
  font-size: 15px;
  line-height: 1.2;
  text-decoration: none;
  transition: opacity .15s ease;
}
.sissel-enquire:hover,
.sissel-enquire:focus { opacity: .86; color: var(--sissel-paper); }

.sissel-enquire--secondary {
  background: transparent;
  color: var(--sissel-ink);
}
.sissel-enquire--secondary:hover,
.sissel-enquire--secondary:focus { color: var(--sissel-ink); background: var(--sissel-paper-2); opacity: 1; }

/* 未選規格時停用 */
.sissel-enquire[aria-disabled="true"] {
  pointer-events: none;
  opacity: .4;
}

.sissel-enquire-note {
  flex-basis: 100%;
  margin: 0;
  font-size: 13.5px;
  color: var(--sissel-ink-3);
}

/* == 3. 產品頁調整 ======================================================== */

/* 規格書 §5.4：價格單純顯示，下方不加任何註記文字 */
.single-product .price {
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--sissel-ink);
}
.single-product .price del { opacity: .5; font-weight: 400; }

/* catalogue mode：清掉購物車殘留 */
body.sissel-catalogue .woocommerce-message,
body.sissel-catalogue .cart,
body.sissel-catalogue .added_to_cart,
body.sissel-catalogue .quantity,
body.sissel-catalogue .woocommerce-cart-form,
body.sissel-catalogue .kadence-cart-toggle,
body.sissel-catalogue .header-cart-wrap,
body.sissel-catalogue .header-navigation .menu-item-cart { display: none !important; }

/* 但變體選單所在的 form.variations_form 必須留著 */
body.sissel-catalogue form.variations_form.cart { display: block !important; }
body.sissel-catalogue form.variations_form .quantity { display: none !important; }

/* 規格選單 */
.single-product table.variations th.label { padding-right: 14px; font-weight: 600; }
.single-product table.variations select { min-width: 220px; }
.single-product .reset_variations { font-size: 13px; margin-left: 8px; }

/* 規格表（Description 內的 Specifications） */
.woocommerce-Tabs-panel table,
.sissel-spec-table {
  width: 100%;
  border-collapse: collapse;
  margin: 18px 0;
  font-size: 15px;
}
.woocommerce-Tabs-panel table th,
.sissel-spec-table th {
  text-align: left;
  width: 32%;
  padding: 10px 14px 10px 0;
  border-bottom: 1px solid var(--sissel-rule);
  font-weight: 600;
  vertical-align: top;
}
.woocommerce-Tabs-panel table td,
.sissel-spec-table td {
  padding: 10px 0;
  border-bottom: 1px solid var(--sissel-rule);
  color: var(--sissel-ink-2);
}

/* == 4. 關聯課程區塊 ====================================================== */
.sissel-related-courses {
  margin: 48px 0 8px;
  padding-top: 28px;
  border-top: 2px solid var(--sissel-ink);
}
.sissel-related-courses__eyebrow {
  display: block;
  font-size: 11px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--sissel-ink-3);
  margin-bottom: 8px;
}
.sissel-related-courses__title {
  font-size: 1.35rem;
  line-height: 1.25;
  margin: 0 0 6px;
}
.sissel-related-courses__intro {
  margin: 0 0 22px;
  color: var(--sissel-ink-2);
  max-width: 56ch;
}
.sissel-course-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 18px;
}
.sissel-course-card {
  display: block;
  padding: 20px;
  border: 1px solid var(--sissel-rule);
  border-radius: 4px;
  background: var(--sissel-paper);
  text-decoration: none;
  color: inherit;
  transition: border-color .15s ease;
}
.sissel-course-card:hover,
.sissel-course-card:focus { border-color: var(--sissel-accent); }
.sissel-course-card__name {
  display: block;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.3;
  margin-bottom: 6px;
}
.sissel-course-card__blurb {
  display: block;
  font-size: 14.5px;
  line-height: 1.55;
  color: var(--sissel-ink-2);
}
.sissel-course-card__more {
  display: inline-block;
  margin-top: 10px;
  font-size: 14px;
  color: var(--sissel-accent);
  font-weight: 500;
}

/* == 5. 商品列表 ========================================================== */
.sissel-view-product {
  display: inline-block;
  margin-top: 8px;
  font-size: 14px;
  font-weight: 500;
  color: var(--sissel-accent);
  text-decoration: none;
  border-bottom: 1.5px solid currentColor;
}

/* == 6. 官方聲明帶 ======================================================== */
.sissel-official-bar {
  background: var(--sissel-dark);
  color: var(--sissel-dark-ink);
  padding: 18px 0;
}
.sissel-official-bar__inner {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 30px;
  align-items: baseline;
  justify-content: space-between;
}
.sissel-official-bar p { margin: 0; max-width: 56ch; }
.sissel-official-bar a {
  color: var(--sissel-dark-ink);
  font-weight: 500;
  white-space: nowrap;
  border-bottom: 1.5px solid rgba(255,255,255,.4);
  text-decoration: none;
}

/* == 7. 空狀態 ============================================================ */
.sissel-empty {
  padding: 28px 0;
  color: var(--sissel-ink-2);
  border-top: 1px solid var(--sissel-rule);
}

/* == 8. 無障礙與列印 ====================================================== */
a:focus-visible,
button:focus-visible,
select:focus-visible,
input:focus-visible {
  outline: 2px solid var(--sissel-accent);
  outline-offset: 2px;
}

.screen-reader-text {
  position: absolute !important;
  width: 1px; height: 1px;
  overflow: hidden; clip: rect(1px,1px,1px,1px);
  white-space: nowrap;
}

@media print {
  .sissel-enquire-wrap,
  .sissel-official-bar { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  * { animation: none !important; transition: none !important; }
}