/**
* Theme Name: KiviCare Child
* Description: This is a child theme of KiviCare, generated by iQonic Design.
* Author: <a href="https://iqonic.design/">Iqonic Design</a>
* Template: kivicare
* Version: 2.2.19
*/
/* ส่วน Front-end */

body {
  font-family: 'Noto Sans Thai Looped', sans-serif;
  line-height: 1.65;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Bai Jamjuree', sans-serif;
  line-height: 1.4;
  margin-top: 1.2em;
  margin-bottom: 0.6em;
}

ul, li, p {
  line-height: 1.6;
  margin-bottom: 0.5em;
}


/* ปุ่มบันทึกที่อยู่จัดส่ง (หน้าฟอร์มแจ้งโอน) */
.qii-pc-save-addr {
  background: #2e37a4 !important;
  border-color: #2e37a4 !important;
  color: #fff !important;
}
.qii-pc-save-addr:hover,
.qii-pc-save-addr:focus {
  background: #242c8c !important;   /* โทนเข้มกว่าตอน hover */
  border-color: #242c8c !important;
  color: #fff !important;
}
.qii-pc-save-addr:disabled {
  opacity: .6;
  cursor: not-allowed;
}

/* หน้า submit consent SSO */
/* === miniOrange Consent: แต่งกล่องหลักให้ดูโปร === */
.container .box.mt-6.p-6 {
  max-width: 620px; margin:48px auto; border-radius:18px;
  box-shadow: 0 12px 30px rgba(0,0,0,.08);
}

/* ซ่อนโลโก้เดิมทั้งสอง (Authorize.png + openid.png) */
.is-flex.is-justify-content-center.is-align-items-center > img[src*="miniorange-oauth-20-server/assets/Authorize.png"],
.is-flex.is-justify-content-center.is-align-items-center .client-image {
  display: none !important;
}

/* ใส่โลโก้คลินิกแทนในแถบโลโก้ด้านบน */
.is-flex.is-justify-content-center.is-align-items-center {
  position: relative; min-height: 96px;
}
.is-flex.is-justify-content-center.is-align-items-center::before {
  content: ""; display: block; width: 350px; height: 85px;
  background: url('https://qlinic.online/wp-content/uploads/SSO/authorize-rsc-qlinic-1.png') center/cover no-repeat;
  border-radius: 50%; margin: 0 auto;
}

/* หัวเรื่องและคำอธิบายให้กลาง/อ่านง่าย */
h2.title.is-4 { text-align:center; font-size:24px; margin-top:10px; }
p.subtitle.has-text-centered { font-size:15px; opacity:.85; }

/* รายการสิทธิ์ที่ร้องขอ – ทำเป็น bullet เรียบๆ */
ul.consent-list li { list-style:none; padding-left:28px; position:relative; margin:8px 0; }
ul.consent-list li::before { content:"✔"; position:absolute; left:0; top:0; color:#27ae60; }

/* ปุ่มยืนยัน/ยกเลิก – ให้เต็มกว้างและโค้งมน */
.mo-consent-actions .button.is-primary,
button.button.is-primary[type="submit"] {
  width:100%; padding:12px 16px; border-radius:10px; font-weight:700;
}
.mo-consent-actions .button.is-light { width:100%; margin-top:10px; border-radius:10px; }

/* ซ่อน footer "Powered by" ถ้ารบกวนสายตา */
.powered-by has-text-centered { display:none !important; }


/* ===== CF7 ===== */
.q-incident-form label{display:block;margin:12px 0 4px;font-weight:600;}
.q-incident-form input[type="text"],
.q-incident-form input[type="email"],
.q-incident-form input[type="url"],
.q-incident-form textarea,
.q-incident-form select{width:100%;}
.q-incident-form .actions{margin-top:16px;}

/* ===== Radio เครดิต เรียงแนวนอน ===== */
.q-incident-form .credit-row .wpcf7-list-item{
  display:inline-flex; align-items:center; gap:8px; margin-right:16px;
}

/* ===== Checkbox ยินยอม: กล่องติ๊กอยู่บรรทัดเดียวกับข้อความยาว ===== */
.q-incident-form .consent-row .wpcf7-form-control,
.q-incident-form .consent-row .wpcf7-list-item{
  display:flex; align-items:flex-start; gap:10px;
}
.q-incident-form .consent-row input[type="checkbox"]{margin-top:4px;}

/* ===== เวลา (ชั่วโมง:นาที) — (ฉบับแก้ไข 3 - บังคับชนะธีม) ===== */

/* 1. ตัวครอบหลัก: ใช้ Flex */
.wpcf7 form .q-incident-form .time-controls {
  display: flex !important;         /* บังคับ Flex */
  flex-flow: row nowrap !important;  /* บังคับเรียงแนวนอน และ *ไม่* wrap */
  align-items: center !important;  /* จัดกลางแนวตั้ง */
  gap: 8px !important;           /* ระยะห่าง */
  margin-top: 4px;               /* เว้นระยะจาก Label */
  width: 100%;                   /* ให้มันกว้างเต็มที่ */
  max-width: 300px;              /* ...แต่ไม่ต้องกว้างเกินไป (ปรับเลขได้) */
}

/* 2. ตัวคั่น : (Colon) */
.wpcf7 form .q-incident-form .time-controls .colon {
  display: inline-block !important;
  flex: 0 0 auto !important;     /* ไม่ยืดไม่หด */
  padding: 0 2px !important;
}

/* 3. ตัวหุ้ม <select> (ที่ CF7 สร้าง) */
/* กฎนี้สำคัญที่สุด */
.wpcf7 form .q-incident-form .time-controls > span.wpcf7-form-control-wrap {
  display: inline-block !important; /* **ต้องเป็น inline-block** */
  width: auto !important;         /* **ต้อง auto** */
  flex: 0 1 auto !important;      /* ไม่ยืด(0), หดได้(1), กว้าง auto */
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  vertical-align: middle !important;
  min-width: 0 !important;        /* ล้าง min-width ใดๆ */
}

/* 4. ตัว <select> (ที่อยู่ข้างใน) */
.wpcf7 form .q-incident-form .time-controls select {
  width: auto !important;       /* **ต้อง auto** */
  min-width: 0 !important;      /* **ลบ min-width เดิมทิ้ง** */
  padding: 5px 10px !important; /* ใช้ padding กำหนดขนาดแทน */
}

/* แก้ระยะห่าง  LuckyWP TOC*/
.lwptoc_header {
  margin-bottom: 20px !important;
}
/* LuckyWP TOC: เพิ่มระยะห่างระหว่างรายการ */
.lwptoc .lwptoc_item a {
  display: inline-block;  /* ทำให้ margin/padding ทำงานสม่ำเสมอ */
  line-height: 1.55;      /* ระยะห่างบรรทัดของข้อความ */
  padding: 2px 0;         /* เพิ่มความโปร่งของแต่ละบรรทัด */
}
/* ถ้าใช้แบบเลขนำหน้า (nested) อาจแน่น ให้เพิ่มระยะห่างระดับซ้อน */
.lwptoc .lwptoc_itemWrap {
  row-gap: 4px;           /* บางธีม/เวอร์ชันอาจไม่ใช้ แต่ไม่เสียหาย */
}