/* =============================================================
   brand.css — อัตลักษณ์ของระบบพัสดุครุภัณฑ์ สำนักหอสมุด (KULC PASSADU)
   -------------------------------------------------------------
   ธีม Color Admin วาดโลโก้เดิมด้วยลูกเล่น CSS border (รูปสี่เหลี่ยม
   ข้าวหลามตัดสีเขียว) ซึ่งไม่ได้สื่อถึงงานของระบบเลย ไฟล์นี้เปลี่ยนให้เป็น
   สัญลักษณ์ "ป้ายทะเบียนครุภัณฑ์" (ป้ายแท็ก + รูร้อย + บาร์โค้ด)
   ซึ่งตรงกับหัวใจของระบบ คือการขึ้นทะเบียนและตรวจนับครุภัณฑ์ด้วยบาร์โค้ด

   วิธีทำงาน: override เฉพาะรูปลักษณ์ ไม่แตะ HTML ของ 49 หน้า
   ข้อความ "KULC PASSADU" ยังคงเดิมทุกประการ

   หมายเหตุเรื่อง path: url() ในไฟล์ CSS อ้างอิงจากตำแหน่งของไฟล์ CSS เอง
   ไม่ใช่จากหน้าเว็บที่เรียกใช้ จึงใช้ path เดียวได้กับทุกหน้าไม่ว่าจะอยู่
   ลึกกี่ชั้นก็ตาม
   ============================================================= */

:root{
  --kp-teal:#00acac;
  --kp-teal-deep:#00807f;
  --kp-ink:#0a5c5c;

  /* ขนาดโลโก้ — ปรับที่นี่ที่เดียว มีผลทุกหน้า
     แถบเมนูสูง 50px มี padding บน/ล่าง 10px จึงไม่ควรเกิน 34px */
  --kp-logo-size:32px;
  --kp-logo-size-login:42px;
}

/* ── โลโก้บนแถบเมนูด้านบน ───────────────────────────────────── */
.app-header .navbar-brand .navbar-logo,
.navbar-brand .navbar-logo{
  width:var(--kp-logo-size);
  height:var(--kp-logo-size);
  margin-right:11px;
  flex:0 0 auto;
  /* ล้างลูกเล่น border ของธีมเดิมทิ้งให้หมด */
  border:0;
  border-radius:0;
  background:url(../img/logo/kulc-passadu.svg) center / contain no-repeat;
  overflow:visible;
  transition:transform .18s ease;
}
.app-header .navbar-brand:hover .navbar-logo{ transform:scale(1.06) }

/* ── โลโก้บนหน้าเข้าสู่ระบบ ─────────────────────────────────── */
/* ธีมกำหนดสไตล์ไว้ด้วย selector ที่เจาะจงมาก เช่น
   .login.login-v2 .login-header .brand .logo (ความเจาะจง 0,5,0)
   จึงต้องไล่เขียนให้ครบทุกแบบ และใช้ !important เฉพาะคุณสมบัติที่ต้องล้าง
   ลูกเล่น border ของธีมทิ้ง โดยไม่ต้องไปแก้ไฟล์ app.min.css ของธีมโดยตรง */
.login .login-header .brand .logo,
.login.login-v1 .login-container .login-header .brand .logo,
.login.login-v2 .login-header .brand .logo,
.login.login-with-news-feed .login-header .brand .logo,
.register.register-with-news-feed .login-header .brand .logo,
.coming-soon .brand .logo,
.brand .logo{
  width:var(--kp-logo-size-login) !important;
  height:var(--kp-logo-size-login) !important;
  border:0 !important;
  border-radius:0 !important;
  background-color:transparent !important;
  background-image:url(../img/logo/kulc-passadu.svg);
  background-repeat:no-repeat;
  background-position:center center;
  background-size:contain;
  margin:0 .7rem 0 0;
  font-size:0;
  display:inline-block;
  vertical-align:middle;
}

/* ── ภาพพื้นหลังหน้าเข้าสู่ระบบ ─────────────────────────────── */
.login .login-cover-img.kp-cover{
  background-image:url(../img/login-bg/kulc-passadu-bg.svg) !important;
  background-position:center center;
  background-size:cover;
}