/* ============================= */
/* PAGE LAYOUT */
/* ============================= */

.vendors-page{
max-width:900px;
margin:0 auto;
padding:40px 20px 60px;
}

.vendors-page h1{
font-size:34px;
margin-bottom:10px;
color:#05367B;
}

.tagline{
font-size:20px;
font-style:italic;
margin-bottom:12px;
}

.vendor-instruction{
margin-bottom:25px;
color:#05367B;
}

/* ============================= */
/* VENDOR LIST */
/* ============================= */

.vendor-list{
display:flex;
flex-direction:column;
gap:14px;
}

/* ============================= */
/* VENDOR CARD */
/* ============================= */

.vendor-card{
border:1px solid #e5e5e5;
border-radius:10px;
background:white;
overflow:hidden;
transition:box-shadow .2s ease;
}

.vendor-card:hover{
box-shadow:0 6px 18px rgba(0,0,0,.08);
}

/* ============================= */
/* CARD HEADER */
/* ============================= */

.vendor-header{
display:flex;
justify-content:space-between;
align-items:center;
padding:18px 20px;
cursor:pointer;
}

.vendor-left{
display:flex;
align-items:center;
gap:14px;
}

/* ============================= */
/* LOGO + BADGE */
/* ============================= */

.vendor-logo{
height:36px;
width:auto;
}

.vendor-badge{
height:20px;
margin-left:4px;
}

/* ============================= */
/* VENDOR NAME */
/* ============================= */

.vendor-name{
font-weight:600;
font-size:17px;
color:#05367B;
}

/* ============================= */
/* CHEVRON ICON */
/* ============================= */

.vendor-chevron{
width:14px;
height:14px;
border-right:2px solid #05367B;
border-bottom:2px solid #05367B;
transform:rotate(45deg);
transition:transform .25s ease;
margin-right:6px;
}

.vendor-card.open .vendor-chevron{
transform:rotate(-135deg);
}

/* ============================= */
/* EXPAND CONTENT */
/* ============================= */

.vendor-content{
max-height:0;
overflow:hidden;
transition:max-height .35s ease;
padding:0 20px;
}

.vendor-card.open .vendor-content{
max-height:600px;
padding:18px 20px 22px;
}

/* ============================= */
/* CONTACT BLOCK */
/* ============================= */

.vendor-content h3{
margin-bottom:14px;
font-size:18px;
color:#05367B;
}

.vendor-contact{
margin-bottom:14px;
line-height:1.5;
}

.vendor-contact a{
color:#05367B;
text-decoration:none;
}

.vendor-contact a:hover{
text-decoration:underline;
}

/* ============================= */
/* WEBSITE BUTTON */
/* ============================= */

.vendor-link{
display:inline-block;
margin-top:12px;
background:#05367B;
color:white;
padding:9px 16px;
border-radius:6px;
text-decoration:none;
font-size:14px;
font-weight:500;
transition:background .2s ease;
}

.vendor-link:hover{
background:#305CDE;
}

/* ============================= */
/* MOBILE OPTIMIZATION */
/* ============================= */

@media (max-width:768px){

.vendors-page{
padding:30px 16px 50px;
}

.vendors-page h1{
font-size:28px;
}

.tagline{
font-size:18px;
}

.vendor-logo{
height:32px;
}

.vendor-badge{
height:18px;
}

.vendor-name{
font-size:16px;
}

}