.car-share-wrapper{
display:grid;
grid-template-columns:1fr 350px;
gap:40px;
}

/* LISTINGS SIDE */
.trip-card{
border:1px solid #ddd;
padding:12px;
margin-bottom:12px;
font-size:14px;
max-width:320px;
}

.trip-user{
font-weight:500;
}

.joined-count{
font-weight:bold;
margin-left:5px;
}

.trip-route strong{
color:green;
}

.from-label{
color:green;
font-weight:bold;
margin-right:5px;
}

.car-share-form input,
.car-share-form select{
width:100%;
padding:8px;
margin-bottom:10px;
box-sizing: border-box;
}

/* WHATSAPP INPUT WRAPPER */
.whatsapp-input-wrapper {
display: flex;
gap: 8px;
margin-bottom: 10px;
}

.country-code-select {
flex: 0 0 140px;
padding: 8px;
font-size: 13px;
border: 1px solid #ddd;
border-radius: 4px;
background-color: #f9f9f9;
}

.whatsapp-input-wrapper input[type="text"] {
flex: 1;
margin-bottom: 0;
}

/* BUTTON FIX */
.car-submit{
width:100%;
white-space:nowrap;
}

/* SOCIAL SHARING SECTION */
.car-share-social-section {
margin-top: 15px;
padding-top: 12px;
border-top: 1px solid #eee;
}

.social-share-text {
font-size: 12px;
color: #666;
margin: 0 0 10px 0;
text-align: center;
font-weight: 500;
}

.social-icons-row {
display: flex;
justify-content: center;
gap: 10px;
flex-wrap: wrap;
}

.social-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
border-radius: 50%;
text-decoration: none;
font-weight: bold;
color: white;
transition: all 0.3s ease;
font-size: 14px;
}

.social-icon:hover {
transform: scale(1.15);
box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}

.social-icon.facebook {
background-color: #1877F2;
}

.social-icon.facebook:hover {
background-color: #0A66C2;
}

.social-icon.instagram {
background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
}

.social-icon.instagram:hover {
opacity: 0.8;
}

.social-icon.twitter {
background-color: #000000;
}

.social-icon.twitter:hover {
background-color: #1a1a1a;
}

.social-icon.whatsapp {
background-color: #25D366;
}

.social-icon.whatsapp:hover {
background-color: #1BA85F;
}

.social-icon.telegram {
background-color: #0088cc;
}

.social-icon.telegram:hover {
background-color: #0077aa;
}

/* MOBILE */
@media(max-width:900px){

.car-share-wrapper{
grid-template-columns:1fr;
}

.td-tour-card{
max-width:100%;
}

.car-submit{
width:100%;
font-size:18px;
}

.whatsapp-input-wrapper {
flex-direction: column;
}

.country-code-select {
flex: 1 1 auto;
width: 100%;
}

.social-icons-row {
gap: 8px;
}

.social-icon {
width: 28px;
height: 28px;
font-size: 12px;
}

}