/* /css/style.css สำหรับทุกหน้า (index, services, contact ทั้ง th/en) */

:root {
  --brand-main: #0298db;
  --brand-success: #08c755;
  --bg-main: #e0f7fa;
  --font-family-main: 'Noto Sans Thai', Arial, sans-serif;
}

body {
  font-family: var(--font-family-main);
  background: var(--bg-main);
  color: #222222;
}

nav.navbar {
  font-family: var(--font-family-main);
  font-weight: 600;
}

.logo-nav {
  width: 38px;
  height: 38px;
  border-radius: 50%;
}
.brand-text {
  font-weight: 700;
  font-size: 1.09em;
  color: #1465a3;
}

/* Lock ขนาด container ทุกหน้าหลัก */
.container-main {
  max-width: 600px;
}
/* @media (max-width:600px) {
  .container-main { max-width: 98vw; }
} */

/* Cover section */
.cover-section {
  width: 100%;
  height: 200px;
  background: url('/assets/cover.jpg') center/cover no-repeat;
  border-radius: 1.3rem 1.3rem 0 0;
  margin-bottom: 0;
  overflow: hidden;
}
/* @media (max-width:600px) {
  .cover-section {height: 70px;}
} */

/* Profile/Logo */
.img-profile-main {
  width: 100px;
  margin-top: -40px;
  background: #ffffff;
  border-radius: 50%;
  border: 4px solid #ffffff;
  box-shadow: 0 3px 8px rgba(0,0,0,.08);
}
/* @media (max-width:600px) {
  .img-profile-main{width:54px;margin-top:-23px;}
} */

/* Card/Shadow */
.rounded-4 { border-radius: 1.35rem !important; }
.shadow { box-shadow: 0 3px 18px rgba(0,0,0,.13) !important; }

/* Custom for service/contact */
.accordion-button, .btn, .rounded-pill {
  font-family: var(--font-family-main);
  font-weight: 600;
}
/* .accordion-button { font-size: 1.06em;} */
.accordion-body ul { margin-bottom: 0; }
.list-group-item { font-size: 1.03em; }
.btn-success {
  background: linear-gradient(140deg,#29e6c1 0%, #12bf8f 100%);
  border: none;
}
.btn-success:hover, .btn-success:focus {
  background: linear-gradient(140deg,#12bf8f 40%, #29e6c1 90%);
}
.btn-info {
  background: var(--brand-main);
  border: none;
}
.btn-info:hover, .btn-info:focus {
  background: #0288d1;
}

.hashtags {
  color: #666666;
  font-size: 0.98em;
}

/* Social / Icon */
.social-icon img {
  border-radius: 50%;
  border: 1px solid #ecf0f1;
  transition: box-shadow 0.2s;
}
.social-icon img:hover {
  box-shadow: 0 1px 8px rgba(0,152,219,0.13);
}

/* Floating Action Buttons */
.fab {
  position:fixed;
  z-index:1030;
  right:18px;
  width:52px;
  height:52px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 3px 18px rgba(0,0,0,.13);
}
.fab-phone { background: linear-gradient(140deg,#29e6c1 0%, #12bf8f 100%); bottom:85px;}
.fab-line { background: #08c755; bottom:18px;}
.fab img {width:29px;}
@media (max-width:600px) {
  .fab {width:44px;height:44px;}
  .fab img {width:24px;}
}

/* Footer */
footer {font-size:0.98em;}