/* Package card actions */

.home-packages .card-body{
display:flex;
flex-direction:column;
align-items:center;
text-align:center}

.home-packages .card-body .package-details{
display:inline-flex;
align-items:center;
justify-content:center;
gap:9px;
min-height:44px;
margin-top:auto;
padding:10px 18px;
border-radius:10px;
background:#e8f3ed;
color:#155d4a;
font-size:14px;
font-weight:500;
text-decoration:none;
transition:background-color .2s,color .2s}

.home-packages .card-body .card-title:last-of-type{
margin-bottom:18px}

.home-packages .card-body .package-details:hover,.home-packages .card-body .package-details:focus-visible{
background:#155d4a;
color:#fff}

.home-packages .card-body .package-details:focus-visible{
outline:3px solid #75b99a;
outline-offset:3px}


/* Searchable insurance directory */

.insurance-search{
margin-top:30px}
.insurance-search label{
display:block;
color:var(--deep);
font-size:15px;
font-weight:600;
margin-bottom:9px}
.insurance-search-field{
display:flex;
align-items:center;
gap:10px;
max-width:650px;
padding:0 15px;
border:1px solid #cfe2d4;
border-radius:12px;
background:#fff}
.insurance-search-field:focus-within{
outline:3px solid #b8dec6;
outline-offset:2px}
.insurance-search-field .material-symbols-outlined{
color:#548c70}
.insurance-search-field input{
width:100%;
min-height:50px;
border:0;
outline:0;
background:transparent;
color:var(--deep);
font:inherit;
font-size:14px}
.insurance-search>p{
color:#71877a;
font-size:13px;
margin:9px 0 0}
.insurance-list-section{
padding-top:45px}
.insurance-company-list{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:10px;
list-style:none;
margin:0;
padding:0}
.insurance-company{
display:flex;
align-items:flex-start;
gap:12px;
min-width:0;
padding:16px;
background:#fff;
border:1px solid #e1ebe4;
border-radius:12px}
.insurance-company[hidden]{
display:none}
.insurance-company-icon{
flex:0 0 auto;
padding:8px;
color:var(--green);
background:var(--mint);
border-radius:9px;
font-size:20px}
.insurance-company strong{
display:block;
color:var(--deep);
font-size:14px;
line-height:1.6;
overflow-wrap:anywhere}
.insurance-company-english{
display:block;
color:#71877a;
font-size:12px;
line-height:1.6;
overflow-wrap:anywhere;
margin-top:3px}
.insurance-no-results{
padding:20px;
color:#71877a;
border:1px dashed #d2e4d7;
border-radius:12px;
font-size:14px}
.insurance-no-results[hidden]{
display:none}
@media(max-width:991px){
.insurance-company-list{
grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
.insurance-company-list{
grid-template-columns:1fr}
.insurance-list-section{
padding-top:35px}
}


.insurance-company-logo{
display:flex;
align-items:center;
justify-content:center;
flex:0 0 64px;
width:64px;
height:52px;
padding:4px;
border:1px solid #edf2ee;
border-radius:9px;
background:#fff}
.insurance-company-logo img{
display:block;
max-width:100%;
max-height:100%;
object-fit:contain}

.insurance-company-logo img[src$="bangkok-insurance.png"],.insurance-company-logo img[src$="dhipaya.png"]{
background:#155076;
border-radius:4px;
padding:3px}


/* Package search */

#pills-tab{gap:12px;align-items:stretch}
#pills-tab .package-nav-link{display:flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:12px 22px;border:2px solid #94b9a5!important;border-radius:12px;background:#fff;color:#155d4a!important;box-shadow:0 3px 0 #c5dbce,0 7px 18px rgba(21,93,74,.08);font:inherit;cursor:pointer;transition:background-color .2s,border-color .2s,box-shadow .2s,transform .2s}
#pills-tab .package-nav-link .material-symbols-outlined{font-size:22px}
#pills-tab .package-tab-label{font-size:15px;font-weight:600}
#pills-tab .package-nav-link:hover{background:#e2f1e8;border-color:#155d4a!important;transform:translateY(-2px)}
#pills-tab .package-nav-link.active{background:#155d4a!important;border-color:#155d4a!important;color:#fff!important;box-shadow:0 3px 0 #0c4939,0 7px 18px rgba(21,93,74,.16)}
#pills-tab .package-nav-link.active:hover{background:#0f4939!important}
#pills-tab .package-nav-link:focus-visible{outline:3px solid #70ad8c;outline-offset:3px}
@media(max-width:575px){#pills-tab{gap:8px}#pills-tab .nav-item{flex:1 1 150px}#pills-tab .package-nav-link{width:100%;min-height:52px;padding:10px 12px}#pills-tab .package-tab-label{font-size:14px}}

.package-filters{
display:flex;
align-items:flex-end;
justify-content:center;
gap:12px;
max-width:800px;
margin:0 auto 8px}
.package-filters label{
display:block;
margin:0 0 7px;
color:var(--deep);
font-size:13px;
font-weight:600}
.package-filter-search{
flex:1;
min-width:0}
.package-filter-category{
width:210px}
.package-search-field{
display:flex;
align-items:center;
gap:9px;
padding:0 13px;
border:1px solid #d1e4d7;
border-radius:10px;
background:#fff}
.package-search-field:focus-within{
outline:3px solid #b8dec6;
outline-offset:2px}
.package-search-field .material-symbols-outlined{
color:#548c70}
.package-search-field input,.package-filter-category select{
height:46px;
width:100%;
border:0;
outline:0;
background:transparent;
color:var(--deep);
font:inherit;
font-size:14px}
.package-filter-category select{
padding:0 12px;
border:1px solid #d1e4d7;
border-radius:10px;
background:#fff}
.package-filter-category select:focus-visible,.package-filter-reset:focus-visible{
outline:3px solid #b8dec6;
outline-offset:2px}
.package-filter-reset{
min-height:46px;
padding:0 14px;
border:1px solid #d1e4d7;
border-radius:10px;
background:#fff;
color:var(--green);
font:inherit;
font-size:13px;
white-space:nowrap;
cursor:pointer}
.package-filter-reset[hidden],.package-more[hidden],.package-card[hidden],#pills-tabContent .row[hidden]{
display:none!important}
.package-more-wrap{text-align:center;margin:20px 0 0}
.package-more{min-height:46px;padding:10px 22px;border:1px solid #155d4a;border-radius:10px;background:#fff;color:#155d4a;font:inherit;font-size:14px;font-weight:500;cursor:pointer}
.package-more:hover{background:#e2f1e8}
.package-more:focus-visible{outline:3px solid #3a8b68;outline-offset:3px}
.package-filter-status{
min-height:22px;
margin:8px 0 18px;
text-align:center;
color:#61796d;
font-size:13px}
@media(max-width:600px){
.package-filters{
align-items:stretch;
flex-wrap:wrap}
.package-filter-search{
flex:1 0 100%}
.package-filter-category{
width:auto;
flex:1}
.package-filter-reset{
align-self:flex-end}
}


/* Readable secondary text on light surfaces */
.site-body .quick-links small,.site-body .section-heading p,.site-body .home-map p,.site-body .footer-bottom,.site-body .about-breadcrumb,.site-body .about-heading p,.site-body .about-section-heading>p,.site-body .room-heading p,.site-body .room-section-top p,.site-body .insurance-heading p,.site-body .contact-heading p,.site-body .news-heading p,.site-body .careers-section-heading p,.site-body .careers-apply-heading p{color:#526d5e}
